@redvars/peacock 3.1.1 → 3.1.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 (132) hide show
  1. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.css.js.map +1 -1
  2. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.d.ts +19 -0
  3. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.js +19 -0
  4. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/avatar.js.map +1 -1
  5. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/p-avatar.d.ts +0 -7
  6. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/p-avatar.js +0 -7
  7. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/avatar/p-avatar.js.map +1 -1
  8. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.css.js +5 -4
  9. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.css.js.map +1 -1
  10. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.d.ts +15 -1
  11. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.js +27 -10
  12. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/badge.js.map +1 -1
  13. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/p-badge.d.ts +0 -5
  14. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/p-badge.js +0 -5
  15. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/badge/p-badge.js.map +1 -1
  16. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.css.d.ts +1 -0
  17. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.css.js +12 -0
  18. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.css.js.map +1 -0
  19. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.d.ts +27 -0
  20. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.js +58 -0
  21. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/clock.js.map +1 -0
  22. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/index.d.ts +1 -0
  23. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/index.js +2 -0
  24. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/clock/index.js.map +1 -0
  25. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.css.d.ts +1 -0
  26. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.css.js +58 -0
  27. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.css.js.map +1 -0
  28. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.d.ts +28 -0
  29. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.js +68 -0
  30. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/divider.js.map +1 -0
  31. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/index.d.ts +1 -0
  32. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/index.js +2 -0
  33. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/divider/index.js.map +1 -0
  34. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/icon.d.ts +21 -1
  35. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/icon.js +16 -0
  36. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/icon.js.map +1 -1
  37. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/p-icon.d.ts +0 -7
  38. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/p-icon.js +0 -7
  39. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/icon/p-icon.js.map +1 -1
  40. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/index.d.ts +2 -0
  41. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/index.js +2 -0
  42. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/index.js.map +1 -1
  43. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/peacock-loader.js +12 -2
  44. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/peacock-loader.js.map +1 -1
  45. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/utils.d.ts +1 -0
  46. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/utils.js +32 -0
  47. package/.rollup.cache/E/git/redvars/peacock/components/dist/src/utils.js.map +1 -1
  48. package/.rollup.cache/E/git/redvars/peacock/components/dist/tsconfig.tsbuildinfo +1 -1
  49. package/bin/typedoc-gen.mjs +64 -0
  50. package/custom-elements-manifest.config.mjs +5 -6
  51. package/demo/index.html +4 -5
  52. package/demo/int.html +2 -0
  53. package/dist/{component/avatar.js → avatar.js} +25 -19
  54. package/dist/avatar.js.map +1 -0
  55. package/dist/badge.js +89 -0
  56. package/dist/badge.js.map +1 -0
  57. package/dist/class-map-DpvLRi0h.js +11 -0
  58. package/dist/class-map-DpvLRi0h.js.map +1 -0
  59. package/dist/clock.js +70 -0
  60. package/dist/clock.js.map +1 -0
  61. package/dist/custom-elements-jsdocs.json +656 -0
  62. package/dist/directive-BKuZRRPO.js +9 -0
  63. package/dist/directive-BKuZRRPO.js.map +1 -0
  64. package/dist/divider.js +123 -0
  65. package/dist/divider.js.map +1 -0
  66. package/dist/{component/icon.js → icon.js} +20 -101
  67. package/dist/icon.js.map +1 -0
  68. package/dist/index.js +11 -67
  69. package/dist/index.js.map +1 -1
  70. package/dist/peacock-loader.js +21 -12
  71. package/dist/peacock-loader.js.map +1 -1
  72. package/dist/{directive-CKEA2P55.js → property-D4Kn9TsY.js} +6 -13
  73. package/dist/property-D4Kn9TsY.js.map +1 -0
  74. package/dist/src/avatar/avatar.d.ts +19 -0
  75. package/dist/src/avatar/p-avatar.d.ts +0 -7
  76. package/dist/src/badge/badge.d.ts +15 -1
  77. package/dist/src/badge/p-badge.d.ts +0 -5
  78. package/dist/src/clock/clock.css.d.ts +1 -0
  79. package/dist/src/clock/clock.d.ts +27 -0
  80. package/dist/src/clock/index.d.ts +1 -0
  81. package/dist/src/divider/divider.css.d.ts +1 -0
  82. package/dist/src/divider/divider.d.ts +28 -0
  83. package/dist/src/divider/index.d.ts +1 -0
  84. package/dist/src/icon/icon.d.ts +21 -1
  85. package/dist/src/icon/p-icon.d.ts +0 -7
  86. package/dist/src/index.d.ts +2 -0
  87. package/dist/src/utils.d.ts +1 -0
  88. package/dist/state-CxzmLNIi.js +10 -0
  89. package/dist/state-CxzmLNIi.js.map +1 -0
  90. package/dist/styleMixins.css-CivfMYtB.js +17 -0
  91. package/dist/styleMixins.css-CivfMYtB.js.map +1 -0
  92. package/dist/tsconfig.tsbuildinfo +1 -1
  93. package/dist/utils-_5no4mk7.js +128 -0
  94. package/dist/utils-_5no4mk7.js.map +1 -0
  95. package/package.json +8 -8
  96. package/readme.md +5 -17
  97. package/rollup.config.js +71 -37
  98. package/scratch.mjs +0 -0
  99. package/src/avatar/avatar.css.ts +1 -1
  100. package/src/avatar/avatar.ts +19 -0
  101. package/src/avatar/p-avatar.ts +0 -7
  102. package/src/badge/badge.css.ts +5 -4
  103. package/src/badge/badge.ts +30 -8
  104. package/src/badge/demo/index.html +9 -1
  105. package/src/badge/p-badge.ts +0 -5
  106. package/src/clock/clock.css.ts +12 -0
  107. package/src/clock/clock.ts +57 -0
  108. package/src/clock/demo/index.html +26 -0
  109. package/src/clock/index.ts +1 -0
  110. package/src/divider/demo/index.html +58 -0
  111. package/src/divider/divider.css.ts +58 -0
  112. package/src/divider/divider.ts +65 -0
  113. package/src/divider/index.ts +1 -0
  114. package/src/icon/icon.ts +21 -1
  115. package/src/icon/p-icon.ts +0 -7
  116. package/src/index.ts +2 -0
  117. package/src/peacock-loader.ts +12 -3
  118. package/src/utils.ts +43 -0
  119. package/assets/tokens.css +0 -522
  120. package/copyDesignFiles.js +0 -11
  121. package/custom-elements.md +0 -192
  122. package/dist/avatar-GQwWRGRw.js +0 -418
  123. package/dist/avatar-GQwWRGRw.js.map +0 -1
  124. package/dist/avatar-jfcIDB8G.js +0 -424
  125. package/dist/avatar-jfcIDB8G.js.map +0 -1
  126. package/dist/component/avatar.js.map +0 -1
  127. package/dist/component/icon.js.map +0 -1
  128. package/dist/directive-CKEA2P55.js.map +0 -1
  129. package/dist/utils-CSwoJIcG.js +0 -171
  130. package/dist/utils-CSwoJIcG.js.map +0 -1
  131. package/dist/web-types.json +0 -78
  132. package/readme-gen.mjs +0 -24
