@aziontech/theme 1.13.0 → 2.0.1

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 (76) hide show
  1. package/README.md +1 -1
  2. package/package.json +19 -21
  3. package/src/scripts/build-tokens.mjs +391 -0
  4. package/src/scripts/compile-primitives.js +165 -0
  5. package/src/scripts/compile-theme.js +117 -0
  6. package/src/{tokens/build → scripts}/css-vars.js +10 -9
  7. package/src/{tokens/build → scripts}/resolve.js +2 -0
  8. package/src/tests/primitives.html +293 -0
  9. package/src/tests/theme.html +310 -0
  10. package/src/tests/tokens.html +84 -0
  11. package/src/tokens/README.md +306 -272
  12. package/src/tokens/index.js +4 -12
  13. package/src/tokens/primitives/animations/animate.js +26 -0
  14. package/src/tokens/primitives/animations/ease.js +7 -0
  15. package/src/tokens/primitives/border-widths.js +9 -0
  16. package/src/tokens/primitives/breakpoints.js +9 -0
  17. package/src/tokens/primitives/colors/alpha.js +104 -0
  18. package/src/tokens/primitives/colors/brand.js +40 -0
  19. package/src/tokens/primitives/colors/colors.js +142 -0
  20. package/src/tokens/primitives/effects/blur.js +11 -0
  21. package/src/tokens/primitives/effects/drop-shadow.js +10 -0
  22. package/src/tokens/primitives/effects/inset-shadow.js +7 -0
  23. package/src/tokens/primitives/effects/opacity.js +8 -0
  24. package/src/tokens/primitives/effects/perspective.js +9 -0
  25. package/src/tokens/primitives/effects/shadow.js +11 -0
  26. package/src/tokens/primitives/ring-offset.js +5 -0
  27. package/src/tokens/primitives/shape/aspect-video.js +3 -0
  28. package/src/tokens/primitives/shape/container.js +17 -0
  29. package/src/tokens/primitives/shape/height.js +32 -0
  30. package/src/tokens/primitives/shape/radius.js +13 -0
  31. package/src/tokens/primitives/shape/shape.js +12 -0
  32. package/src/tokens/primitives/shape/size.js +32 -0
  33. package/src/tokens/primitives/shape/spacing.js +33 -0
  34. package/src/tokens/primitives/shape/width.js +19 -0
  35. package/src/tokens/primitives/typography/font-family.js +7 -0
  36. package/src/tokens/primitives/typography/font-size.js +30 -0
  37. package/src/tokens/primitives/typography/font-weight.js +13 -0
  38. package/src/tokens/primitives/typography/leading.js +9 -0
  39. package/src/tokens/primitives/typography/line-height.js +13 -0
  40. package/src/tokens/primitives/typography/tracking.js +10 -0
  41. package/src/{tailwind/semantic-animations-plugin.js → tokens/semantic/animations.js} +19 -21
  42. package/src/tokens/semantic/colors.js +138 -0
  43. package/src/tokens/semantic/containers.data.js +18 -0
  44. package/src/tokens/semantic/containers.js +70 -0
  45. package/src/tokens/semantic/spacings.data.js +18 -0
  46. package/src/tokens/semantic/spacings.js +163 -0
  47. package/src/tokens/semantic/texts.data.js +103 -0
  48. package/src/{tailwind/semantic-texts-plugin.js → tokens/semantic/texts.js} +30 -9
  49. package/src/tokens/theme/accent.js +18 -0
  50. package/src/tokens/theme/background.js +32 -0
  51. package/src/tokens/theme/border.js +18 -0
  52. package/src/tokens/theme/feedback/danger.js +16 -0
  53. package/src/tokens/theme/feedback/info.js +16 -0
  54. package/src/tokens/theme/feedback/success.js +16 -0
  55. package/src/tokens/theme/feedback/warning.js +16 -0
  56. package/src/tokens/theme/primary.js +18 -0
  57. package/src/tokens/theme/ring.js +12 -0
  58. package/src/tokens/theme/secondary.js +18 -0
  59. package/src/tokens/theme/surfaces.js +23 -0
  60. package/src/tokens/theme/text.js +18 -0
  61. package/src/tokens/theme.js +32 -0
  62. package/colors-brand.js +0 -24
  63. package/src/tailwind/semantic-colors-plugin.js +0 -91
  64. package/src/tailwind/semantic-spacing-plugin.js +0 -151
  65. package/src/tailwind/tailwind-theme.js +0 -54
  66. package/src/tokens/build/preset.js +0 -62
  67. package/src/tokens/build/tailwind-flat-colors.js +0 -75
  68. package/src/tokens/build/tailwind-helper.js +0 -12
  69. package/src/tokens/build/tailwind-plugin.js +0 -175
  70. package/src/tokens/colors-brand.js +0 -24
  71. package/src/tokens/primitives/brand.js +0 -69
  72. package/src/tokens/primitives/colors.js +0 -144
  73. package/src/tokens/semantic/backgrounds.js +0 -46
  74. package/src/tokens/semantic/borders.js +0 -44
  75. package/src/tokens/semantic/text.js +0 -48
  76. /package/src/{tokens/build → scripts}/refs.js +0 -0
