@aziontech/theme 2.7.1 → 2.7.2

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 (130) hide show
  1. package/dist/v3/globals.css +94 -67
  2. package/dist/v3/globals.scss +94 -67
  3. package/dist/v3/tailwind-preset.js +26 -0
  4. package/dist/v3/tailwind.config.js +26 -0
  5. package/dist/v4/globals.css +53 -28
  6. package/dist/v4/globals.scss +53 -28
  7. package/package.json +13 -6
  8. package/src/scripts/build-tokens.mjs +27 -1
  9. package/src/scripts/css-vars.d.ts +7 -0
  10. package/src/scripts/css-vars.d.ts.map +1 -0
  11. package/src/scripts/refs.d.ts +5 -0
  12. package/src/scripts/refs.d.ts.map +1 -0
  13. package/src/scripts/resolve.d.ts +5 -0
  14. package/src/scripts/resolve.d.ts.map +1 -0
  15. package/src/tests/tokens.html +3 -0
  16. package/src/tokens/README.md +17 -0
  17. package/src/tokens/index.d.ts +6 -0
  18. package/src/tokens/index.d.ts.map +1 -0
  19. package/src/tokens/index.js +1 -0
  20. package/src/tokens/primitives/animations/animate.d.ts +29 -0
  21. package/src/tokens/primitives/animations/animate.d.ts.map +1 -0
  22. package/src/tokens/primitives/animations/ease.d.ts +10 -0
  23. package/src/tokens/primitives/animations/ease.d.ts.map +1 -0
  24. package/src/tokens/primitives/border-widths.d.ts +12 -0
  25. package/src/tokens/primitives/border-widths.d.ts.map +1 -0
  26. package/src/tokens/primitives/breakpoints.d.ts +12 -0
  27. package/src/tokens/primitives/breakpoints.d.ts.map +1 -0
  28. package/src/tokens/primitives/colors/alpha.d.ts +109 -0
  29. package/src/tokens/primitives/colors/alpha.d.ts.map +1 -0
  30. package/src/tokens/primitives/colors/alpha.js +10 -10
  31. package/src/tokens/primitives/colors/brand.d.ts +46 -0
  32. package/src/tokens/primitives/colors/brand.d.ts.map +1 -0
  33. package/src/tokens/primitives/colors/colors.d.ts +141 -0
  34. package/src/tokens/primitives/colors/colors.d.ts.map +1 -0
  35. package/src/tokens/primitives/colors/colors.js +11 -11
  36. package/src/tokens/primitives/effects/blur.d.ts +14 -0
  37. package/src/tokens/primitives/effects/blur.d.ts.map +1 -0
  38. package/src/tokens/primitives/effects/drop-shadow.d.ts +13 -0
  39. package/src/tokens/primitives/effects/drop-shadow.d.ts.map +1 -0
  40. package/src/tokens/primitives/effects/inset-shadow.d.ts +10 -0
  41. package/src/tokens/primitives/effects/inset-shadow.d.ts.map +1 -0
  42. package/src/tokens/primitives/effects/opacity.d.ts +11 -0
  43. package/src/tokens/primitives/effects/opacity.d.ts.map +1 -0
  44. package/src/tokens/primitives/effects/perspective.d.ts +12 -0
  45. package/src/tokens/primitives/effects/perspective.d.ts.map +1 -0
  46. package/src/tokens/primitives/effects/shadow.d.ts +14 -0
  47. package/src/tokens/primitives/effects/shadow.d.ts.map +1 -0
  48. package/src/tokens/primitives/ring-offset.d.ts +8 -0
  49. package/src/tokens/primitives/ring-offset.d.ts.map +1 -0
  50. package/src/tokens/primitives/shape/aspect-video.d.ts +6 -0
  51. package/src/tokens/primitives/shape/aspect-video.d.ts.map +1 -0
  52. package/src/tokens/primitives/shape/container.d.ts +20 -0
  53. package/src/tokens/primitives/shape/container.d.ts.map +1 -0
  54. package/src/tokens/primitives/shape/height.d.ts +35 -0
  55. package/src/tokens/primitives/shape/height.d.ts.map +1 -0
  56. package/src/tokens/primitives/shape/radius.d.ts +16 -0
  57. package/src/tokens/primitives/shape/radius.d.ts.map +1 -0
  58. package/src/tokens/primitives/shape/shape.d.ts +12 -0
  59. package/src/tokens/primitives/shape/shape.d.ts.map +1 -0
  60. package/src/tokens/primitives/shape/shape.js +8 -8
  61. package/src/tokens/primitives/shape/size.d.ts +35 -0
  62. package/src/tokens/primitives/shape/size.d.ts.map +1 -0
  63. package/src/tokens/primitives/shape/spacing.d.ts +36 -0
  64. package/src/tokens/primitives/shape/spacing.d.ts.map +1 -0
  65. package/src/tokens/primitives/shape/width.d.ts +46 -0
  66. package/src/tokens/primitives/shape/width.d.ts.map +1 -0
  67. package/src/tokens/primitives/typography/font-family.d.ts +10 -0
  68. package/src/tokens/primitives/typography/font-family.d.ts.map +1 -0
  69. package/src/tokens/primitives/typography/font-size.d.ts +33 -0
  70. package/src/tokens/primitives/typography/font-size.d.ts.map +1 -0
  71. package/src/tokens/primitives/typography/font-weight.d.ts +16 -0
  72. package/src/tokens/primitives/typography/font-weight.d.ts.map +1 -0
  73. package/src/tokens/primitives/typography/leading.d.ts +12 -0
  74. package/src/tokens/primitives/typography/leading.d.ts.map +1 -0
  75. package/src/tokens/primitives/typography/line-height.d.ts +16 -0
  76. package/src/tokens/primitives/typography/line-height.d.ts.map +1 -0
  77. package/src/tokens/primitives/typography/tracking.d.ts +13 -0
  78. package/src/tokens/primitives/typography/tracking.d.ts.map +1 -0
  79. package/src/tokens/semantic/animations.d.ts +3 -0
  80. package/src/tokens/semantic/animations.d.ts.map +1 -0
  81. package/src/tokens/semantic/colors.d.ts +296 -0
  82. package/src/tokens/semantic/colors.d.ts.map +1 -0
  83. package/src/tokens/semantic/containers.d.ts +3 -0
  84. package/src/tokens/semantic/containers.d.ts.map +1 -0
  85. package/src/tokens/semantic/containers.data.d.ts +32 -0
  86. package/src/tokens/semantic/containers.data.d.ts.map +1 -0
  87. package/src/tokens/semantic/spacings.d.ts +3 -0
  88. package/src/tokens/semantic/spacings.d.ts.map +1 -0
  89. package/src/tokens/semantic/spacings.data.d.ts +39 -0
  90. package/src/tokens/semantic/spacings.data.d.ts.map +1 -0
  91. package/src/tokens/semantic/texts.d.ts +3 -0
  92. package/src/tokens/semantic/texts.d.ts.map +1 -0
  93. package/src/tokens/semantic/texts.data.d.ts +184 -0
  94. package/src/tokens/semantic/texts.data.d.ts.map +1 -0
  95. package/src/tokens/semantic/texts.data.js +43 -4
  96. package/src/tokens/theme/accent.d.ts +35 -0
  97. package/src/tokens/theme/accent.d.ts.map +1 -0
  98. package/src/tokens/theme/background.d.ts +77 -0
  99. package/src/tokens/theme/background.d.ts.map +1 -0
  100. package/src/tokens/theme/background.js +1 -1
  101. package/src/tokens/theme/border.d.ts +35 -0
  102. package/src/tokens/theme/border.d.ts.map +1 -0
  103. package/src/tokens/theme/border.js +1 -1
  104. package/src/tokens/theme/feedback/danger.d.ts +29 -0
  105. package/src/tokens/theme/feedback/danger.d.ts.map +1 -0
  106. package/src/tokens/theme/feedback/danger.js +6 -6
  107. package/src/tokens/theme/feedback/info.d.ts +29 -0
  108. package/src/tokens/theme/feedback/info.d.ts.map +1 -0
  109. package/src/tokens/theme/feedback/info.js +2 -2
  110. package/src/tokens/theme/feedback/success.d.ts +29 -0
  111. package/src/tokens/theme/feedback/success.d.ts.map +1 -0
  112. package/src/tokens/theme/feedback/success.js +5 -5
  113. package/src/tokens/theme/feedback/warning.d.ts +29 -0
  114. package/src/tokens/theme/feedback/warning.d.ts.map +1 -0
  115. package/src/tokens/theme/feedback/warning.js +6 -6
  116. package/src/tokens/theme/primary.d.ts +35 -0
  117. package/src/tokens/theme/primary.d.ts.map +1 -0
  118. package/src/tokens/theme/primary.js +4 -4
  119. package/src/tokens/theme/ring.d.ts +17 -0
  120. package/src/tokens/theme/ring.d.ts.map +1 -0
  121. package/src/tokens/theme/ring.js +2 -2
  122. package/src/tokens/theme/secondary.d.ts +35 -0
  123. package/src/tokens/theme/secondary.d.ts.map +1 -0
  124. package/src/tokens/theme/surfaces.d.ts +47 -0
  125. package/src/tokens/theme/surfaces.d.ts.map +1 -0
  126. package/src/tokens/theme/text.d.ts +41 -0
  127. package/src/tokens/theme/text.d.ts.map +1 -0
  128. package/src/tokens/theme/text.js +6 -4
  129. package/src/tokens/theme.d.ts +171 -0
  130. package/src/tokens/theme.d.ts.map +1 -0
