@voiceflow/style 1.6.1 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (157) hide show
  1. package/build/cjs/ThemeContext.d.ts +0 -1
  2. package/build/cjs/ThemeContext.d.ts.map +1 -1
  3. package/build/cjs/__fixtures__/Button/Button.component.d.ts +0 -1
  4. package/build/cjs/__fixtures__/Button/Button.component.d.ts.map +1 -1
  5. package/build/cjs/__fixtures__/Button/Button.styled.d.ts +0 -1
  6. package/build/cjs/__fixtures__/Button/Button.styled.d.ts.map +1 -1
  7. package/build/cjs/__fixtures__/Button/index.d.ts +0 -1
  8. package/build/cjs/__fixtures__/Button/index.d.ts.map +1 -1
  9. package/build/cjs/__fixtures__/InlineThemedButton/InlineThemedButton.component.d.ts +0 -1
  10. package/build/cjs/__fixtures__/InlineThemedButton/InlineThemedButton.component.d.ts.map +1 -1
  11. package/build/cjs/__fixtures__/InlineThemedButton/index.d.ts +0 -1
  12. package/build/cjs/__fixtures__/InlineThemedButton/index.d.ts.map +1 -1
  13. package/build/cjs/__fixtures__/InlineVarButton/InlineVarButton.component.d.ts +0 -1
  14. package/build/cjs/__fixtures__/InlineVarButton/InlineVarButton.component.d.ts.map +1 -1
  15. package/build/cjs/__fixtures__/InlineVarButton/index.d.ts +0 -1
  16. package/build/cjs/__fixtures__/InlineVarButton/index.d.ts.map +1 -1
  17. package/build/cjs/__fixtures__/RecipeButton/RecipeButton.component.d.ts +0 -1
  18. package/build/cjs/__fixtures__/RecipeButton/RecipeButton.component.d.ts.map +1 -1
  19. package/build/cjs/__fixtures__/RecipeButton/index.d.ts +0 -1
  20. package/build/cjs/__fixtures__/RecipeButton/index.d.ts.map +1 -1
  21. package/build/cjs/__fixtures__/ReuseCSS/ReuseCSS.component.d.ts +0 -1
  22. package/build/cjs/__fixtures__/ReuseCSS/ReuseCSS.component.d.ts.map +1 -1
  23. package/build/cjs/__fixtures__/ReuseCSS/index.d.ts +0 -1
  24. package/build/cjs/__fixtures__/ReuseCSS/index.d.ts.map +1 -1
  25. package/build/cjs/__fixtures__/ReuseStyled/ReuseStyled.component.d.ts +0 -1
  26. package/build/cjs/__fixtures__/ReuseStyled/ReuseStyled.component.d.ts.map +1 -1
  27. package/build/cjs/__fixtures__/ReuseStyled/ReuseStyled.styled.d.ts +0 -1
  28. package/build/cjs/__fixtures__/ReuseStyled/ReuseStyled.styled.d.ts.map +1 -1
  29. package/build/cjs/__fixtures__/ReuseStyled/index.d.ts +0 -1
  30. package/build/cjs/__fixtures__/ReuseStyled/index.d.ts.map +1 -1
  31. package/build/cjs/__fixtures__/ThemedButton/ThemedButton.component.d.ts +0 -1
  32. package/build/cjs/__fixtures__/ThemedButton/ThemedButton.component.d.ts.map +1 -1
  33. package/build/cjs/__fixtures__/ThemedButton/ThemedButton.styled.d.ts +0 -1
  34. package/build/cjs/__fixtures__/ThemedButton/ThemedButton.styled.d.ts.map +1 -1
  35. package/build/cjs/__fixtures__/ThemedButton/index.d.ts +0 -1
  36. package/build/cjs/__fixtures__/ThemedButton/index.d.ts.map +1 -1
  37. package/build/cjs/__fixtures__/VariantButton/VariantButton.component.d.ts +0 -1
  38. package/build/cjs/__fixtures__/VariantButton/VariantButton.component.d.ts.map +1 -1
  39. package/build/cjs/__fixtures__/VariantButton/index.d.ts +0 -1
  40. package/build/cjs/__fixtures__/VariantButton/index.d.ts.map +1 -1
  41. package/build/cjs/main.d.ts +1 -0
  42. package/build/cjs/main.d.ts.map +1 -1
  43. package/build/cjs/main.js +1 -0
  44. package/build/cjs/styled/factory.d.ts +2 -1
  45. package/build/cjs/styled/factory.d.ts.map +1 -1
  46. package/build/cjs/styled/types.d.ts +0 -1
  47. package/build/cjs/styled/types.d.ts.map +1 -1
  48. package/build/cjs/testing.d.ts +6 -0
  49. package/build/cjs/testing.d.ts.map +1 -0
  50. package/build/cjs/testing.js +17 -0
  51. package/build/esm/ThemeContext.d.ts +0 -1
  52. package/build/esm/ThemeContext.d.ts.map +1 -1
  53. package/build/esm/__fixtures__/Button/Button.component.d.ts +0 -1
  54. package/build/esm/__fixtures__/Button/Button.component.d.ts.map +1 -1
  55. package/build/esm/__fixtures__/Button/Button.styled.d.ts +0 -1
  56. package/build/esm/__fixtures__/Button/Button.styled.d.ts.map +1 -1
  57. package/build/esm/__fixtures__/Button/index.d.ts +0 -1
  58. package/build/esm/__fixtures__/Button/index.d.ts.map +1 -1
  59. package/build/esm/__fixtures__/InlineThemedButton/InlineThemedButton.component.d.ts +0 -1
  60. package/build/esm/__fixtures__/InlineThemedButton/InlineThemedButton.component.d.ts.map +1 -1
  61. package/build/esm/__fixtures__/InlineThemedButton/index.d.ts +0 -1
  62. package/build/esm/__fixtures__/InlineThemedButton/index.d.ts.map +1 -1
  63. package/build/esm/__fixtures__/InlineVarButton/InlineVarButton.component.d.ts +0 -1
  64. package/build/esm/__fixtures__/InlineVarButton/InlineVarButton.component.d.ts.map +1 -1
  65. package/build/esm/__fixtures__/InlineVarButton/index.d.ts +0 -1
  66. package/build/esm/__fixtures__/InlineVarButton/index.d.ts.map +1 -1
  67. package/build/esm/__fixtures__/RecipeButton/RecipeButton.component.d.ts +0 -1
  68. package/build/esm/__fixtures__/RecipeButton/RecipeButton.component.d.ts.map +1 -1
  69. package/build/esm/__fixtures__/RecipeButton/index.d.ts +0 -1
  70. package/build/esm/__fixtures__/RecipeButton/index.d.ts.map +1 -1
  71. package/build/esm/__fixtures__/ReuseCSS/ReuseCSS.component.d.ts +0 -1
  72. package/build/esm/__fixtures__/ReuseCSS/ReuseCSS.component.d.ts.map +1 -1
  73. package/build/esm/__fixtures__/ReuseCSS/index.d.ts +0 -1
  74. package/build/esm/__fixtures__/ReuseCSS/index.d.ts.map +1 -1
  75. package/build/esm/__fixtures__/ReuseStyled/ReuseStyled.component.d.ts +0 -1
  76. package/build/esm/__fixtures__/ReuseStyled/ReuseStyled.component.d.ts.map +1 -1
  77. package/build/esm/__fixtures__/ReuseStyled/ReuseStyled.styled.d.ts +0 -1
  78. package/build/esm/__fixtures__/ReuseStyled/ReuseStyled.styled.d.ts.map +1 -1
  79. package/build/esm/__fixtures__/ReuseStyled/index.d.ts +0 -1
  80. package/build/esm/__fixtures__/ReuseStyled/index.d.ts.map +1 -1
  81. package/build/esm/__fixtures__/ThemedButton/ThemedButton.component.d.ts +0 -1
  82. package/build/esm/__fixtures__/ThemedButton/ThemedButton.component.d.ts.map +1 -1
  83. package/build/esm/__fixtures__/ThemedButton/ThemedButton.styled.d.ts +0 -1
  84. package/build/esm/__fixtures__/ThemedButton/ThemedButton.styled.d.ts.map +1 -1
  85. package/build/esm/__fixtures__/ThemedButton/index.d.ts +0 -1
  86. package/build/esm/__fixtures__/ThemedButton/index.d.ts.map +1 -1
  87. package/build/esm/__fixtures__/VariantButton/VariantButton.component.d.ts +0 -1
  88. package/build/esm/__fixtures__/VariantButton/VariantButton.component.d.ts.map +1 -1
  89. package/build/esm/__fixtures__/VariantButton/index.d.ts +0 -1
  90. package/build/esm/__fixtures__/VariantButton/index.d.ts.map +1 -1
  91. package/build/esm/main.d.ts +1 -0
  92. package/build/esm/main.d.ts.map +1 -1
  93. package/build/esm/main.js +1 -0
  94. package/build/esm/styled/factory.d.ts +2 -1
  95. package/build/esm/styled/factory.d.ts.map +1 -1
  96. package/build/esm/styled/types.d.ts +0 -1
  97. package/build/esm/styled/types.d.ts.map +1 -1
  98. package/build/esm/testing.d.ts +6 -0
  99. package/build/esm/testing.d.ts.map +1 -0
  100. package/build/esm/testing.js +13 -0
  101. package/package.json +24 -31
  102. package/CHANGELOG.md +0 -99
  103. package/build/cjs/styled/factory.test.d.ts +0 -2
  104. package/build/cjs/styled/factory.test.d.ts.map +0 -1
  105. package/build/cjs/styled/factory.test.js +0 -140
  106. package/build/esm/styled/factory.test.d.ts +0 -2
  107. package/build/esm/styled/factory.test.d.ts.map +0 -1
  108. package/build/esm/styled/factory.test.js +0 -138
  109. package/config/test/setup.js +0 -9
  110. package/sonar-project.properties +0 -10
  111. package/src/ThemeContext.tsx +0 -14
  112. package/src/__fixtures__/Button/Button.component.tsx +0 -7
  113. package/src/__fixtures__/Button/Button.css.ts +0 -7
  114. package/src/__fixtures__/Button/Button.styled.ts +0 -5
  115. package/src/__fixtures__/Button/index.ts +0 -7
  116. package/src/__fixtures__/InlineThemedButton/InlineThemedButton.component.tsx +0 -13
  117. package/src/__fixtures__/InlineThemedButton/InlineThemedButton.css.ts +0 -8
  118. package/src/__fixtures__/InlineThemedButton/InlineThemedButton.styled.ts +0 -7
  119. package/src/__fixtures__/InlineThemedButton/index.ts +0 -4
  120. package/src/__fixtures__/InlineVarButton/InlineVarButton.component.tsx +0 -12
  121. package/src/__fixtures__/InlineVarButton/InlineVarButton.css.ts +0 -12
  122. package/src/__fixtures__/InlineVarButton/InlineVarButton.styled.ts +0 -10
  123. package/src/__fixtures__/InlineVarButton/index.ts +0 -4
  124. package/src/__fixtures__/RecipeButton/RecipeButton.component.tsx +0 -13
  125. package/src/__fixtures__/RecipeButton/RecipeButton.css.ts +0 -22
  126. package/src/__fixtures__/RecipeButton/RecipeButton.styled.ts +0 -6
  127. package/src/__fixtures__/RecipeButton/index.ts +0 -4
  128. package/src/__fixtures__/ReuseCSS/ReuseCSS.component.tsx +0 -8
  129. package/src/__fixtures__/ReuseCSS/ReuseCSS.css.ts +0 -11
  130. package/src/__fixtures__/ReuseCSS/index.ts +0 -4
  131. package/src/__fixtures__/ReuseStyled/ReuseStyled.component.tsx +0 -6
  132. package/src/__fixtures__/ReuseStyled/ReuseStyled.css.ts +0 -6
  133. package/src/__fixtures__/ReuseStyled/ReuseStyled.styled.ts +0 -6
  134. package/src/__fixtures__/ReuseStyled/index.ts +0 -4
  135. package/src/__fixtures__/ThemedButton/ThemedButton.component.tsx +0 -6
  136. package/src/__fixtures__/ThemedButton/ThemedButton.css.ts +0 -8
  137. package/src/__fixtures__/ThemedButton/ThemedButton.styled.ts +0 -6
  138. package/src/__fixtures__/ThemedButton/index.ts +0 -4
  139. package/src/__fixtures__/VariantButton/VariantButton.component.tsx +0 -13
  140. package/src/__fixtures__/VariantButton/VariantButton.css.ts +0 -6
  141. package/src/__fixtures__/VariantButton/VariantButton.styled.ts +0 -6
  142. package/src/__fixtures__/VariantButton/index.ts +0 -4
  143. package/src/__fixtures__/index.ts +0 -9
  144. package/src/__fixtures__/theme.css.ts +0 -21
  145. package/src/main.ts +0 -8
  146. package/src/styled/constants.ts +0 -1
  147. package/src/styled/factory.test.tsx +0 -181
  148. package/src/styled/factory.tsx +0 -39
  149. package/src/styled/index.ts +0 -4
  150. package/src/styled/types.ts +0 -87
  151. package/src/styled/utils.ts +0 -56
  152. package/src/types.ts +0 -10
  153. package/tsconfig.build.cjs.json +0 -8
  154. package/tsconfig.build.esm.json +0 -11
  155. package/tsconfig.build.json +0 -5
  156. package/tsconfig.json +0 -9
  157. package/vitest.config.ts +0 -16