@@ -1,44 +0,0 @@
1
- /**
2
- * SEMANTIC BORDER TOKENS
3
- *
4
- * Generated from figma-reference-tokens-studio.
5
- */
6
-
7
- import { tokenRef } from '../build/refs.js';
8
-
9
- export const borderSemantic = {
10
- light: {
11
- default: tokenRef('brand.surfaces.surface-100'),
12
- strong: tokenRef('primitives.base.black'),
13
- warning: tokenRef('primitives.yellow.600'),
14
- success: tokenRef('primitives.green.600'),
15
- danger: tokenRef('primitives.red.600'),
16
- primary: tokenRef('brand.primary.primary-500'),
17
- accent: tokenRef('brand.accent.accent-500'),
18
- warningHover: tokenRef('primitives.yellow.500'),
19
- successHover: tokenRef('primitives.green.500'),
20
- dangerHover: tokenRef('primitives.red.500'),
21
- primaryHover: tokenRef('brand.primary.primary-600'),
22
- accentHover: tokenRef('brand.accent.accent-600'),
23
- subtle: tokenRef('brand.surfaces.surface-200')
24
- },
25
- dark: {
26
- default: tokenRef('brand.surfaces.surface-800'),
27
- strong: tokenRef('primitives.base.white'),
28
- warning: tokenRef('primitives.yellow.400'),
29
- success: tokenRef('primitives.green.400'),
30
- danger: tokenRef('primitives.red.400'),
31
- primary: tokenRef('brand.primary.primary-500'),
32
- accent: tokenRef('brand.accent.accent-500'),
33
- warningHover: tokenRef('primitives.yellow.500'),
34
- successHover: tokenRef('primitives.green.500'),
35
- dangerHover: tokenRef('primitives.red.500'),
36
- primaryHover: tokenRef('brand.primary.primary-400'),
37
- accentHover: tokenRef('brand.accent.accent-400'),
38
- subtle: tokenRef('brand.surfaces.surface-700')
39
- },
40
- };
41
-
42
- export default {
43
- borderSemantic,
44
- };
@@ -1,48 +0,0 @@
1
- /**
2
- * SEMANTIC TEXT TOKENS
3
- *
4
- * Generated from figma-reference-tokens-studio.
5
- */
6
-
7
- import { tokenRef } from '../build/refs.js';
8
-
9
- export const textSemantic = {
10
- light: {
11
- default: tokenRef('primitives.neutral.900'),
12
- muted: tokenRef('primitives.neutral.600'),
13
- link: tokenRef('primitives.blue.600'),
14
- code: tokenRef('primitives.neutral.600'),
15
- linkHover: tokenRef('primitives.blue.700'),
16
- primary: tokenRef('brand.primary.primary-500'),
17
- primaryHover: tokenRef('brand.primary.primary-600'),
18
- accent: tokenRef('brand.accent.accent-500'),
19
- accentHover: tokenRef('brand.accent.accent-600'),
20
- dangerHover: tokenRef('primitives.red.500'),
21
- warningHover: tokenRef('primitives.yellow.500'),
22
- successHover: tokenRef('primitives.green.500'),
23
- success: tokenRef('primitives.green.600'),
24
- danger: tokenRef('primitives.red.600'),
25
- warning: tokenRef('primitives.yellow.600')
26
- },
27
- dark: {
28
- default: tokenRef('primitives.neutral.50'),
29
- muted: tokenRef('primitives.neutral.400'),
30
- link: tokenRef('primitives.blue.400'),
31
- code: tokenRef('primitives.neutral.400'),
32
- linkHover: tokenRef('primitives.blue.300'),
33
- primary: tokenRef('brand.primary.primary-500'),
34
- primaryHover: tokenRef('brand.primary.primary-400'),
35
- accent: tokenRef('brand.accent.accent-500'),
36
- accentHover: tokenRef('brand.accent.accent-400'),
37
- dangerHover: tokenRef('primitives.red.500'),
38
- warningHover: tokenRef('primitives.yellow.500'),
39
- successHover: tokenRef('primitives.green.500'),
40
- success: tokenRef('primitives.green.400'),
41
- danger: tokenRef('primitives.red.400'),
42
- warning: tokenRef('primitives.yellow.400'),
43
- }
44
- };
45
-
46
- export default {
47
- textSemantic,
48
- };
File without changes