@voiceflow/style 1.2.5 → 1.4.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.4.0](https://github.com/voiceflow/design/compare/@voiceflow/style@1.3.0...@voiceflow/style@1.4.0) (2023-07-07)
+
+### Features
+
+* improve components to support SlateEditor (DX-000) ([#105](https://github.com/voiceflow/design/issues/105)) ([51c41e5](https://github.com/voiceflow/design/commit/51c41e53dc20c05244186638f8b22b2b2b768e75))
+
+# [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/main.d.ts

@@ -3,6 +3,7 @@ export * from './ThemeContext';
 export * from './types';
 export * from '@vanilla-extract/css';
 export * from '@vanilla-extract/dynamic';
-export * from '@vanilla-extract/recipes';
+export type { RuntimeFn } from '@vanilla-extract/recipes';
+export { recipe } from '@vanilla-extract/recipes';
 export { clsx } from 'clsx';
 //# sourceMappingURL=main.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC"}

package/build/cjs/main.js

@@ -14,12 +14,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.clsx = void 0;
+exports.clsx = exports.recipe = void 0;
 __exportStar(require("./styled"), exports);
 __exportStar(require("./ThemeContext"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("@vanilla-extract/css"), exports);
 __exportStar(require("@vanilla-extract/dynamic"), exports);
-__exportStar(require("@vanilla-extract/recipes"), exports);
+var recipes_1 = require("@vanilla-extract/recipes");
+Object.defineProperty(exports, "recipe", { enumerable: true, get: function () { return recipes_1.recipe; } });
 var clsx_1 = require("clsx");
 Object.defineProperty(exports, "clsx", { enumerable: true, get: function () { return clsx_1.clsx; } });

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/main.d.ts

@@ -3,6 +3,7 @@ export * from './ThemeContext.js';
 export * from './types.js';
 export * from '@vanilla-extract/css';
 export * from '@vanilla-extract/dynamic';
-export * from '@vanilla-extract/recipes';
+export type { RuntimeFn } from '@vanilla-extract/recipes';
+export { recipe } from '@vanilla-extract/recipes';
 export { clsx } from 'clsx';
 //# sourceMappingURL=main.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/main.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC"}

package/build/esm/main.js

@@ -3,5 +3,5 @@ export * from './ThemeContext.js';
 export * from './types.js';
 export * from '@vanilla-extract/css';
 export * from '@vanilla-extract/dynamic';
-export * from '@vanilla-extract/recipes';
+export { recipe } from '@vanilla-extract/recipes';
 export { clsx } from 'clsx';

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.4.0",
   "exports": {
     ".": {
       "types": "./build/cjs/main.d.ts",
@@ -54,5 +54,5 @@
   "peerDependencies": {
     "react": "^18"
   },
-  "gitHead": "e611e3f0a8472bdc0265fa70b2606df3facfbb2f"
+  "gitHead": "e0997e6e658c34867a842d70e6b70d11c74d3d6d"
 }

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/main.ts

@@ -3,5 +3,6 @@ export * from './ThemeContext';
 export * from './types';
 export * from '@vanilla-extract/css';
 export * from '@vanilla-extract/dynamic';
-export * from '@vanilla-extract/recipes';
+export type { RuntimeFn } from '@vanilla-extract/recipes';
+export { recipe } from '@vanilla-extract/recipes';
 export { clsx } from 'clsx';

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
+>;