@@ -0,0 +1,35 @@
1
+ export namespace primary {
2
+ let light: {
3
+ primary: {
4
+ __ref: any;
5
+ };
6
+ 'primary-mask': {
7
+ __ref: any;
8
+ };
9
+ 'primary-selected': {
10
+ __ref: any;
11
+ };
12
+ 'primary-contrast': {
13
+ __ref: any;
14
+ };
15
+ };
16
+ let dark: {
17
+ primary: {
18
+ __ref: any;
19
+ };
20
+ 'primary-mask': {
21
+ __ref: any;
22
+ };
23
+ 'primary-selected': {
24
+ __ref: any;
25
+ };
26
+ 'primary-contrast': {
27
+ __ref: any;
28
+ };
29
+ };
30
+ }
31
+ declare namespace _default {
32
+ export { primary };
33
+ }
34
+ export default _default;
35
+ //# sourceMappingURL=primary.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"primary.d.ts","sourceRoot":"","sources":["primary.js"],"names":[],"mappings":""}
@@ -3,14 +3,14 @@ import { tokenRef } from '../../scripts/refs.js';
3
3
  export const primary = {
4
4
  light: {
5
5
  primary: tokenRef('brand.primary.primary-500'),
6
- 'primary-mask': tokenRef('primitives.alpha.orange.100'),
7
- 'primary-selected': tokenRef('primitives.alpha.orange.100'),
6
+ 'primary-mask': tokenRef('primitives.alpha.orange.200'),
7
+ 'primary-selected': tokenRef('primitives.alpha.orange.200'),
8
8
  'primary-contrast': tokenRef('primitives.base.black'),
9
9
  },
10
10
  dark: {
11
11
  primary: tokenRef('brand.primary.primary-500'),
12
- 'primary-mask': tokenRef('primitives.alpha.orange.100'),
13
- 'primary-selected': tokenRef('primitives.alpha.orange.100'),
12
+ 'primary-mask': tokenRef('primitives.alpha.orange.200'),
13
+ 'primary-selected': tokenRef('primitives.alpha.orange.200'),
14
14
  'primary-contrast': tokenRef('primitives.base.white'),
15
15
  },
16
16
  };
