@esri/calcite-design-tokens 4.0.0-next.1 → 4.0.0-next.10

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 (36) hide show
  1. package/dist/css/core.css +14 -0
  2. package/dist/css/dark.css +5 -5
  3. package/dist/css/global.css +50 -13
  4. package/dist/css/index.css +19 -19
  5. package/dist/css/light.css +3 -3
  6. package/dist/css/semantic.css +50 -13
  7. package/dist/docs/core.json +374 -577
  8. package/dist/docs/dark.json +6 -52
  9. package/dist/docs/global.json +1200 -283
  10. package/dist/docs/light.json +4 -50
  11. package/dist/docs/semantic.json +1192 -161
  12. package/dist/es6/core.d.ts +14 -0
  13. package/dist/es6/core.js +14 -0
  14. package/dist/es6/dark.js +5 -5
  15. package/dist/es6/global.d.ts +50 -0
  16. package/dist/es6/global.js +58 -21
  17. package/dist/es6/light.js +3 -3
  18. package/dist/es6/semantic.d.ts +50 -0
  19. package/dist/es6/semantic.js +50 -13
  20. package/dist/scss/core.scss +14 -0
  21. package/dist/scss/dark.scss +5 -5
  22. package/dist/scss/global.scss +50 -13
  23. package/dist/scss/index.scss +8 -8
  24. package/dist/scss/light.scss +3 -3
  25. package/dist/scss/semantic.scss +50 -13
  26. package/package.json +7 -7
  27. package/dist/js/core.d.ts +0 -743
  28. package/dist/js/core.js +0 -22642
  29. package/dist/js/dark.d.ts +0 -52
  30. package/dist/js/dark.js +0 -1812
  31. package/dist/js/global.d.ts +0 -375
  32. package/dist/js/global.js +0 -10710
  33. package/dist/js/light.d.ts +0 -52
  34. package/dist/js/light.js +0 -1813
  35. package/dist/js/semantic.d.ts +0 -190
  36. package/dist/js/semantic.js +0 -4822
package/dist/js/semantic.d.ts DELETED
@@ -1,190 +0,0 @@
1
- /**
2
- * Calcite Design System
3
- * Do not edit directly, this file was auto-generated.
4
- */
5
-
6
- export default tokens;
7
-
8
- declare interface DesignToken {
9
- value?: any;
10
- type?: string;
11
- comment?: string;
12
- name?: string;
13
- themeable?: boolean;
14
- attributes?: Record<string, unknown>;
15
- [key: string]: any;
16
- }
17
-
18
- declare const tokens: {
19
- semantic: {
20
- border: {
21
- width: {
22
- none: DesignToken;
23
- sm: DesignToken;
24
- md: DesignToken;
25
- lg: DesignToken;
26
- };
27
- };
28
- "container-size": {
29
- margin: DesignToken;
30
- gutter: DesignToken;
31
- content: {
32
- fluid: DesignToken;
33
- fixed: DesignToken;
34
- };
35
- };
36
- "corner-radius": {
37
- default: DesignToken;
38
- sharp: DesignToken;
39
- none: DesignToken;
40
- xs: DesignToken;
41
- sm: DesignToken;
42
- round: DesignToken;
43
- pill: DesignToken;
44
- };
45
- font: {
46
- family: {
47
- default: DesignToken;
48
- code: DesignToken;
49
- };
50
- weight: {
51
- light: DesignToken;
52
- normal: DesignToken;
53
- regular: DesignToken;
54
- medium: DesignToken;
55
- semibold: DesignToken;
56
- bold: DesignToken;
57
- };
58
- size: {
59
- xs: DesignToken;
60
- sm: DesignToken;
61
- default: DesignToken;
62
- md: DesignToken;
63
- lg: DesignToken;
64
- xl: DesignToken;
65
- xxl: DesignToken;
66
- };
67
- style: {
68
- emphasis: DesignToken;
69
- };
70
- "line-height": {
71
- fixed: {
72
- sm: DesignToken;
73
- base: DesignToken;
74
- lg: DesignToken;
75
- xl: DesignToken;
76
- "2xl": DesignToken;
77
- "3xl": DesignToken;
78
- "4xl": DesignToken;
79
- "5xl": DesignToken;
80
- "6xl": DesignToken;
81
- };
82
- relative: {
83
- default: DesignToken;
84
- base: DesignToken;
85
- tight: DesignToken;
86
- snug: DesignToken;
87
- normal: DesignToken;
88
- relaxed: DesignToken;
89
- loose: DesignToken;
90
- };
91
- };
92
- "letter-spacing": {
93
- tight: DesignToken;
94
- normal: DesignToken;
95
- wide: DesignToken;
96
- };
97
- "paragraph-spacing": {
98
- normal: DesignToken;
99
- };
100
- "text-decoration": {
101
- none: DesignToken;
102
- underline: DesignToken;
103
- };
104
- "text-case": {
105
- none: DesignToken;
106
- uppercase: DesignToken;
107
- lowercase: DesignToken;
108
- capitalize: DesignToken;
109
- };
110
- };
111
- opacity: {
112
- light: DesignToken;
113
- half: DesignToken;
114
- dark: DesignToken;
115
- full: DesignToken;
116
- disabled: DesignToken;
117
- };
118
- shadow: {
119
- none: DesignToken;
120
- sm: DesignToken;
121
- md: DesignToken;
122
- };
123
- size: {
124
- fixed: {
125
- xxxs: DesignToken;
126
- xxs: DesignToken;
127
- xs: DesignToken;
128
- sm: DesignToken;
129
- "sm+": DesignToken;
130
- md: DesignToken;
131
- "md+": DesignToken;
132
- lg: DesignToken;
133
- xl: DesignToken;
134
- xxl: DesignToken;
135
- xxxl: DesignToken;
136
- };
137
- default: {
138
- px: DesignToken;
139
- xxxs: DesignToken;
140
- xxs: DesignToken;
141
- xs: DesignToken;
142
- sm: DesignToken;
143
- md: DesignToken;
144
- lg: DesignToken;
145
- xl: DesignToken;
146
- xxl: DesignToken;
147
- xxxl: DesignToken;
148
- };
149
- };
150
- spacing: {
151
- fixed: {
152
- xxs: DesignToken;
153
- xs: DesignToken;
154
- sm: DesignToken;
155
- md: DesignToken;
156
- lg: DesignToken;
157
- xl: DesignToken;
158
- xxl: DesignToken;
159
- xxxl: DesignToken;
160
- };
161
- default: {
162
- none: DesignToken;
163
- px: DesignToken;
164
- base: DesignToken;
165
- xxs: DesignToken;
166
- xs: DesignToken;
167
- sm: DesignToken;
168
- "sm+": DesignToken;
169
- md: DesignToken;
170
- "md+": DesignToken;
171
- lg: DesignToken;
172
- xl: DesignToken;
173
- xxl: DesignToken;
174
- xxxl: DesignToken;
175
- };
176
- };
177
- "z-index": {
178
- deep: DesignToken;
179
- default: DesignToken;
180
- sticky: DesignToken;
181
- header: DesignToken;
182
- toast: DesignToken;
183
- dropdown: DesignToken;
184
- overlay: DesignToken;
185
- modal: DesignToken;
186
- popup: DesignToken;
187
- tooltip: DesignToken;
188
- };
189
- };
190
- };