@@ -1,56 +0,0 @@
1
- import { assignInlineVars } from '@vanilla-extract/dynamic';
2
- import { clsx } from 'clsx';
3
- import { useMemo } from 'react';
4
-
5
- import { STYLED_CLASS } from './constants';
6
- import type {
7
- DynamicOptions,
8
- FirstStyledArgument,
9
- SecondStyledArgument,
10
- StyledComponentProps,
11
- ThemeContract,
12
- } from './types';
13
-
14
- export const getStaticClass = (firstArg: FirstStyledArgument, secondArg?: SecondStyledArgument): string | null => {
15
- // eslint-disable-next-line no-nested-ternary
16
- const classNames = (Array.isArray(firstArg) ? firstArg : Array.isArray(secondArg) ? secondArg : []).map((source) =>
17
- typeof source === 'string' ? source : source[STYLED_CLASS]
18
- );
19
-
20
- return classNames.length ? clsx(classNames) : null;
21
- };
22
-
23
- export const getDynamicOptions = (secondArg?: SecondStyledArgument, thirdArg?: DynamicOptions): DynamicOptions | null =>
24
- (Array.isArray(secondArg) ? thirdArg : secondArg) ?? null;
25
-
26
- export const useDynamicClass = (
27
- firstArg: FirstStyledArgument<any>,
28
- props: { variant?: string; variants?: Record<string, any> }
29
- ) =>
30
- useMemo(() => {
31
- if (typeof firstArg === 'function') return firstArg(props.variants);
32
- if (Array.isArray(firstArg) || !props.variant) return null;
33
-
34
- return firstArg[props.variant];
35
- }, [firstArg, props.variants, props.variant]);
36
-
37
- export const useInlineStyle = (
38
- props: StyledComponentProps<keyof JSX.IntrinsicElements, ThemeContract, Record<string, string>>,
39
- dynamicOptions: DynamicOptions | null
40
- ) => {
41
- const { theme, vars } = dynamicOptions ?? {};
42
-
43
- return useMemo(() => {
44
- const style = {};
45
-
46
- if (theme && props.theme) {
47
- Object.assign(style, assignInlineVars(theme, props.theme));
48
- }
49
-
50
- if (vars && props.vars) {
51
- Object.assign(style, assignInlineVars(props.vars as Record<string, string>));
52
- }
53
-
54
- return style;
55
- }, [props.theme, props.vars]);
56
- };
package/src/types.ts DELETED
@@ -1,10 +0,0 @@
1
- import type { ComplexStyleRule } from '@vanilla-extract/css';
2
- import type { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
3
- import type { Simplify } from 'type-fest';
4
-
5
- export type VariantStyleRules = Record<string, Record<string, ComplexStyleRule | string>>;
6
-
7
- export type VariantProps<RecipeFn extends RuntimeFn<VariantStyleRules>> = Exclude<
8
- Simplify<RecipeVariants<RecipeFn>>,
9
- undefined | null
10
- >;
@@ -1,8 +0,0 @@
1
- {
2
- "$schema": "https://json.schemastore.org/tsconfig",
3
- "extends": "./tsconfig.build.json",
4
- "compilerOptions": {
5
- "module": "commonjs",
6
- "outDir": "build/cjs"
7
- }
8
- }
@@ -1,11 +0,0 @@
1
- {
2
- "$schema": "https://json.schemastore.org/tsconfig",
3
- "extends": "./tsconfig.build.json",
4
- "compilerOptions": {
5
- "module": "esnext",
6
- "outDir": "build/esm"
7
- },
8
- "tsc-alias": {
9
- "resolveFullPaths": true
10
- }
11
- }
@@ -1,5 +0,0 @@
1
- {
2
- "$schema": "https://json.schemastore.org/tsconfig",
3
- "extends": "./tsconfig.json",
4
- "include": ["src", "types"]
5
- }
package/tsconfig.json DELETED
@@ -1,9 +0,0 @@
1
- {
2
- "$schema": "https://json.schemastore.org/tsconfig",
3
- "extends": "@voiceflow-meta/typescript-config/base.json",
4
- "compilerOptions": {
5
- "baseUrl": ".",
6
- "jsx": "react-jsx"
7
- },
8
- "exclude": ["node_modules", "build"]
9
- }
package/vitest.config.ts DELETED
@@ -1,16 +0,0 @@
1
- import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
2
- import tsconfigPaths from 'vite-tsconfig-paths';
3
- import { configDefaults, defineConfig } from 'vitest/config';
4
-
5
- export default defineConfig({
6
- plugins: [tsconfigPaths(), vanillaExtractPlugin()],
7
- test: {
8
- globals: true,
9
- environment: 'jsdom',
10
- setupFiles: './config/test/setup.js',
11
- exclude: [...configDefaults.exclude, 'build'],
12
- coverage: {
13
- exclude: [...configDefaults.exclude, 'build', '*.js'],
14
- },
15
- },
16
- });