@@ -0,0 +1,17 @@
1
+ export namespace ring {
2
+ let light: {
3
+ 'ring-color': {
4
+ __ref: any;
5
+ };
6
+ };
7
+ let dark: {
8
+ 'ring-color': {
9
+ __ref: any;
10
+ };
11
+ };
12
+ }
13
+ declare namespace _default {
14
+ export { ring };
15
+ }
16
+ export default _default;
17
+ //# sourceMappingURL=ring.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ring.d.ts","sourceRoot":"","sources":["ring.js"],"names":[],"mappings":""}
@@ -2,10 +2,10 @@ import { tokenRef } from '../../scripts/refs.js';
2
2
 
3
3
  export const ring = {
4
4
  light: {
5
- 'ring-color': tokenRef('theme.surfaces.surface-950'),
5
+ 'ring-color': tokenRef('theme.surfaces.surface-600'),
6
6
  },
7
7
  dark: {
8
- 'ring-color': tokenRef('theme.surfaces.surface-0'),
8
+ 'ring-color': tokenRef('theme.surfaces.surface-700'),
9
9
  },
10
10
  };
11
11
 
@@ -0,0 +1,35 @@
1
+ export namespace secondary {
2
+ let light: {
3
+ secondary: {
4
+ __ref: any;
5
+ };
6
+ 'secondary-mask': {
7
+ __ref: any;
8
+ };
9
+ 'secondary-selected': {
10
+ __ref: any;
11
+ };
12
+ 'secondary-contrast': {
13
+ __ref: any;
14
+ };
15
+ };
16
+ let dark: {
17
+ secondary: {
18
+ __ref: any;
19
+ };
20
+ 'secondary-mask': {
21
+ __ref: any;
22
+ };
23
+ 'secondary-selected': {
24
+ __ref: any;
25
+ };
26
+ 'secondary-contrast': {
27
+ __ref: any;
28
+ };
29
+ };
30
+ }
31
+ declare namespace _default {
32
+ export { secondary };
33
+ }
34
+ export default _default;
35
+ //# sourceMappingURL=secondary.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"secondary.d.ts","sourceRoot":"","sources":["secondary.js"],"names":[],"mappings":""}
@@ -0,0 +1,47 @@
1
+ export namespace surfaces {
2
+ export { shared as light };
3
+ export { shared as dark };
4
+ }
5
+ declare namespace _default {
6
+ export { surfaces };
7
+ }
8
+ export default _default;
9
+ declare const shared: {
10
+ 'surface-0': {
11
+ __ref: any;
12
+ };
13
+ 'surface-50': {
14
+ __ref: any;
15
+ };
16
+ 'surface-100': {
17
+ __ref: any;
18
+ };
19
+ 'surface-200': {
20
+ __ref: any;
21
+ };
22
+ 'surface-300': {
23
+ __ref: any;
24
+ };
25
+ 'surface-400': {
26
+ __ref: any;
27
+ };
28
+ 'surface-500': {
29
+ __ref: any;
30
+ };
31
+ 'surface-600': {
32
+ __ref: any;
33
+ };
34
+ 'surface-700': {
35
+ __ref: any;
36
+ };
37
+ 'surface-800': {
38
+ __ref: any;
39
+ };
40
+ 'surface-900': {
41
+ __ref: any;
42
+ };
43
+ 'surface-950': {
44
+ __ref: any;
45
+ };
46
+ };
47
+ //# sourceMappingURL=surfaces.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"surfaces.d.ts","sourceRoot":"","sources":["surfaces.js"],"names":[],"mappings":";;;;;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaE"}
@@ -0,0 +1,41 @@
1
+ export namespace text {
2
+ let light: {
3
+ 'text-default': {
4
+ __ref: any;
5
+ };
6
+ 'text-muted': {
7
+ __ref: any;
8
+ };
9
+ 'text-disabled': {
10
+ __ref: any;
11
+ };
12
+ 'text-link': {
13
+ __ref: any;
14
+ };
15
+ 'text-contrast': {
16
+ __ref: any;
17
+ };
18
+ };
19
+ let dark: {
20
+ 'text-default': {
21
+ __ref: any;
22
+ };
23
+ 'text-muted': {
24
+ __ref: any;
25
+ };
26
+ 'text-disabled': {
27
+ __ref: any;
28
+ };
29
+ 'text-link': {
30
+ __ref: any;
31
+ };
32
+ 'text-contrast': {
33
+ __ref: any;
34
+ };
35
+ };
36
+ }
37
+ declare namespace _default {
38
+ export { text };
39
+ }
40
+ export default _default;
41
+ //# sourceMappingURL=text.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["text.js"],"names":[],"mappings":""}
@@ -1,4 +1,4 @@
1
- import { tokenRef } from '../../scripts/refs.js';
1
+ import { tokenRef } from '../../scripts/refs.js'
2
2
 
