@spectrum-web-components/styles 0.0.0-20241209155954

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 (194) hide show
  1. package/README.md +124 -0
  2. package/all-large-dark.css +16 -0
  3. package/all-large-darkest.css +16 -0
  4. package/all-large-light.css +16 -0
  5. package/all-large-lightest.css +16 -0
  6. package/all-medium-dark.css +16 -0
  7. package/all-medium-darkest.css +16 -0
  8. package/all-medium-light.css +16 -0
  9. package/all-medium-lightest.css +16 -0
  10. package/body.d.ts +2 -0
  11. package/body.dev.js +17 -0
  12. package/body.dev.js.map +7 -0
  13. package/body.js +8 -0
  14. package/body.js.map +7 -0
  15. package/code.d.ts +2 -0
  16. package/code.dev.js +17 -0
  17. package/code.dev.js.map +7 -0
  18. package/code.js +8 -0
  19. package/code.js.map +7 -0
  20. package/core-global.css +17 -0
  21. package/detail.d.ts +2 -0
  22. package/detail.dev.js +17 -0
  23. package/detail.dev.js.map +7 -0
  24. package/detail.js +8 -0
  25. package/detail.js.map +7 -0
  26. package/express/core-global.css +17 -0
  27. package/express/scale-large.css +19 -0
  28. package/express/scale-medium.css +19 -0
  29. package/express/spectrum-core-global.css +3245 -0
  30. package/express/spectrum-scale-large.css +280 -0
  31. package/express/spectrum-scale-medium.css +282 -0
  32. package/express/spectrum-theme-dark.css +300 -0
  33. package/express/spectrum-theme-light.css +300 -0
  34. package/express/theme-dark.css +18 -0
  35. package/express/theme-light.css +18 -0
  36. package/fonts.css +1418 -0
  37. package/heading.d.ts +2 -0
  38. package/heading.dev.js +17 -0
  39. package/heading.dev.js.map +7 -0
  40. package/heading.js +8 -0
  41. package/heading.js.map +7 -0
  42. package/package.json +138 -0
  43. package/scale-large.css +19 -0
  44. package/scale-medium.css +19 -0
  45. package/spectrum-core-global.css +3241 -0
  46. package/spectrum-scale-large.css +291 -0
  47. package/spectrum-scale-medium.css +287 -0
  48. package/spectrum-theme-dark.css +293 -0
  49. package/spectrum-theme-darkest.css +293 -0
  50. package/spectrum-theme-light.css +293 -0
  51. package/spectrum-theme-lightest.css +293 -0
  52. package/spectrum-two/core-global.css +17 -0
  53. package/spectrum-two/scale-large.css +19 -0
  54. package/spectrum-two/scale-medium.css +19 -0
  55. package/spectrum-two/spectrum-core-global.css +3241 -0
  56. package/spectrum-two/spectrum-scale-large.css +291 -0
  57. package/spectrum-two/spectrum-scale-medium.css +287 -0
  58. package/spectrum-two/spectrum-theme-dark.css +293 -0
  59. package/spectrum-two/spectrum-theme-light.css +293 -0
  60. package/spectrum-two/theme-dark.css +18 -0
  61. package/spectrum-two/theme-light.css +18 -0
  62. package/spectrum-two/themes.dev.js +6 -0
  63. package/spectrum-two/themes.dev.js.map +7 -0
  64. package/spectrum-two/themes.js +2 -0
  65. package/spectrum-two/themes.js.map +7 -0
  66. package/src/body-overrides.css +51 -0
  67. package/src/body-overrides.css.d.ts +2 -0
  68. package/src/body-overrides.css.dev.js +7 -0
  69. package/src/body-overrides.css.dev.js.map +7 -0
  70. package/src/body-overrides.css.js +4 -0
  71. package/src/body-overrides.css.js.map +7 -0
  72. package/src/code-overrides.css +39 -0
  73. package/src/code-overrides.css.d.ts +2 -0
  74. package/src/code-overrides.css.dev.js +7 -0
  75. package/src/code-overrides.css.dev.js.map +7 -0
  76. package/src/code-overrides.css.js +4 -0
  77. package/src/code-overrides.css.js.map +7 -0
  78. package/src/detail-overrides.css +38 -0
  79. package/src/detail-overrides.css.d.ts +2 -0
  80. package/src/detail-overrides.css.dev.js +7 -0
  81. package/src/detail-overrides.css.dev.js.map +7 -0
  82. package/src/detail-overrides.css.js +4 -0
  83. package/src/detail-overrides.css.js.map +7 -0
  84. package/src/heading-overrides.css +84 -0
  85. package/src/heading-overrides.css.d.ts +2 -0
  86. package/src/heading-overrides.css.dev.js +7 -0
  87. package/src/heading-overrides.css.dev.js.map +7 -0
  88. package/src/heading-overrides.css.js +4 -0
  89. package/src/heading-overrides.css.js.map +7 -0
  90. package/src/lang-overrides.css +13 -0
  91. package/src/lang-overrides.css.d.ts +2 -0
  92. package/src/lang-overrides.css.dev.js +7 -0
  93. package/src/lang-overrides.css.dev.js.map +7 -0
  94. package/src/lang-overrides.css.js +4 -0
  95. package/src/lang-overrides.css.js.map +7 -0
  96. package/src/spectrum-base.css +26 -0
  97. package/src/spectrum-base.css.d.ts +2 -0
  98. package/src/spectrum-base.css.dev.js +7 -0
  99. package/src/spectrum-base.css.dev.js.map +7 -0
  100. package/src/spectrum-base.css.js +4 -0
  101. package/src/spectrum-base.css.js.map +7 -0
  102. package/src/spectrum-body.css +242 -0
  103. package/src/spectrum-body.css.d.ts +2 -0
  104. package/src/spectrum-body.css.dev.js +7 -0
  105. package/src/spectrum-body.css.dev.js.map +7 -0
  106. package/src/spectrum-body.css.js +4 -0
  107. package/src/spectrum-body.css.js.map +7 -0
  108. package/src/spectrum-code.css +151 -0
  109. package/src/spectrum-code.css.d.ts +2 -0
  110. package/src/spectrum-code.css.dev.js +7 -0
  111. package/src/spectrum-code.css.dev.js.map +7 -0
  112. package/src/spectrum-code.css.js +4 -0
  113. package/src/spectrum-code.css.js.map +7 -0
  114. package/src/spectrum-config.js +59 -0
  115. package/src/spectrum-detail.css +385 -0
  116. package/src/spectrum-detail.css.d.ts +2 -0
  117. package/src/spectrum-detail.css.dev.js +7 -0
  118. package/src/spectrum-detail.css.dev.js.map +7 -0
  119. package/src/spectrum-detail.css.js +4 -0
  120. package/src/spectrum-detail.css.js.map +7 -0
  121. package/src/spectrum-heading.css +558 -0
  122. package/src/spectrum-heading.css.d.ts +2 -0
  123. package/src/spectrum-heading.css.dev.js +7 -0
  124. package/src/spectrum-heading.css.dev.js.map +7 -0
  125. package/src/spectrum-heading.css.js +4 -0
  126. package/src/spectrum-heading.css.js.map +7 -0
  127. package/src/spectrum-lang.css +519 -0
  128. package/src/spectrum-lang.css.d.ts +2 -0
  129. package/src/spectrum-lang.css.dev.js +7 -0
  130. package/src/spectrum-lang.css.dev.js.map +7 -0
  131. package/src/spectrum-lang.css.js +4 -0
  132. package/src/spectrum-lang.css.js.map +7 -0
  133. package/src/spectrum-typography.css +55 -0
  134. package/src/spectrum-typography.css.d.ts +2 -0
  135. package/src/spectrum-typography.css.dev.js +7 -0
  136. package/src/spectrum-typography.css.dev.js.map +7 -0
  137. package/src/spectrum-typography.css.js +4 -0
  138. package/src/spectrum-typography.css.js.map +7 -0
  139. package/theme-dark.css +18 -0
  140. package/theme-darkest.css +18 -0
  141. package/theme-light.css +18 -0
  142. package/theme-lightest.css +18 -0
  143. package/tokens/dark-vars.css +499 -0
  144. package/tokens/darkest-vars.css +499 -0
  145. package/tokens/express/custom-dark-vars.css +13 -0
  146. package/tokens/express/custom-darkest-vars.css +13 -0
  147. package/tokens/express/custom-large-vars.css +11 -0
  148. package/tokens/express/custom-light-vars.css +15 -0
  149. package/tokens/express/custom-medium-vars.css +11 -0
  150. package/tokens/express/custom-vars.css +4 -0
  151. package/tokens/express/dark-vars.css +14 -0
  152. package/tokens/express/darkest-vars.css +14 -0
  153. package/tokens/express/global-vars.css +7288 -0
  154. package/tokens/express/index.css +225 -0
  155. package/tokens/express/large-vars.css +69 -0
  156. package/tokens/express/light-vars.css +16 -0
  157. package/tokens/express/medium-vars.css +69 -0
  158. package/tokens/global-vars.css +972 -0
  159. package/tokens/index.css +4439 -0
  160. package/tokens/large-vars.css +494 -0
  161. package/tokens/light-vars.css +499 -0
  162. package/tokens/medium-vars.css +494 -0
  163. package/tokens/spectrum/custom-dark-vars.css +92 -0
  164. package/tokens/spectrum/custom-darkest-vars.css +93 -0
  165. package/tokens/spectrum/custom-large-vars.css +111 -0
  166. package/tokens/spectrum/custom-light-vars.css +92 -0
  167. package/tokens/spectrum/custom-medium-vars.css +112 -0
  168. package/tokens/spectrum/custom-vars.css +47 -0
  169. package/tokens/spectrum/dark-vars.css +102 -0
  170. package/tokens/spectrum/darkest-vars.css +103 -0
  171. package/tokens/spectrum/global-vars.css +7344 -0
  172. package/tokens/spectrum/index.css +803 -0
  173. package/tokens/spectrum/large-vars.css +159 -0
  174. package/tokens/spectrum/light-vars.css +102 -0
  175. package/tokens/spectrum/medium-vars.css +160 -0
  176. package/tokens-v2/dark-vars.css +1031 -0
  177. package/tokens-v2/global-vars.css +1080 -0
  178. package/tokens-v2/index.css +4440 -0
  179. package/tokens-v2/large-vars.css +646 -0
  180. package/tokens-v2/light-vars.css +1031 -0
  181. package/tokens-v2/medium-vars.css +648 -0
  182. package/tokens-v2/spectrum/custom-dark-vars.css +108 -0
  183. package/tokens-v2/spectrum/custom-darkest-vars.css +109 -0
  184. package/tokens-v2/spectrum/custom-large-vars.css +120 -0
  185. package/tokens-v2/spectrum/custom-light-vars.css +108 -0
  186. package/tokens-v2/spectrum/custom-medium-vars.css +121 -0
  187. package/tokens-v2/spectrum/custom-vars.css +52 -0
  188. package/tokens-v2/spectrum/global-vars.css +7232 -0
  189. package/typography.css +1418 -0
  190. package/typography.d.ts +2 -0
  191. package/typography.dev.js +4 -0
  192. package/typography.dev.js.map +7 -0
  193. package/typography.js +2 -0
  194. package/typography.js.map +7 -0
