chore(release): 1.0.0-alpha.2

# [1.0.0-alpha.2](v1.0.0-alpha.1...v1.0.0-alpha.2) (2021-10-30)

### Bug Fixes

* add numeric variants ([9d071ca](9d071ca))

Author: semantic-release-bot

CHANGELOG.md

@@ -1,3 +1,9 @@
+# [1.0.0-alpha.2](https://github.com/dash-ui/responsive/compare/v1.0.0-alpha.1...v1.0.0-alpha.2) (2021-10-30)
+
+### Bug Fixes
+
+- add numeric variants ([9d071ca](https://github.com/dash-ui/responsive/commit/9d071ca6ea56563489bbec51e89a2a17cf14016e))
+
 # [1.0.0-alpha.1](https://github.com/dash-ui/responsive/compare/v0.2.3...v1.0.0-alpha.1) (2021-10-29)
 
 ### Features

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dash-ui/responsive",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.2",
   "description": "A library for adding responsive style props to components with @dash-ui",
   "license": "MIT",
   "author": "Jared Lunde <jared.lunde@gmail.com> (https://jaredlunde.com/)",

types/index.d.ts

@@ -22,7 +22,7 @@ export interface ResponsiveStyles<
   Themes extends DashThemes,
   MQ extends Record<string, string>
 > extends Styles<Tokens, Themes> {
-  variants<Variant extends string>(
+  variants<Variant extends string | number>(
     styleMap: StyleMap<Variant, Tokens, Themes>
   ): ResponsiveStyle<Variant, Tokens, Themes, MQ>;
   lazy<Variant extends LazyValue>(
@@ -45,12 +45,15 @@ export interface ResponsiveStyles<
       | Responsive<string | StyleObject | StyleCallback<Tokens, Themes>, MQ>
   ): string;
 }
-export declare type Responsive<Variant, MQ extends Record<string, string>> = {
-  [key in Extract<keyof MQ, string>]?: Variant;
+export declare type Responsive<
+  Variant,
+  MQ extends Record<string | number, string>
+> = {
+  [key in Extract<keyof MQ, string | number>]?: Variant;
 };
 export declare type ResponsiveStyleArguments<
-  Variant extends string,
-  MQ extends Record<string, string>
+  Variant extends string | number,
+  MQ extends Record<string | number, string>
 > = (
   | Variant
   | Falsy
@@ -66,18 +69,18 @@ export declare type ResponsiveStyleArguments<
     >
 )[];
 export interface ResponsiveStyle<
-  Variant extends string,
+  Variant extends string | number,
   Tokens extends DashTokens,
   Themes extends DashThemes,
-  MQ extends Record<string, string>
+  MQ extends Record<string | number, string>
 > {
   (...variants: ResponsiveStyleArguments<Variant, MQ>): string;
   css(...variants: ResponsiveStyleArguments<Variant, MQ>): string;
   styles: StyleMap<Variant, Tokens, Themes>;
 }
 export declare type ResponsiveLazy<
   Value extends LazyValue,
-  MQ extends Record<string, string>
+  MQ extends Record<string | number, string>
 > = {
   (value?: Value | Responsive<Value, MQ>): string;
   /**
@@ -93,10 +96,10 @@ export declare type ResponsiveLazyCallback<
   Variant extends LazyValue,
   Tokens extends DashTokens,
   Themes extends DashThemes,
-  MQ extends Record<string, string>
+  MQ extends Record<string | number, string>
 > = (
   value: Variant,
-  queryName: "default" | Extract<keyof MQ, string>
+  queryName: "default" | Extract<keyof MQ, string | number>
 ) => StyleValue<Tokens, Themes>;
 export declare type ResponsiveOne<MQ extends Record<string, string>> = {
   (