package/assets/tokens.css DELETED
@@ -1,522 +0,0 @@
1
- /* -------------------------------------------
2
- * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
3
- * ------------------------------------------- */
4
-
5
- :root {
6
- --color-black: #000000;
7
- --color-blue: #305cde;
8
- --color-blue-0: #000000;
9
- --color-blue-10: #001550;
10
- --color-blue-20: #00277f;
11
- --color-blue-30: #003ab2;
12
- --color-blue-40: #2352d5;
13
- --color-blue-50: #446def;
14
- --color-blue-60: #6789ff;
15
- --color-blue-70: #90a7ff;
16
- --color-blue-80: #b6c4ff;
17
- --color-blue-90: #dce1ff;
18
- --color-blue-95: #eff0ff;
19
- --color-blue-98: #faf8ff;
20
- --color-blue-100: #ffffff;
21
- --color-error: var(--color-red);
22
- --color-error-0: var(--color-red-0);
23
- --color-error-10: var(--color-red-10);
24
- --color-error-20: var(--color-red-20);
25
- --color-error-30: var(--color-red-30);
26
- --color-error-40: var(--color-red-40);
27
- --color-error-50: var(--color-red-50);
28
- --color-error-60: var(--color-red-60);
29
- --color-error-70: var(--color-red-70);
30
- --color-error-80: var(--color-red-80);
31
- --color-error-90: var(--color-red-90);
32
- --color-error-95: var(--color-red-95);
33
- --color-error-98: var(--color-red-98);
34
- --color-error-100: var(--color-red-100);
35
- --color-error-container: var(--color-error-90);
36
- --color-green: #2e6f40;
37
- --color-green-0: #000000;
38
- --color-green-10: #00210b;
39
- --color-green-20: #003917;
40
- --color-green-30: #005225;
41
- --color-green-40: #0f6d35;
42
- --color-green-50: #31874b;
43
- --color-green-60: #4da163;
44
- --color-green-70: #68bd7b;
45
- --color-green-80: #83d995;
46
- --color-green-90: #9ff6af;
47
- --color-green-95: #c4ffcb;
48
- --color-green-98: #eaffe9;
49
- --color-green-100: #ffffff;
50
- --color-inverse-error: var(--color-error-80);
51
- --color-inverse-on-surface: var(--color-neutral-95);
52
- --color-inverse-primary: var(--color-primary-80);
53
- --color-inverse-secondary: var(--color-secondary-80);
54
- --color-inverse-surface: var(--color-neutral-20);
55
- --color-inverse-tertiary: var(--color-tertiary-80);
56
- --color-neutral: #747878;
57
- --color-neutral-0: #000000;
58
- --color-neutral-4: #0b0f0f;
59
- --color-neutral-6: #101415;
60
- --color-neutral-10: #191c1d;
61
- --color-neutral-12: #1d2021;
62
- --color-neutral-17: #272b2b;
63
- --color-neutral-20: #2e3132;
64
- --color-neutral-22: #323536;
65
- --color-neutral-30: #444748;
66
- --color-neutral-40: #5c5f5f;
67
- --color-neutral-50: #747878;
68
- --color-neutral-60: #8e9192;
69
- --color-neutral-70: #a9acac;
70
- --color-neutral-80: #c4c7c7;
71
- --color-neutral-87: #d8dadb;
72
- --color-neutral-90: #e1e3e3;
73
- --color-neutral-92: #e6e8e9;
74
- --color-neutral-94: #eceeef;
75
- --color-neutral-95: #eff1f1;
76
- --color-neutral-96: #f2f4f4;
77
- --color-neutral-98: #f8fafa;
78
- --color-neutral-99: #fafdfd;
79
- --color-neutral-100: #ffffff;
80
- --color-neutral-variant: #6f797a;
81
- --color-neutral-variant-0: #000000;
82
- --color-neutral-variant-4: #071011;
83
- --color-neutral-variant-6: #0c1516;
84
- --color-neutral-variant-10: #141d1f;
85
- --color-neutral-variant-12: #182123;
86
- --color-neutral-variant-17: #222b2d;
87
- --color-neutral-variant-20: #293234;
88
- --color-neutral-variant-22: #2d3638;
89
- --color-neutral-variant-30: #3f484a;
90
- --color-neutral-variant-40: #576062;
91
- --color-neutral-variant-50: #6f797a;
92
- --color-neutral-variant-60: #899294;
93
- --color-neutral-variant-70: #a3adaf;
94
- --color-neutral-variant-80: #bfc8ca;
95
- --color-neutral-variant-87: #d2dcde;
96
- --color-neutral-variant-90: #dbe4e6;
97
- --color-neutral-variant-92: #e0eaec;
98
- --color-neutral-variant-94: #e6f0f1;
99
- --color-neutral-variant-95: #e9f2f4;
100
- --color-neutral-variant-96: #ecf5f7;
101
- --color-neutral-variant-98: #f2fbfd;
102
- --color-neutral-variant-99: #f6feff;
103
- --color-neutral-variant-100: #ffffff;
104
- --color-on-error: var(--color-error-100);
105
- --color-on-error-container: var(--color-error-10);
106
- --color-on-primary: var(--color-primary-100);
107
- --color-on-primary-container: var(--color-primary-10);
108
- --color-on-secondary: var(--color-secondary-100);
109
- --color-on-secondary-container: var(--color-secondary-10);
110
- --color-on-surface: var(--color-neutral-10);
111
- --color-on-surface-variant: var(--color-neutral-variant-30);
112
- --color-on-tertiary: var(--color-tertiary-100);
113
- --color-on-tertiary-container: var(--color-tertiary-10);
114
- --color-orange: #ff7518;
115
- --color-orange-0: #000000;
116
- --color-orange-10: #341100;
117
- --color-orange-20: #552100;
118
- --color-orange-30: #783100;
119
- --color-orange-40: #9e4300;
120
- --color-orange-50: #c55500;
121
- --color-orange-60: #ee6803;
122
- --color-orange-70: #ff8d4c;
123
- --color-orange-80: #ffb691;
124
- --color-orange-90: #ffdbcb;
125
- --color-orange-95: #ffede6;
126
- --color-orange-98: #fff8f6;
127
- --color-orange-100: #ffffff;
128
- --color-outline: var(--color-neutral-variant-50);
129
- --color-outline-variant: var(--color-neutral-variant-80);
130
- --color-primary: var(--color-primary-40);
131
- --color-primary-0: #000000;
132
- --color-primary-10: #001a42;
133
- --color-primary-20: #002e6b;
134
- --color-primary-30: #004396;
135
- --color-primary-40: #005ac4;
136
- --color-primary-50: #2673e8;
137
- --color-primary-60: #4f8eff;
138
- --color-primary-70: #82aaff;
139
- --color-primary-80: #aec6ff;
140
- --color-primary-90: #d8e2ff;
141
- --color-primary-95: #edf0ff;
142
- --color-primary-98: #faf9ff;
143
- --color-primary-100: #ffffff;
144
- --color-primary-container: var(--color-primary-90);
145
- --color-purple: #e40078;
146
- --color-purple-0: #000000;
147
- --color-purple-10: #3f001c;
148
- --color-purple-20: #650032;
149
- --color-purple-30: #8e0048;
150
- --color-purple-40: #ba0061;
151
- --color-purple-50: #e6067a;
152
- --color-purple-60: #ff4993;
153
- --color-purple-70: #ff84ad;
154
- --color-purple-80: #ffb1c7;
155
- --color-purple-90: #ffd9e2;
156
- --color-purple-95: #ffecef;
157
- --color-purple-98: #fff8f8;
158
- --color-purple-100: #ffffff;
159
- --color-red: #e73121;
160
- --color-red-0: #000000;
161
- --color-red-10: #410000;
162
- --color-red-20: #690000;
163
- --color-red-30: #930000;
164
- --color-red-40: #be0c05;
165
- --color-red-50: #e32e1f;
166
- --color-red-60: #ff5541;
167
- --color-red-70: #ff8a78;
168
- --color-red-80: #ffb4a8;
169
- --color-red-90: #ffdad4;
170
- --color-red-95: #ffedea;
171
- --color-red-98: #fff8f6;
172
- --color-red-100: #ffffff;
173
- --color-scrim: var(--color-neutral-0);
174
- --color-secondary: var(--color-secondary-40);
175
- --color-secondary-0: #000000;
176
- --color-secondary-10: #141b2c;
177
- --color-secondary-20: #293041;
178
- --color-secondary-30: #3f4759;
179
- --color-secondary-40: #575e71;
180
- --color-secondary-50: #6f778b;
181
- --color-secondary-60: #8990a5;
182
- --color-secondary-70: #a4abc0;
183
- --color-secondary-80: #bfc6dc;
184
- --color-secondary-90: #dbe2f9;
185
- --color-secondary-95: #edf0ff;
186
- --color-secondary-98: #faf9ff;
187
- --color-secondary-100: #ffffff;
188
- --color-secondary-container: var(--color-secondary-90);
189
- --color-shadow: var(--color-neutral-0);
190
- --color-success: var(--color-green);
191
- --color-success-0: var(--color-green-0);
192
- --color-success-10: var(--color-green-10);
193
- --color-success-20: var(--color-green-20);
194
- --color-success-30: var(--color-green-30);
195
- --color-success-40: var(--color-green-40);
196
- --color-success-50: var(--color-green-50);
197
- --color-success-60: var(--color-green-60);
198
- --color-success-70: var(--color-green-70);
199
- --color-success-80: var(--color-green-80);
200
- --color-success-90: var(--color-green-90);
201
- --color-success-95: var(--color-green-95);
202
- --color-success-98: var(--color-green-98);
203
- --color-success-100: var(--color-green-100);
204
- --color-surface: var(--color-neutral-99);
205
- --color-surface-container: var(--color-neutral-94);
206
- --color-surface-container-high: var(--color-neutral-92);
207
- --color-surface-container-highest: var(--color-neutral-90);
208
- --color-surface-container-low: var(--color-neutral-96);
209
- --color-surface-container-lowest: var(--color-neutral-100);
210
- --color-surface-dim: var(--color-neutral-87);
211
- --color-surface-variant: var(--color-neutral-variant-90);
212
- --color-tertiary: var(--color-tertiary-40);
213
- --color-tertiary-0: #000000;
214
- --color-tertiary-10: #29132d;
215
- --color-tertiary-20: #402843;
216
- --color-tertiary-30: #583e5a;
217
- --color-tertiary-40: #715573;
218
- --color-tertiary-50: #8b6d8d;
219
- --color-tertiary-60: #a686a7;
220
- --color-tertiary-70: #c2a1c2;
221
- --color-tertiary-80: #dfbcdf;
222
- --color-tertiary-90: #fcd7fb;
223
- --color-tertiary-95: #ffebfc;
224
- --color-tertiary-98: #fff7fa;
225
- --color-tertiary-100: #ffffff;
226
- --color-tertiary-container: var(--color-tertiary-90);
227
- --color-warning: var(--color-yellow);
228
- --color-warning-0: var(--color-yellow-0);
229
- --color-warning-10: var(--color-yellow-10);
230
- --color-warning-20: var(--color-yellow-20);
231
- --color-warning-30: var(--color-yellow-30);
232
- --color-warning-40: var(--color-yellow-40);
233
- --color-warning-50: var(--color-yellow-50);
234
- --color-warning-60: var(--color-yellow-60);
235
- --color-warning-70: var(--color-yellow-70);
236
- --color-warning-80: var(--color-yellow-80);
237
- --color-warning-90: var(--color-yellow-90);
238
- --color-warning-95: var(--color-yellow-95);
239
- --color-warning-98: var(--color-yellow-98);
240
- --color-warning-100: var(--color-yellow-100);
241
- --color-white: #ffffff;
242
- --color-yellow: #ffed29;
243
- --color-yellow-0: #000000;
244
- --color-yellow-10: #1f1c00;
245
- --color-yellow-20: #363100;
246
- --color-yellow-30: #4e4800;
247
- --color-yellow-40: #686000;
248
- --color-yellow-50: #837900;
249
- --color-yellow-60: #9f9300;
250
- --color-yellow-70: #bcae00;
251
- --color-yellow-80: #d9c900;
252
- --color-yellow-90: #f7e61e;
253
- --color-yellow-95: #fff392;
254
- --color-yellow-98: #fff9e6;
255
- --color-yellow-100: #ffffff;
256
- --container-lg: 1056px; /* Large container width. Intended for standard desktop layouts with typical content density. */
257
- --container-max: 1584px; /* Maximum container width. Use when constraining very wide layouts to maintain readable line lengths. */
258
- --container-md: 672px; /* Medium container width. Suitable for tablet layouts and compact desktop content areas. */
259
- --container-sm: 320px; /* Small container width. Use for narrow layouts and small screens such as mobile devices. */
260
- --container-xl: 1312px; /* Extra large container width. Use for wide desktop displays and content-heavy pages. */
261
- --duration-long1: 450ms; /* These durations are often paired with Emphasized easing. */
262
- --duration-long2: 500ms; /* These durations are often paired with Emphasized easing. */
263
- --duration-medium1: 250ms; /* These are used for medium duration transitions, like modal animations. */
264
- --duration-medium2: 300ms; /* These are used for medium duration transitions, like modal animations. */
265
- --duration-short1: 50ms; /* These are used for small utility-focused transitions. Like checkbox animations. */
266
- --duration-short2: 100ms; /* These are used for small utility-focused transitions. Like checkbox animations. */
267
- --duration-short3: 150ms; /* These are used for small utility-focused transitions. Like checkbox animations. */
268
- --duration-short4: 200ms; /* These are used for small utility-focused transitions. Like checkbox animations. */
269
- --easing-linear: cubic-bezier(0, 0, 1, 1);
270
- --easing-standard: cubic-bezier(0.2, 0, 0, 1);
271
- --font-family-brand: "Noto Sans", sans-serif; /* The font family used for brand headings and titles. */
272
- --font-family-monospace: "Noto Sans Mono", monospace; /* The font family used for code snippets and monospaced text. */
273
- --font-family-sans: "Noto Sans", sans-serif; /* The primary font family used for body text and general content. */
274
- --font-weight-bold: 700; /* Bold weight for emphasis. 700 weight. */
275
- --font-weight-medium: 500; /* Slightly heavier than regular weight. 500 weight. */
276
- --font-weight-regular: 400; /* Standard weight for regular text. 400 weight. */
277
- --font-weight-semi-bold: 600; /* Heavier than medium weight. 600 weight. */
278
- --global-avatar-border-radius: var(--shape-corner-full);
279
- --global-badge-color: var(--color-error-40);
280
- --shape-corner-full: 9999px;
281
- --shape-corner-large: 12px;
282
- --shape-corner-medium: 8px;
283
- --shape-corner-none: 0;
284
- --shape-corner-small: 4px;
285
- --spacing-000: 0; /* No spacing (base × 0). */
286
- --spacing-025: 0.125rem; /* 2px - Smallest increment (base × 0.125). */
287
- --spacing-050: 0.25rem; /* 4px - Extra small spacing (base × 0.25). */
288
- --spacing-100: 0.5rem; /* 8px - Small spacing (base × 0.5). */
289
- --spacing-150: 0.75rem; /* 12px - Small-medium spacing (base × 0.75). */
290
- --spacing-200: 1rem; /* 16px - Base spacing unit (base × 1). */
291
- --spacing-300: 1.5rem; /* 24px - Medium spacing (base × 1.5). */
292
- --spacing-400: 2rem; /* 32px - Medium-large spacing (base × 2). */
293
- --spacing-500: 2.5rem; /* 40px - Large spacing (base × 2.5). */
294
- --spacing-600: 3rem; /* 48px - Extra large spacing (base × 3). */
295
- --spacing-800: 4rem; /* 64px - Huge spacing (base × 4). */
296
- --spacing-1000: 5rem; /* 80px - Massive spacing (base × 5). */
297
- --spacing-1200: 6rem; /* 96px - Gigantic spacing (base × 6). */
298
- --spacing-2000: 10rem; /* 160px - Maximum defined spacing (base × 10). */
299
- --spacing-base: 1rem; /* Base spacing unit (1rem = 16px). */
300
- --typography-body-large-emphasized-font-family: var(--font-family-sans);
301
- --typography-body-large-emphasized-font-size: 1rem;
302
- --typography-body-large-emphasized-font-weight: var(--font-weight-medium);
303
- --typography-body-large-emphasized-letter-spacing: 0.5px;
304
- --typography-body-large-emphasized-line-height: 1.5rem;
305
- --typography-body-large-font-family: var(--font-family-sans);
306
- --typography-body-large-font-size: 1rem;
307
- --typography-body-large-font-weight: var(--font-weight-regular);
308
- --typography-body-large-letter-spacing: 0.5px;
309
- --typography-body-large-line-height: 1.5rem;
310
- --typography-body-medium-emphasized-font-family: var(--font-family-sans);
311
- --typography-body-medium-emphasized-font-size: 0.875rem;
312
- --typography-body-medium-emphasized-font-weight: var(--font-weight-medium);
313
- --typography-body-medium-emphasized-letter-spacing: 0.25px;
314
- --typography-body-medium-emphasized-line-height: 1.25rem;
315
- --typography-body-medium-font-family: var(--font-family-sans);
316
- --typography-body-medium-font-size: 0.875rem;
317
- --typography-body-medium-font-weight: var(--font-weight-regular);
318
- --typography-body-medium-letter-spacing: 0.25px;
319
- --typography-body-medium-line-height: 1.25rem;
320
- --typography-body-small-emphasized-font-family: var(--font-family-sans);
321
- --typography-body-small-emphasized-font-size: 0.75rem;
322
- --typography-body-small-emphasized-font-weight: var(--font-weight-medium);
323
- --typography-body-small-emphasized-letter-spacing: 0.4000000059604645px;
324
- --typography-body-small-emphasized-line-height: 1rem;
325
- --typography-body-small-font-family: var(--font-family-sans);
326
- --typography-body-small-font-size: 0.75rem;
327
- --typography-body-small-font-weight: var(--font-weight-regular);
328
- --typography-body-small-letter-spacing: 0.4000000059604645px;
329
- --typography-body-small-line-height: 1rem;
330
- --typography-code-large-emphasized-font-family: var(--font-family-monospace);
331
- --typography-code-large-emphasized-font-size: 1rem;
332
- --typography-code-large-emphasized-font-weight: var(--font-weight-medium);
333
- --typography-code-large-emphasized-letter-spacing: 0.5px;
334
- --typography-code-large-emphasized-line-height: 1.5rem;
335
- --typography-code-large-font-family: var(--font-family-monospace);
336
- --typography-code-large-font-size: 1rem;
337
- --typography-code-large-font-weight: var(--font-weight-regular);
338
- --typography-code-large-letter-spacing: 0.5px;
339
- --typography-code-large-line-height: 1.5rem;
340
- --typography-code-medium-emphasized-font-family: var(--font-family-monospace);
341
- --typography-code-medium-emphasized-font-size: 0.875rem;
342
- --typography-code-medium-emphasized-font-weight: var(--font-weight-medium);
343
- --typography-code-medium-emphasized-letter-spacing: 0.25px;
344
- --typography-code-medium-emphasized-line-height: 1.25rem;
345
- --typography-code-medium-font-family: var(--font-family-monospace);
346
- --typography-code-medium-font-size: 0.875rem;
347
- --typography-code-medium-font-weight: var(--font-weight-regular);
348
- --typography-code-medium-letter-spacing: 0.25px;
349
- --typography-code-medium-line-height: 1.25rem;
350
- --typography-code-small-emphasized-font-family: var(--font-family-monospace);
351
- --typography-code-small-emphasized-font-size: 0.75rem;
352
- --typography-code-small-emphasized-font-weight: var(--font-weight-medium);
353
- --typography-code-small-emphasized-letter-spacing: 0.4000000059604645px;
354
- --typography-code-small-emphasized-line-height: 1rem;
355
- --typography-code-small-font-family: var(--font-family-monospace);
356
- --typography-code-small-font-size: 0.75rem;
357
- --typography-code-small-font-weight: var(--font-weight-regular);
358
- --typography-code-small-letter-spacing: 0.4000000059604645px;
359
- --typography-code-small-line-height: 1rem;
360
- --typography-display-large-emphasized-font-family: var(--font-family-sans);
361
- --typography-display-large-emphasized-font-size: 3.5625rem;
362
- --typography-display-large-emphasized-font-weight: var(--font-weight-medium);
363
- --typography-display-large-emphasized-letter-spacing: -0.25px;
364
- --typography-display-large-emphasized-line-height: 4rem;
365
- --typography-display-large-font-family: var(--font-family-sans);
366
- --typography-display-large-font-size: 3.5625rem;
367
- --typography-display-large-font-weight: var(--font-weight-regular);
368
- --typography-display-large-letter-spacing: -0.25px;
369
- --typography-display-large-line-height: 4rem;
370
- --typography-display-medium-emphasized-font-family: var(--font-family-sans);
371
- --typography-display-medium-emphasized-font-size: 2.8125rem;
372
- --typography-display-medium-emphasized-font-weight: var(--font-weight-medium);
373
- --typography-display-medium-emphasized-letter-spacing: 0;
374
- --typography-display-medium-emphasized-line-height: 3.25rem;
375
- --typography-display-medium-font-family: var(--font-family-sans);
376
- --typography-display-medium-font-size: 2.8125rem;
377
- --typography-display-medium-font-weight: var(--font-weight-regular);
378
- --typography-display-medium-letter-spacing: 0;
379
- --typography-display-medium-line-height: 3.25rem;
380
- --typography-display-small-emphasized-font-family: var(--font-family-sans);
381
- --typography-display-small-emphasized-font-size: 2.25rem;
382
- --typography-display-small-emphasized-font-weight: var(--font-weight-medium);
383
- --typography-display-small-emphasized-letter-spacing: 0;
384
- --typography-display-small-emphasized-line-height: 2.75rem;
385
- --typography-display-small-font-family: var(--font-family-sans);
386
- --typography-display-small-font-size: 2.25rem;
387
- --typography-display-small-font-weight: var(--font-weight-regular);
388
- --typography-display-small-letter-spacing: 0;
389
- --typography-display-small-line-height: 2.75rem;
390
- --typography-headline-large-emphasized-font-family: var(--font-family-sans);
391
- --typography-headline-large-emphasized-font-size: 2rem;
392
- --typography-headline-large-emphasized-font-weight: var(--font-weight-medium);
393
- --typography-headline-large-emphasized-letter-spacing: 0;
394
- --typography-headline-large-emphasized-line-height: 2.5rem;
395
- --typography-headline-large-font-family: var(--font-family-sans);
396
- --typography-headline-large-font-size: 2rem;
397
- --typography-headline-large-font-weight: var(--font-weight-regular);
398
- --typography-headline-large-letter-spacing: 0;
399
- --typography-headline-large-line-height: 2.5rem;
400
- --typography-headline-medium-emphasized-font-family: var(--font-family-sans);
401
- --typography-headline-medium-emphasized-font-size: 1.75rem;
402
- --typography-headline-medium-emphasized-font-weight: var(--font-weight-medium);
403
- --typography-headline-medium-emphasized-letter-spacing: 0;
404
- --typography-headline-medium-emphasized-line-height: 2.25rem;
405
- --typography-headline-medium-font-family: var(--font-family-sans);
406
- --typography-headline-medium-font-size: 1.75rem;
407
- --typography-headline-medium-font-weight: var(--font-weight-regular);
408
- --typography-headline-medium-letter-spacing: 0;
409
- --typography-headline-medium-line-height: 2.25rem;
410
- --typography-headline-small-emphasized-font-family: var(--font-family-sans);
411
- --typography-headline-small-emphasized-font-size: 1.5rem;
412
- --typography-headline-small-emphasized-font-weight: var(--font-weight-medium);
413
- --typography-headline-small-emphasized-letter-spacing: 0;
414
- --typography-headline-small-emphasized-line-height: 2rem;
415
- --typography-headline-small-font-family: var(--font-family-sans);
416
- --typography-headline-small-font-size: 1.5rem;
417
- --typography-headline-small-font-weight: var(--font-weight-regular);
418
- --typography-headline-small-letter-spacing: 0;
419
- --typography-headline-small-line-height: 2rem;
420
- --typography-label-large-emphasized-font-family: var(--font-family-sans);
421
- --typography-label-large-emphasized-font-size: 0.875rem;
422
- --typography-label-large-emphasized-font-weight: var(--font-weight-semi-bold);
423
- --typography-label-large-emphasized-letter-spacing: 0.10000000149011612px;
424
- --typography-label-large-emphasized-line-height: 1.25rem;
425
- --typography-label-large-font-family: var(--font-family-sans);
426
- --typography-label-large-font-size: 0.875rem;
427
- --typography-label-large-font-weight: var(--font-weight-medium);
428
- --typography-label-large-letter-spacing: 0.10000000149011612px;
429
- --typography-label-large-line-height: 1.25rem;
430
- --typography-label-medium-emphasized-font-family: var(--font-family-sans);
431
- --typography-label-medium-emphasized-font-size: 0.75rem;
432
- --typography-label-medium-emphasized-font-weight: var(--font-weight-semi-bold);
433
- --typography-label-medium-emphasized-letter-spacing: 0.5px;
434
- --typography-label-medium-emphasized-line-height: 1rem;
435
- --typography-label-medium-font-family: var(--font-family-sans);
436
- --typography-label-medium-font-size: 0.75rem;
437
- --typography-label-medium-font-weight: var(--font-weight-medium);
438
- --typography-label-medium-letter-spacing: 0.5px;
439
- --typography-label-medium-line-height: 1rem;
440
- --typography-label-small-emphasized-font-family: var(--font-family-sans);
441
- --typography-label-small-emphasized-font-size: 0.6875rem;
442
- --typography-label-small-emphasized-font-weight: var(--font-weight-semi-bold);
443
- --typography-label-small-emphasized-letter-spacing: 0.5px;
444
- --typography-label-small-emphasized-line-height: 1rem;
445
- --typography-label-small-font-family: var(--font-family-sans);
446
- --typography-label-small-font-size: 0.6875rem;
447
- --typography-label-small-font-weight: var(--font-weight-medium);
448
- --typography-label-small-letter-spacing: 0.5px;
449
- --typography-label-small-line-height: 1rem;
450
- --typography-title-large-emphasized-font-family: var(--font-family-sans);
451
- --typography-title-large-emphasized-font-size: 1.375rem;
452
- --typography-title-large-emphasized-font-weight: var(--font-weight-medium);
453
- --typography-title-large-emphasized-letter-spacing: 0;
454
- --typography-title-large-emphasized-line-height: 1.75rem;
455
- --typography-title-large-font-family: var(--font-family-sans);
456
- --typography-title-large-font-size: 1.375rem;
457
- --typography-title-large-font-weight: var(--font-weight-regular);
458
- --typography-title-large-letter-spacing: 0;
459
- --typography-title-large-line-height: 1.75rem;
460
- --typography-title-medium-emphasized-font-family: var(--font-family-sans);
461
- --typography-title-medium-emphasized-font-size: 1rem;
462
- --typography-title-medium-emphasized-font-weight: var(--font-weight-semi-bold);
463
- --typography-title-medium-emphasized-letter-spacing: 0.15000000596046448px;
464
- --typography-title-medium-emphasized-line-height: 1.5rem;
465
- --typography-title-medium-font-family: var(--font-family-sans);
466
- --typography-title-medium-font-size: 1rem;
467
- --typography-title-medium-font-weight: var(--font-weight-medium);
468
- --typography-title-medium-letter-spacing: 0.15000000596046448px;
469
- --typography-title-medium-line-height: 1.5rem;
470
- --typography-title-small-emphasized-font-family: var(--font-family-sans);
471
- --typography-title-small-emphasized-font-size: 0.875rem;
472
- --typography-title-small-emphasized-font-weight: var(--font-weight-semi-bold);
473
- --typography-title-small-emphasized-letter-spacing: 0.10000000149011612px;
474
- --typography-title-small-emphasized-line-height: 1.25rem;
475
- --typography-title-small-font-family: var(--font-family-sans);
476
- --typography-title-small-font-size: 0.875rem;
477
- --typography-title-small-font-weight: var(--font-weight-medium);
478
- --typography-title-small-letter-spacing: 0.10000000149011612px;
479
- --typography-title-small-line-height: 1.25rem;
480
- color-scheme: light dark;
481
- }
482
-
483
- [data-theme='dark'] {
484
- --color-error: var(--color-error-80);
485
- --color-error-container: var(--color-error-30);
486
- --color-inverse-error: var(--color-error-40);
487
- --color-inverse-on-surface: var(--color-neutral-20);
488
- --color-inverse-primary: var(--color-primary-40);
489
- --color-inverse-secondary: var(--color-secondary-40);
490
- --color-inverse-surface: var(--color-neutral-90);
491
- --color-inverse-tertiary: var(--color-tertiary-40);
492
- --color-on-error: var(--color-error-20);
493
- --color-on-error-container: var(--color-error-90);
494
- --color-on-primary: var(--color-primary-20);
495
- --color-on-primary-container: var(--color-primary-90);
496
- --color-on-secondary: var(--color-secondary-20);
497
- --color-on-secondary-container: var(--color-secondary-90);
498
- --color-on-surface: var(--color-neutral-90);
499
- --color-on-surface-variant: var(--color-neutral-variant-80);
500
- --color-on-tertiary: var(--color-tertiary-20);
501
- --color-on-tertiary-container: var(--color-tertiary-90);
502
- --color-outline: var(--color-neutral-variant-60);
503
- --color-outline-variant: var(--color-neutral-variant-30);
504
- --color-primary: var(--color-primary-80);
505
- --color-primary-container: var(--color-primary-30);
506
- --color-scrim: var(--color-neutral-0);
507
- --color-secondary: var(--color-secondary-80);
508
- --color-secondary-container: var(--color-secondary-30);
509
- --color-shadow: var(--color-neutral-0);
510
- --color-surface: var(--color-neutral-10);
511
- --color-surface-container: var(--color-neutral-12);
512
- --color-surface-container-high: var(--color-neutral-17);
513
- --color-surface-container-highest: var(--color-neutral-22);
514
- --color-surface-container-low: var(--color-neutral-10);
515
- --color-surface-container-lowest: var(--color-neutral-4);
516
- --color-surface-dim: var(--color-neutral-6);
517
- --color-surface-variant: var(--color-neutral-variant-30);
518
- --color-tertiary: var(--color-tertiary-80);
519
- --color-tertiary-container: var(--color-tertiary-30);
520
- --global-badge-color: var(--color-error-80);
521
- }
522
-
@@ -1,11 +0,0 @@
1
- import fs from 'fs';
2
-
3
- fs.cpSync('../design-tokens/dist/', './assets', {
4
- recursive: true,
5
- force: true,
6
- });
7
-
8
- fs.cpSync('../design-tokens/dist/', './dist/assets/styles/', {
9
- recursive: true,
10
- force: true,
11
- });