package/express/spectrum-scale-large.css ADDED
@@ -0,0 +1,280 @@
1
+ :root,
2
+ :host {
3
+ --spectrum-global-dimension-scale-factor: 1.25;
4
+ --spectrum-global-dimension-size-0: 0px;
5
+ --spectrum-global-dimension-size-10: 1px;
6
+ --spectrum-global-dimension-size-25: 2px;
7
+ --spectrum-global-dimension-size-30: 3px;
8
+ --spectrum-global-dimension-size-40: 4px;
9
+ --spectrum-global-dimension-size-50: 5px;
10
+ --spectrum-global-dimension-size-65: 6px;
11
+ --spectrum-global-dimension-size-75: 8px;
12
+ --spectrum-global-dimension-size-85: 9px;
13
+ --spectrum-global-dimension-size-100: 10px;
14
+ --spectrum-global-dimension-size-115: 11px;
15
+ --spectrum-global-dimension-size-125: 13px;
16
+ --spectrum-global-dimension-size-130: 14px;
17
+ --spectrum-global-dimension-size-150: 15px;
18
+ --spectrum-global-dimension-size-160: 16px;
19
+ --spectrum-global-dimension-size-175: 18px;
20
+ --spectrum-global-dimension-size-185: 19px;
21
+ --spectrum-global-dimension-size-200: 20px;
22
+ --spectrum-global-dimension-size-225: 22px;
23
+ --spectrum-global-dimension-size-250: 25px;
24
+ --spectrum-global-dimension-size-275: 28px;
25
+ --spectrum-global-dimension-size-300: 30px;
26
+ --spectrum-global-dimension-size-325: 32px;
27
+ --spectrum-global-dimension-size-350: 35px;
28
+ --spectrum-global-dimension-size-400: 40px;
29
+ --spectrum-global-dimension-size-450: 45px;
30
+ --spectrum-global-dimension-size-500: 50px;
31
+ --spectrum-global-dimension-size-550: 56px;
32
+ --spectrum-global-dimension-size-600: 60px;
33
+ --spectrum-global-dimension-size-650: 65px;
34
+ --spectrum-global-dimension-size-675: 68px;
35
+ --spectrum-global-dimension-size-700: 70px;
36
+ --spectrum-global-dimension-size-750: 75px;
37
+ --spectrum-global-dimension-size-800: 80px;
38
+ --spectrum-global-dimension-size-900: 90px;
39
+ --spectrum-global-dimension-size-1000: 100px;
40
+ --spectrum-global-dimension-size-1125: 112px;
41
+ --spectrum-global-dimension-size-1200: 120px;
42
+ --spectrum-global-dimension-size-1250: 125px;
43
+ --spectrum-global-dimension-size-1600: 160px;
44
+ --spectrum-global-dimension-size-1700: 170px;
45
+ --spectrum-global-dimension-size-1800: 180px;
46
+ --spectrum-global-dimension-size-2000: 200px;
47
+ --spectrum-global-dimension-size-2400: 240px;
48
+ --spectrum-global-dimension-size-2500: 250px;
49
+ --spectrum-global-dimension-size-3000: 300px;
50
+ --spectrum-global-dimension-size-3400: 340px;
51
+ --spectrum-global-dimension-size-3600: 360px;
52
+ --spectrum-global-dimension-size-4600: 460px;
53
+ --spectrum-global-dimension-size-5000: 500px;
54
+ --spectrum-global-dimension-size-6000: 600px;
55
+ --spectrum-global-dimension-font-size-25: 12px;
56
+ --spectrum-global-dimension-font-size-50: 13px;
57
+ --spectrum-global-dimension-font-size-75: 15px;
58
+ --spectrum-global-dimension-font-size-100: 17px;
59
+ --spectrum-global-dimension-font-size-150: 18px;
60
+ --spectrum-global-dimension-font-size-200: 19px;
61
+ --spectrum-global-dimension-font-size-300: 22px;
62
+ --spectrum-global-dimension-font-size-400: 24px;
63
+ --spectrum-global-dimension-font-size-500: 27px;
64
+ --spectrum-global-dimension-font-size-600: 31px;
65
+ --spectrum-global-dimension-font-size-700: 34px;
66
+ --spectrum-global-dimension-font-size-800: 39px;
67
+ --spectrum-global-dimension-font-size-900: 44px;
68
+ --spectrum-global-dimension-font-size-1000: 49px;
69
+ --spectrum-global-dimension-font-size-1100: 55px;
70
+ --spectrum-global-dimension-font-size-1200: 62px;
71
+ --spectrum-global-dimension-font-size-1300: 70px;
72
+ --spectrum-alias-item-text-padding-top-l: var(
73
+ --spectrum-global-dimension-static-size-150
74
+ );
75
+ --spectrum-alias-item-text-padding-bottom-s: var(
76
+ --spectrum-global-dimension-static-size-85
77
+ );
78
+ --spectrum-alias-item-workflow-padding-left-m: var(
79
+ --spectrum-global-dimension-static-size-150
80
+ );
81
+ --spectrum-alias-item-rounded-workflow-padding-left-m: 17px;
82
+ --spectrum-alias-item-rounded-workflow-padding-left-xl: 27px;
83
+ --spectrum-alias-item-mark-padding-top-m: var(
84
+ --spectrum-global-dimension-static-size-85
85
+ );
86
+ --spectrum-alias-item-mark-padding-bottom-m: var(
87
+ --spectrum-global-dimension-static-size-85
88
+ );
89
+ --spectrum-alias-item-mark-padding-left-m: var(
90
+ --spectrum-global-dimension-static-size-150
91
+ );
92
+ --spectrum-alias-item-control-1-size-l: var(
93
+ --spectrum-global-dimension-static-size-150
94
+ );
95
+ --spectrum-alias-item-control-1-size-xl: var(
96
+ --spectrum-global-dimension-static-size-150
97
+ );
98
+ --spectrum-alias-item-control-2-size-s: var(
99
+ --spectrum-global-dimension-size-160
100
+ );
101
+ --spectrum-alias-item-control-3-height-s: var(
102
+ --spectrum-global-dimension-size-160
103
+ );
104
+ --spectrum-alias-item-control-3-width-s: var(
105
+ --spectrum-global-dimension-size-325
106
+ );
107
+ --spectrum-alias-item-control-3-width-m: var(
108
+ --spectrum-global-dimension-static-size-450
109
+ );
110
+ --spectrum-alias-item-control-3-width-l: 41px;
111
+ --spectrum-alias-item-control-3-width-xl: 46px;
112
+ --spectrum-alias-item-mark-size-m: var(
113
+ --spectrum-global-dimension-static-size-325
114
+ );
115
+ --spectrum-alias-component-focusring-border-radius: var(
116
+ --spectrum-alias-focus-ring-border-radius-regular
117
+ );
118
+ --spectrum-alias-focus-ring-border-radius-small: var(
119
+ --spectrum-global-dimension-size-75
120
+ );
121
+ --spectrum-alias-focus-ring-border-radius-regular: 12px;
122
+ --spectrum-alias-control-three-width-m: 34px;
123
+ --spectrum-alias-control-three-width-l: 38px;
124
+ --spectrum-alias-control-three-width-xl: var(
125
+ --spectrum-global-dimension-static-size-550
126
+ );
127
+ --spectrum-alias-tag-text-padding-top-s: var(
128
+ --spectrum-global-dimension-size-40
129
+ );
130
+ --spectrum-alias-tag-icon-size-l: var(
131
+ --spectrum-global-dimension-static-size-275
132
+ );
133
+ --spectrum-alias-focus-ring-radius-default: var(
134
+ --spectrum-global-dimension-static-size-115
135
+ );
136
+ --spectrum-alias-workflow-icon-size-l: var(
137
+ --spectrum-global-dimension-static-size-300
138
+ );
139
+ --spectrum-alias-ui-icon-chevron-size-75: var(
140
+ --spectrum-global-dimension-static-size-150
141
+ );
142
+ --spectrum-alias-ui-icon-chevron-size-100: var(
143
+ --spectrum-global-dimension-static-size-175
144
+ );
145
+ --spectrum-alias-ui-icon-chevron-size-200: var(
146
+ --spectrum-global-dimension-static-size-200
147
+ );
148
+ --spectrum-alias-ui-icon-chevron-size-300: var(
149
+ --spectrum-global-dimension-static-size-200
150
+ );
151
+ --spectrum-alias-ui-icon-chevron-size-400: var(
152
+ --spectrum-global-dimension-static-size-225
153
+ );
154
+ --spectrum-alias-ui-icon-chevron-size-500: var(
155
+ --spectrum-global-dimension-static-size-250
156
+ );
157
+ --spectrum-alias-ui-icon-checkmark-size-50: var(
158
+ --spectrum-global-dimension-static-size-150
159
+ );
160
+ --spectrum-alias-ui-icon-checkmark-size-75: var(
161
+ --spectrum-global-dimension-static-size-150
162
+ );
163
+ --spectrum-alias-ui-icon-checkmark-size-100: var(
164
+ --spectrum-global-dimension-static-size-175
165
+ );
166
+ --spectrum-alias-ui-icon-checkmark-size-200: var(
167
+ --spectrum-global-dimension-static-size-200
168
+ );
169
+ --spectrum-alias-ui-icon-checkmark-size-300: var(
170
+ --spectrum-global-dimension-static-size-200
171
+ );
172
+ --spectrum-alias-ui-icon-checkmark-size-400: var(
173
+ --spectrum-global-dimension-static-size-225
174
+ );
175
+ --spectrum-alias-ui-icon-checkmark-size-500: var(
176
+ --spectrum-global-dimension-static-size-250
177
+ );
178
+ --spectrum-alias-ui-icon-checkmark-size-600: var(
179
+ --spectrum-global-dimension-static-size-300
180
+ );
181
+ --spectrum-alias-ui-icon-dash-size-50: var(
182
+ --spectrum-global-dimension-static-size-125
183
+ );
184
+ --spectrum-alias-ui-icon-dash-size-75: var(
185
+ --spectrum-global-dimension-static-size-125
186
+ );
187
+ --spectrum-alias-ui-icon-dash-size-100: var(
188
+ --spectrum-global-dimension-static-size-150
189
+ );
190
+ --spectrum-alias-ui-icon-dash-size-200: var(
191
+ --spectrum-global-dimension-static-size-175
192
+ );
193
+ --spectrum-alias-ui-icon-dash-size-300: var(
194
+ --spectrum-global-dimension-static-size-200
195
+ );
196
+ --spectrum-alias-ui-icon-dash-size-400: var(
197
+ --spectrum-global-dimension-static-size-225
198
+ );
199
+ --spectrum-alias-ui-icon-dash-size-500: var(
200
+ --spectrum-global-dimension-static-size-250
201
+ );
202
+ --spectrum-alias-ui-icon-dash-size-600: var(
203
+ --spectrum-global-dimension-static-size-275
204
+ );
205
+ --spectrum-alias-ui-icon-cross-size-75: var(
206
+ --spectrum-global-dimension-static-size-125
207
+ );
208
+ --spectrum-alias-ui-icon-cross-size-100: var(
209
+ --spectrum-global-dimension-static-size-125
210
+ );
211
+ --spectrum-alias-ui-icon-cross-size-200: var(
212
+ --spectrum-global-dimension-static-size-150
213
+ );
214
+ --spectrum-alias-ui-icon-cross-size-300: var(
215
+ --spectrum-global-dimension-static-size-175
216
+ );
217
+ --spectrum-alias-ui-icon-cross-size-400: var(
218
+ --spectrum-global-dimension-static-size-200
219
+ );
220
+ --spectrum-alias-ui-icon-cross-size-500: var(
221
+ --spectrum-global-dimension-static-size-200
222
+ );
223
+ --spectrum-alias-ui-icon-cross-size-600: var(
224
+ --spectrum-global-dimension-static-size-225
225
+ );
226
+ --spectrum-alias-ui-icon-arrow-size-75: var(
227
+ --spectrum-global-dimension-static-size-150
228
+ );
229
+ --spectrum-alias-ui-icon-arrow-size-100: var(
230
+ --spectrum-global-dimension-static-size-175
231
+ );
232
+ --spectrum-alias-ui-icon-arrow-size-200: var(
233
+ --spectrum-global-dimension-static-size-200
234
+ );
235
+ --spectrum-alias-ui-icon-arrow-size-300: var(
236
+ --spectrum-global-dimension-static-size-200
237
+ );
238
+ --spectrum-alias-ui-icon-arrow-size-400: var(
239
+ --spectrum-global-dimension-static-size-225
240
+ );
241
+ --spectrum-alias-ui-icon-arrow-size-500: var(
242
+ --spectrum-global-dimension-static-size-275
243
+ );
244
+ --spectrum-alias-ui-icon-arrow-size-600: var(
245
+ --spectrum-global-dimension-static-size-300
246
+ );
247
+ --spectrum-alias-ui-icon-triplegripper-size-100-width: var(
248
+ --spectrum-global-dimension-static-size-175
249
+ );
250
+ --spectrum-alias-ui-icon-doublegripper-size-100-height: var(
251
+ --spectrum-global-dimension-static-size-75
252
+ );
253
+ --spectrum-alias-ui-icon-singlegripper-size-100-height: var(
254
+ --spectrum-global-dimension-static-size-50
255
+ );
256
+ --spectrum-alias-ui-icon-cornertriangle-size-100: var(
257
+ --spectrum-global-dimension-static-size-85
258
+ );
259
+ --spectrum-alias-ui-icon-cornertriangle-size-300: var(
260
+ --spectrum-global-dimension-static-size-100
261
+ );
262
+ --spectrum-alias-ui-icon-asterisk-size-200: var(
263
+ --spectrum-global-dimension-static-size-150
264
+ );
265
+ --spectrum-alias-ui-icon-asterisk-size-300: var(
266
+ --spectrum-global-dimension-static-size-150
267
+ );
268
+ --spectrum-alias-avatar-size-100: 26px;
269
+ --spectrum-alias-avatar-size-400: 36px;
270
+ --spectrum-alias-avatar-size-600: 46px;
271
+ --spectrum-colorwheel-min-width: var(
272
+ --spectrum-global-dimension-static-size-2600
273
+ );
274
+ --spectrum-dialog-confirm-title-text-size: var(
275
+ --spectrum-alias-heading-xs-text-size
276
+ );
277
+ --spectrum-dialog-confirm-description-text-size: var(
278
+ --spectrum-global-dimension-font-size-75
279
+ );
280
+ }
package/express/spectrum-scale-medium.css ADDED
@@ -0,0 +1,282 @@
1
+ :root,
2
+ :host {
3
+ --spectrum-global-dimension-scale-factor: 1;
4
+ --spectrum-global-dimension-size-0: 0px;
5
+ --spectrum-global-dimension-size-10: 1px;
6
+ --spectrum-global-dimension-size-25: 2px;
7
+ --spectrum-global-dimension-size-30: 2px;
8
+ --spectrum-global-dimension-size-40: 3px;
9
+ --spectrum-global-dimension-size-50: 4px;
10
+ --spectrum-global-dimension-size-65: 5px;
11
+ --spectrum-global-dimension-size-75: 6px;
12
+ --spectrum-global-dimension-size-85: 7px;
13
+ --spectrum-global-dimension-size-100: 8px;
14
+ --spectrum-global-dimension-size-115: 9px;
15
+ --spectrum-global-dimension-size-125: 10px;
16
+ --spectrum-global-dimension-size-130: 11px;
17
+ --spectrum-global-dimension-size-150: 12px;
18
+ --spectrum-global-dimension-size-160: 13px;
19
+ --spectrum-global-dimension-size-175: 14px;
20
+ --spectrum-global-dimension-size-185: 15px;
21
+ --spectrum-global-dimension-size-200: 16px;
22
+ --spectrum-global-dimension-size-225: 18px;
23
+ --spectrum-global-dimension-size-250: 20px;
24
+ --spectrum-global-dimension-size-275: 22px;
25
+ --spectrum-global-dimension-size-300: 24px;
26
+ --spectrum-global-dimension-size-325: 26px;
27
+ --spectrum-global-dimension-size-350: 28px;
28
+ --spectrum-global-dimension-size-400: 32px;
29
+ --spectrum-global-dimension-size-450: 36px;
30
+ --spectrum-global-dimension-size-500: 40px;
31
+ --spectrum-global-dimension-size-550: 44px;
32
+ --spectrum-global-dimension-size-600: 48px;
33
+ --spectrum-global-dimension-size-650: 52px;
34
+ --spectrum-global-dimension-size-675: 54px;
35
+ --spectrum-global-dimension-size-700: 56px;
36
+ --spectrum-global-dimension-size-750: 60px;
37
+ --spectrum-global-dimension-size-800: 64px;
38
+ --spectrum-global-dimension-size-900: 72px;
39
+ --spectrum-global-dimension-size-1000: 80px;
40
+ --spectrum-global-dimension-size-1125: 90px;
41
+ --spectrum-global-dimension-size-1200: 96px;
42
+ --spectrum-global-dimension-size-1250: 100px;
43
+ --spectrum-global-dimension-size-1600: 128px;
44
+ --spectrum-global-dimension-size-1700: 136px;
45
+ --spectrum-global-dimension-size-1800: 144px;
46
+ --spectrum-global-dimension-size-2000: 160px;
47
+ --spectrum-global-dimension-size-2400: 192px;
48
+ --spectrum-global-dimension-size-2500: 200px;
49
+ --spectrum-global-dimension-size-3000: 240px;
50
+ --spectrum-global-dimension-size-3400: 272px;
51
+ --spectrum-global-dimension-size-3600: 288px;
52
+ --spectrum-global-dimension-size-4600: 368px;
53
+ --spectrum-global-dimension-size-5000: 400px;
54
+ --spectrum-global-dimension-size-6000: 480px;
55
+ --spectrum-global-dimension-font-size-25: 10px;
56
+ --spectrum-global-dimension-font-size-50: 11px;
57
+ --spectrum-global-dimension-font-size-75: 12px;
58
+ --spectrum-global-dimension-font-size-100: 14px;
59
+ --spectrum-global-dimension-font-size-150: 15px;
60
+ --spectrum-global-dimension-font-size-200: 16px;
61
+ --spectrum-global-dimension-font-size-300: 18px;
62
+ --spectrum-global-dimension-font-size-400: 20px;
63
+ --spectrum-global-dimension-font-size-500: 22px;
64
+ --spectrum-global-dimension-font-size-600: 25px;
65
+ --spectrum-global-dimension-font-size-700: 28px;
66
+ --spectrum-global-dimension-font-size-800: 32px;
67
+ --spectrum-global-dimension-font-size-900: 36px;
68
+ --spectrum-global-dimension-font-size-1000: 40px;
69
+ --spectrum-global-dimension-font-size-1100: 45px;
70
+ --spectrum-global-dimension-font-size-1200: 50px;
71
+ --spectrum-global-dimension-font-size-1300: 60px;
72
+ --spectrum-alias-item-text-padding-top-l: var(
73
+ --spectrum-global-dimension-size-115
74
+ );
75
+ --spectrum-alias-item-text-padding-bottom-s: var(
76
+ --spectrum-global-dimension-static-size-65
77
+ );
78
+ --spectrum-alias-item-workflow-padding-left-m: var(
79
+ --spectrum-global-dimension-size-125
80
+ );
81
+ --spectrum-alias-item-rounded-workflow-padding-left-m: var(
82
+ --spectrum-global-dimension-size-175
83
+ );
84
+ --spectrum-alias-item-rounded-workflow-padding-left-xl: 21px;
85
+ --spectrum-alias-item-mark-padding-top-m: var(
86
+ --spectrum-global-dimension-static-size-75
87
+ );
88
+ --spectrum-alias-item-mark-padding-bottom-m: var(
89
+ --spectrum-global-dimension-static-size-75
90
+ );
91
+ --spectrum-alias-item-mark-padding-left-m: var(
92
+ --spectrum-global-dimension-size-125
93
+ );
94
+ --spectrum-alias-item-control-1-size-l: var(
95
+ --spectrum-global-dimension-size-125
96
+ );
97
+ --spectrum-alias-item-control-1-size-xl: var(
98
+ --spectrum-global-dimension-size-125
99
+ );
100
+ --spectrum-alias-item-control-2-size-s: var(
101
+ --spectrum-global-dimension-size-150
102
+ );
103
+ --spectrum-alias-item-control-3-height-s: var(
104
+ --spectrum-global-dimension-size-150
105
+ );
106
+ --spectrum-alias-item-control-3-width-s: 23px;
107
+ --spectrum-alias-item-control-3-width-m: var(
108
+ --spectrum-global-dimension-static-size-325
109
+ );
110
+ --spectrum-alias-item-control-3-width-l: 29px;
111
+ --spectrum-alias-item-control-3-width-xl: 33px;
112
+ --spectrum-alias-item-mark-size-m: var(
113
+ --spectrum-global-dimension-size-250
114
+ );
115
+ --spectrum-alias-component-focusring-border-radius: var(
116
+ --spectrum-global-dimension-size-125
117
+ );
118
+ --spectrum-alias-focus-ring-border-radius-small: var(
119
+ --spectrum-global-dimension-size-85
120
+ );
121
+ --spectrum-alias-focus-ring-border-radius-regular: var(
122
+ --spectrum-global-dimension-size-125
123
+ );
124
+ --spectrum-alias-control-three-width-m: 28px;
125
+ --spectrum-alias-control-three-width-l: var(
126
+ --spectrum-global-dimension-static-size-450
127
+ );
128
+ --spectrum-alias-control-three-width-xl: var(
129
+ --spectrum-global-dimension-static-size-500
130
+ );
131
+ --spectrum-alias-tag-text-padding-top-s: var(
132
+ --spectrum-global-dimension-size-25
133
+ );
134
+ --spectrum-alias-tag-icon-size-l: var(
135
+ --spectrum-global-dimension-static-size-225
136
+ );
137
+ --spectrum-alias-focus-ring-radius-default: var(
138
+ --spectrum-global-dimension-static-size-100
139
+ );
140
+ --spectrum-alias-workflow-icon-size-l: var(
141
+ --spectrum-global-dimension-static-size-250
142
+ );
143
+ --spectrum-alias-ui-icon-chevron-size-75: var(
144
+ --spectrum-global-dimension-static-size-125
145
+ );
146
+ --spectrum-alias-ui-icon-chevron-size-100: var(
147
+ --spectrum-global-dimension-static-size-125
148
+ );
149
+ --spectrum-alias-ui-icon-chevron-size-200: var(
150
+ --spectrum-global-dimension-static-size-150
151
+ );
152
+ --spectrum-alias-ui-icon-chevron-size-300: var(
153
+ --spectrum-global-dimension-static-size-175
154
+ );
155
+ --spectrum-alias-ui-icon-chevron-size-400: var(
156
+ --spectrum-global-dimension-static-size-200
157
+ );
158
+ --spectrum-alias-ui-icon-chevron-size-500: var(
159
+ --spectrum-global-dimension-static-size-200
160
+ );
161
+ --spectrum-alias-ui-icon-checkmark-size-50: var(
162
+ --spectrum-global-dimension-static-size-125
163
+ );
164
+ --spectrum-alias-ui-icon-checkmark-size-75: var(
165
+ --spectrum-global-dimension-static-size-125
166
+ );
167
+ --spectrum-alias-ui-icon-checkmark-size-100: var(
168
+ --spectrum-global-dimension-static-size-125
169
+ );
170
+ --spectrum-alias-ui-icon-checkmark-size-200: var(
171
+ --spectrum-global-dimension-static-size-150
172
+ );
173
+ --spectrum-alias-ui-icon-checkmark-size-300: var(
174
+ --spectrum-global-dimension-static-size-175
175
+ );
176
+ --spectrum-alias-ui-icon-checkmark-size-400: var(
177
+ --spectrum-global-dimension-static-size-200
178
+ );
179
+ --spectrum-alias-ui-icon-checkmark-size-500: var(
180
+ --spectrum-global-dimension-static-size-200
181
+ );
182
+ --spectrum-alias-ui-icon-checkmark-size-600: var(
183
+ --spectrum-global-dimension-static-size-225
184
+ );
185
+ --spectrum-alias-ui-icon-dash-size-50: var(
186
+ --spectrum-global-dimension-static-size-100
187
+ );
188
+ --spectrum-alias-ui-icon-dash-size-75: var(
189
+ --spectrum-global-dimension-static-size-100
190
+ );
191
+ --spectrum-alias-ui-icon-dash-size-100: var(
192
+ --spectrum-global-dimension-static-size-125
193
+ );
194
+ --spectrum-alias-ui-icon-dash-size-200: var(
195
+ --spectrum-global-dimension-static-size-150
196
+ );
197
+ --spectrum-alias-ui-icon-dash-size-300: var(
198
+ --spectrum-global-dimension-static-size-150
199
+ );
200
+ --spectrum-alias-ui-icon-dash-size-400: var(
201
+ --spectrum-global-dimension-static-size-175
202
+ );
203
+ --spectrum-alias-ui-icon-dash-size-500: var(
204
+ --spectrum-global-dimension-static-size-200
205
+ );
206
+ --spectrum-alias-ui-icon-dash-size-600: var(
207
+ --spectrum-global-dimension-static-size-225
208
+ );
209
+ --spectrum-alias-ui-icon-cross-size-75: var(
210
+ --spectrum-global-dimension-static-size-100
211
+ );
212
+ --spectrum-alias-ui-icon-cross-size-100: var(
213
+ --spectrum-global-dimension-static-size-100
214
+ );
215
+ --spectrum-alias-ui-icon-cross-size-200: var(
216
+ --spectrum-global-dimension-static-size-125
217
+ );
218
+ --spectrum-alias-ui-icon-cross-size-300: var(
219
+ --spectrum-global-dimension-static-size-150
220
+ );
221
+ --spectrum-alias-ui-icon-cross-size-400: var(
222
+ --spectrum-global-dimension-static-size-150
223
+ );
224
+ --spectrum-alias-ui-icon-cross-size-500: var(
225
+ --spectrum-global-dimension-static-size-175
226
+ );
227
+ --spectrum-alias-ui-icon-cross-size-600: var(
228
+ --spectrum-global-dimension-static-size-200
229
+ );
230
+ --spectrum-alias-ui-icon-arrow-size-75: var(
231
+ --spectrum-global-dimension-static-size-125
232
+ );
233
+ --spectrum-alias-ui-icon-arrow-size-100: var(
234
+ --spectrum-global-dimension-static-size-125
235
+ );
236
+ --spectrum-alias-ui-icon-arrow-size-200: var(
237
+ --spectrum-global-dimension-static-size-150
238
+ );
239
+ --spectrum-alias-ui-icon-arrow-size-300: var(
240
+ --spectrum-global-dimension-static-size-175
241
+ );
242
+ --spectrum-alias-ui-icon-arrow-size-400: var(
243
+ --spectrum-global-dimension-static-size-200
244
+ );
245
+ --spectrum-alias-ui-icon-arrow-size-500: var(
246
+ --spectrum-global-dimension-static-size-225
247
+ );
248
+ --spectrum-alias-ui-icon-arrow-size-600: var(
249
+ --spectrum-global-dimension-static-size-250
250
+ );
251
+ --spectrum-alias-ui-icon-triplegripper-size-100-width: var(
252
+ --spectrum-global-dimension-static-size-125
253
+ );
254
+ --spectrum-alias-ui-icon-doublegripper-size-100-height: var(
255
+ --spectrum-global-dimension-static-size-50
256
+ );
257
+ --spectrum-alias-ui-icon-singlegripper-size-100-height: var(
258
+ --spectrum-global-dimension-static-size-25
259
+ );
260
+ --spectrum-alias-ui-icon-cornertriangle-size-100: var(
261
+ --spectrum-global-dimension-static-size-65
262
+ );
263
+ --spectrum-alias-ui-icon-cornertriangle-size-300: var(
264
+ --spectrum-global-dimension-static-size-85
265
+ );
266
+ --spectrum-alias-ui-icon-asterisk-size-200: var(
267
+ --spectrum-global-dimension-static-size-125
268
+ );
269
+ --spectrum-alias-ui-icon-asterisk-size-300: var(
270
+ --spectrum-global-dimension-static-size-125
271
+ );
272
+ --spectrum-alias-avatar-size-100: var(--spectrum-global-dimension-size-250);
273
+ --spectrum-alias-avatar-size-400: var(--spectrum-global-dimension-size-350);
274
+ --spectrum-alias-avatar-size-600: var(--spectrum-global-dimension-size-450);
275
+ --spectrum-colorwheel-min-width: var(--spectrum-global-dimension-size-2400);
276
+ --spectrum-dialog-confirm-title-text-size: var(
277
+ --spectrum-alias-heading-s-text-size
278
+ );
279
+ --spectrum-dialog-confirm-description-text-size: var(
280
+ --spectrum-global-dimension-font-size-100
281
+ );
282
+ }