@voiceflow/style 1.2.5 → 1.3.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.3.0](https://github.com/voiceflow/design/compare/@voiceflow/style@1.2.5...@voiceflow/style@1.3.0) (2023-07-07)
+
+### Features
+
+* improve menu component (DX-000) ([#110](https://github.com/voiceflow/design/issues/110)) ([fc772b5](https://github.com/voiceflow/design/commit/fc772b53d9b1c6184cff239354b7e085117c065b))
+
 ## [1.2.5](https://github.com/voiceflow/design/compare/@voiceflow/style@1.2.4...@voiceflow/style@1.2.5) (2023-07-05)
 
 ### Bug Fixes

package/build/cjs/__fixtures__/RecipeButton/RecipeButton.component.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import type { RecipeVariants } from '../../main';
+import type { VariantProps } from '../../main';
 import type { ButtonProps } from '../Button';
 import type { complex } from './RecipeButton.css';
-export type RecipeButtonProps = ButtonProps & RecipeVariants<typeof complex>;
+export interface RecipeButtonProps extends ButtonProps, VariantProps<typeof complex> {
+}
 export declare const RecipeButton: React.FC<RecipeButtonProps>;
 //# sourceMappingURL=RecipeButton.component.d.ts.map

package/build/cjs/__fixtures__/RecipeButton/RecipeButton.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecipeButton.component.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/RecipeButton/RecipeButton.component.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAGlD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE7E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAIpD,CAAC"}
+{"version":3,"file":"RecipeButton.component.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/RecipeButton/RecipeButton.component.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAGlD,MAAM,WAAW,iBAAkB,SAAQ,WAAW,EAAE,YAAY,CAAC,OAAO,OAAO,CAAC;CAAG;AAEvF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAIpD,CAAC"}

package/build/cjs/__fixtures__/RecipeButton/index.d.ts

@@ -1,9 +1,6 @@
 /// <reference types="react" />
 import * as css from './RecipeButton.css';
-export declare const RecipeButton: import("react").FC<import("..").ButtonProps & {
-    color?: "ok" | "warn" | undefined;
-    fontSize?: "sm" | "md" | "lg" | undefined;
-}> & {
+export declare const RecipeButton: import("react").FC<import("./RecipeButton.component").RecipeButtonProps> & {
     css: typeof css;
 };
 //# sourceMappingURL=index.d.ts.map

package/build/cjs/__fixtures__/RecipeButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/RecipeButton/index.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,GAAG,MAAM,oBAAoB,CAAC;AAE1C,eAAO,MAAM,YAAY;;;;;CAAgD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/RecipeButton/index.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,GAAG,MAAM,oBAAoB,CAAC;AAE1C,eAAO,MAAM,YAAY;;CAAgD,CAAC"}

package/build/cjs/types.d.ts

@@ -2,5 +2,5 @@ import type { ComplexStyleRule } from '@vanilla-extract/css';
 import type { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
 import type { Simplify } from 'type-fest';
 export type VariantStyleRules = Record<string, Record<string, ComplexStyleRule | string>>;
-export type VariantProps<RecipeFn extends RuntimeFn<VariantStyleRules>> = Simplify<RecipeVariants<RecipeFn>>;
+export type VariantProps<RecipeFn extends RuntimeFn<VariantStyleRules>> = Exclude<Simplify<RecipeVariants<RecipeFn>>, undefined | null>;
 //# sourceMappingURL=types.d.ts.map

package/build/cjs/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC;AAE1F,MAAM,MAAM,YAAY,CAAC,QAAQ,SAAS,SAAS,CAAC,iBAAiB,CAAC,IAAI,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC;AAE1F,MAAM,MAAM,YAAY,CAAC,QAAQ,SAAS,SAAS,CAAC,iBAAiB,CAAC,IAAI,OAAO,CAC/E,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,EAClC,SAAS,GAAG,IAAI,CACjB,CAAC"}

package/build/esm/__fixtures__/RecipeButton/RecipeButton.component.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import type { RecipeVariants } from '../../main.js';
+import type { VariantProps } from '../../main.js';
 import type { ButtonProps } from '../Button/index.js';
 import type { complex } from './RecipeButton.css.js';
-export type RecipeButtonProps = ButtonProps & RecipeVariants<typeof complex>;
+export interface RecipeButtonProps extends ButtonProps, VariantProps<typeof complex> {
+}
 export declare const RecipeButton: React.FC<RecipeButtonProps>;
 //# sourceMappingURL=RecipeButton.component.d.ts.map

package/build/esm/__fixtures__/RecipeButton/RecipeButton.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecipeButton.component.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/RecipeButton/RecipeButton.component.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAGlD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE7E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAIpD,CAAC"}
+{"version":3,"file":"RecipeButton.component.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/RecipeButton/RecipeButton.component.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAGlD,MAAM,WAAW,iBAAkB,SAAQ,WAAW,EAAE,YAAY,CAAC,OAAO,OAAO,CAAC;CAAG;AAEvF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAIpD,CAAC"}

package/build/esm/__fixtures__/RecipeButton/index.d.ts

@@ -1,9 +1,6 @@
 /// <reference types="react" />
 import * as css from './RecipeButton.css.js';
-export declare const RecipeButton: import("react").FC<import("../index.js").ButtonProps & {
-    color?: "ok" | "warn" | undefined;
-    fontSize?: "sm" | "md" | "lg" | undefined;
-}> & {
+export declare const RecipeButton: import("react").FC<import("./RecipeButton.component.js").RecipeButtonProps> & {
     css: typeof css;
 };
 //# sourceMappingURL=index.d.ts.map

package/build/esm/__fixtures__/RecipeButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/RecipeButton/index.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,GAAG,MAAM,oBAAoB,CAAC;AAE1C,eAAO,MAAM,YAAY;;;;;CAAgD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/__fixtures__/RecipeButton/index.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,GAAG,MAAM,oBAAoB,CAAC;AAE1C,eAAO,MAAM,YAAY;;CAAgD,CAAC"}

package/build/esm/types.d.ts

@@ -2,5 +2,5 @@ import type { ComplexStyleRule } from '@vanilla-extract/css';
 import type { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
 import type { Simplify } from 'type-fest';
 export type VariantStyleRules = Record<string, Record<string, ComplexStyleRule | string>>;
-export type VariantProps<RecipeFn extends RuntimeFn<VariantStyleRules>> = Simplify<RecipeVariants<RecipeFn>>;
+export type VariantProps<RecipeFn extends RuntimeFn<VariantStyleRules>> = Exclude<Simplify<RecipeVariants<RecipeFn>>, undefined | null>;
 //# sourceMappingURL=types.d.ts.map

package/build/esm/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC;AAE1F,MAAM,MAAM,YAAY,CAAC,QAAQ,SAAS,SAAS,CAAC,iBAAiB,CAAC,IAAI,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC;AAE1F,MAAM,MAAM,YAAY,CAAC,QAAQ,SAAS,SAAS,CAAC,iBAAiB,CAAC,IAAI,OAAO,CAC/E,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,EAClC,SAAS,GAAG,IAAI,CACjB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voiceflow/style",
-  "version": "1.2.5",
+  "version": "1.3.0",
   "exports": {
     ".": {
       "types": "./build/cjs/main.d.ts",
@@ -54,5 +54,5 @@
   "peerDependencies": {
     "react": "^18"
   },
-  "gitHead": "e611e3f0a8472bdc0265fa70b2606df3facfbb2f"
+  "gitHead": "fd809d5e3fffd3ee84b26fc8462d22d549ebd6f5"
 }

package/src/__fixtures__/RecipeButton/RecipeButton.component.tsx

@@ -1,10 +1,10 @@
-import type { RecipeVariants } from '@/main';
+import type { VariantProps } from '@/main';
 
 import type { ButtonProps } from '../Button';
 import type { complex } from './RecipeButton.css';
 import * as S from './RecipeButton.styled';
 
-export type RecipeButtonProps = ButtonProps & RecipeVariants<typeof complex>;
+export interface RecipeButtonProps extends ButtonProps, VariantProps<typeof complex> {}
 
 export const RecipeButton: React.FC<RecipeButtonProps> = ({ color, fontSize, onClick, children }) => (
   <S.Base variants={{ color, fontSize }} onClick={onClick}>

package/src/types.ts

@@ -4,4 +4,7 @@ import type { Simplify } from 'type-fest';
 
 export type VariantStyleRules = Record<string, Record<string, ComplexStyleRule | string>>;
 
-export type VariantProps<RecipeFn extends RuntimeFn<VariantStyleRules>> = Simplify<RecipeVariants<RecipeFn>>;
+export type VariantProps<RecipeFn extends RuntimeFn<VariantStyleRules>> = Exclude<
+  Simplify<RecipeVariants<RecipeFn>>,
+  undefined | null
+>;