3
3
  export const text = {
4
4
  light: {
@@ -6,13 +6,15 @@ export const text = {
6
6
  'text-muted': tokenRef('primitives.gray.600'),
7
7
  'text-disabled': tokenRef('primitives.gray.400'),
8
8
  'text-link': tokenRef('primitives.blue.600'),
9
+ 'text-contrast': tokenRef('primitives.gray.50')
9
10
  },
10
11
  dark: {
11
12
  'text-default': tokenRef('primitives.gray.50'),
12
13
  'text-muted': tokenRef('primitives.gray.400'),
13
14
  'text-disabled': tokenRef('primitives.gray.700'),
14
15
  'text-link': tokenRef('primitives.blue.400'),
15
- },
16
- };
16
+ 'text-contrast': tokenRef('primitives.base.black')
17
+ }
18
+ }
17
19
 
18
- export default { text };
20
+ export default { text }
@@ -0,0 +1,171 @@
1
+ export namespace theme {
2
+ namespace extend {
3
+ namespace colors {
4
+ namespace base {
5
+ let white: string;
6
+ let black: string;
7
+ }
8
+ namespace brand {
9
+ let primary: {
10
+ '50': string;
11
+ '100': string;
12
+ '200': string;
13
+ '300': string;
14
+ '400': string;
15
+ '500': string;
16
+ '600': string;
17
+ '700': string;
18
+ '800': string;
19
+ '900': string;
20
+ '950': string;
21
+ };
22
+ let accent: {
23
+ '50': string;
24
+ '100': string;
25
+ '200': string;
26
+ '300': string;
27
+ '400': string;
28
+ '500': string;
29
+ '600': string;
30
+ '700': string;
31
+ '800': string;
32
+ '900': string;
33
+ '950': string;
34
+ };
35
+ }
36
+ let surface: {
37
+ 0: string;
38
+ 50: string;
39
+ 100: string;
40
+ 200: string;
41
+ 300: string;
42
+ 400: string;
43
+ 500: string;
44
+ 600: string;
45
+ 700: string;
46
+ 800: string;
47
+ 900: string;
48
+ 950: string;
49
+ };
50
+ let orange: {
51
+ '50': string;
52
+ '100': string;
53
+ '200': string;
54
+ '300': string;
55
+ '400': string;
56
+ '500': string;
57
+ '600': string;
58
+ '700': string;
59
+ '800': string;
60
+ '900': string;
61
+ '950': string;
62
+ };
63
+ let violet: {
64
+ '50': string;
65
+ '100': string;
66
+ '200': string;
67
+ '300': string;
68
+ '400': string;
69
+ '500': string;
70
+ '600': string;
71
+ '700': string;
72
+ '800': string;
73
+ '900': string;
74
+ '950': string;
75
+ };
76
+ let neutral: any;
77
+ let gray: {
78
+ '50': string;
79
+ '100': string;
80
+ '200': string;
81
+ '300': string;
82
+ '400': string;
83
+ '500': string;
84
+ '600': string;
85
+ '700': string;
86
+ '800': string;
87
+ '900': string;
88
+ '950': string;
89
+ };
90
+ let slate: {
91
+ '50': string;
92
+ '100': string;
93
+ '200': string;
94
+ '300': string;
95
+ '400': string;
96
+ '500': string;
97
+ '600': string;
98
+ '700': string;
99
+ '800': string;
100
+ '900': string;
101
+ '950': string;
102
+ };
103
+ let red: {
104
+ '50': string;
105
+ '100': string;
106
+ '200': string;
107
+ '300': string;
108
+ '400': string;
109
+ '500': string;
110
+ '600': string;
111
+ '700': string;
112
+ '800': string;
113
+ '900': string;
114
+ '950': string;
115
+ };
116
+ let green: {
117
+ '50': string;
118
+ '100': string;
119
+ '200': string;
120
+ '300': string;
121
+ '400': string;
122
+ '500': string;
123
+ '600': string;
124
+ '700': string;
125
+ '800': string;
126
+ '900': string;
127
+ '950': string;
128
+ };
129
+ let yellow: {
130
+ '50': string;
131
+ '100': string;
132
+ '200': string;
133
+ '300': string;
134
+ '400': string;
135
+ '500': string;
136
+ '600': string;
137
+ '700': string;
138
+ '800': string;
139
+ '900': string;
140
+ '950': string;
141
+ };
142
+ let blue: {
143
+ '50': string;
144
+ '100': string;
145
+ '200': string;
146
+ '300': string;
147
+ '400': string;
148
+ '500': string;
149
+ '600': string;
150
+ '700': string;
151
+ '800': string;
152
+ '900': string;
153
+ '950': string;
154
+ };
155
+ }
156
+ let textColor: {
157
+ [k: string]: string;
158
+ };
159
+ let backgroundColor: {
160
+ [k: string]: string;
161
+ };
162
+ let borderColor: {
163
+ [k: string]: string;
164
+ };
165
+ }
166
+ }
167
+ declare namespace _default {
168
+ export { theme };
169
+ }
170
+ export default _default;
171
+ //# sourceMappingURL=theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["theme.js"],"names":[],"mappings":""}