chore(release): 1.0.0-alpha.1

# [1.0.0-alpha.1](v0.2.3...v1.0.0-alpha.1) (2021-10-29)

### Features

* update api and types to match latest dash alpha ([d04ec1d](d04ec1d))

### BREAKING CHANGES

* responsive() no longer returns a function, it returns an object. The function it
used to return is now on the "variants" property.

Author: semantic-release-bot

CHANGELOG.md

@@ -1,3 +1,14 @@
+# [1.0.0-alpha.1](https://github.com/dash-ui/responsive/compare/v0.2.3...v1.0.0-alpha.1) (2021-10-29)
+
+### Features
+
+- update api and types to match latest dash alpha ([d04ec1d](https://github.com/dash-ui/responsive/commit/d04ec1d467d9f74e294798ed1e6fe1e48172abdb))
+
+### BREAKING CHANGES
+
+- responsive() no longer returns a function, it returns an object. The function it
+  used to return is now on the "variants" property.
+
 # Changelog
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.

package.json

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

types/index.d.ts

@@ -1,47 +1,48 @@
 import type {
-  Styles,
-  StyleMap,
-  StyleValue,
-  StyleCallback,
-  StyleObject,
+  DashThemes,
   DashTokens,
   Falsy,
   LazyValue,
+  StyleCallback,
+  StyleMap,
+  StyleObject,
+  Styles,
+  StyleValue,
 } from "@dash-ui/styles";
 declare function responsive<
   Tokens extends DashTokens,
-  MQ extends Record<string, string>,
-  ThemeNames extends string
+  Themes extends DashThemes,
+  MQ extends Record<string, string>
 >(
-  styles: Styles<Tokens, ThemeNames>,
+  styles: Styles<Tokens, Themes>,
   mediaQueries: MQ
-): ResponsiveStyles<Tokens, MQ, ThemeNames>;
+): ResponsiveStyles<Tokens, Themes, MQ>;
 export interface ResponsiveStyles<
   Tokens extends DashTokens,
-  MQ extends Record<string, string>,
-  ThemeNames extends string
-> extends Styles<Tokens, ThemeNames> {
-  <Variant extends string>(
-    styleMap: StyleMap<Variant, Tokens>
-  ): ResponsiveStyle<Variant, Tokens, MQ>;
+  Themes extends DashThemes,
+  MQ extends Record<string, string>
+> extends Styles<Tokens, Themes> {
+  variants<Variant extends string>(
+    styleMap: StyleMap<Variant, Tokens, Themes>
+  ): ResponsiveStyle<Variant, Tokens, Themes, MQ>;
   lazy<Variant extends LazyValue>(
-    lazyFn: ResponsiveLazyCallback<Variant, Tokens, MQ>
+    lazyFn: ResponsiveLazyCallback<Variant, Tokens, Themes, MQ>
   ): ResponsiveLazy<Variant, MQ>;
   one(
     literals:
       | TemplateStringsArray
       | string
       | StyleObject
-      | StyleCallback<Tokens>,
+      | StyleCallback<Tokens, Themes>,
     ...placeholders: string[]
   ): ResponsiveOne<MQ>;
   cls(
     style:
       | TemplateStringsArray
       | string
       | StyleObject
-      | StyleCallback<Tokens>
-      | Responsive<string | StyleObject | StyleCallback<Tokens>, MQ>
+      | StyleCallback<Tokens, Themes>
+      | Responsive<string | StyleObject | StyleCallback<Tokens, Themes>, MQ>
   ): string;
 }
 export declare type Responsive<Variant, MQ extends Record<string, string>> = {
@@ -67,11 +68,12 @@ export declare type ResponsiveStyleArguments<
 export interface ResponsiveStyle<
   Variant extends string,
   Tokens extends DashTokens,
+  Themes extends DashThemes,
   MQ extends Record<string, string>
 > {
   (...variants: ResponsiveStyleArguments<Variant, MQ>): string;
   css(...variants: ResponsiveStyleArguments<Variant, MQ>): string;
-  styles: StyleMap<Variant, Tokens>;
+  styles: StyleMap<Variant, Tokens, Themes>;
 }
 export declare type ResponsiveLazy<
   Value extends LazyValue,
@@ -82,19 +84,20 @@ export declare type ResponsiveLazy<
    * A method that returns indeterminate CSS strings based on the value
    * when called.
    *
-   * @param value A JSON serializable value to create indeterminate
+   * @param value - A JSON serializable value to create indeterminate
    *   styles from
    */
   css(value?: Value | Responsive<Value, MQ>): string;
 };
 export declare type ResponsiveLazyCallback<
   Variant extends LazyValue,
   Tokens extends DashTokens,
+  Themes extends DashThemes,
   MQ extends Record<string, string>
 > = (
   value: Variant,
   queryName: "default" | Extract<keyof MQ, string>
-) => StyleValue<Tokens>;
+) => StyleValue<Tokens, Themes>;
 export declare type ResponsiveOne<MQ extends Record<string, string>> = {
   (
     createClassName?: