@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/spectrum-two/spectrum-scale-large.css ADDED
@@ -0,0 +1,291 @@
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-global-dimension-static-size-75
117
+ );
118
+ --spectrum-alias-control-two-size-s: var(
119
+ --spectrum-global-dimension-size-160
120
+ );
121
+ --spectrum-alias-control-three-height-s: var(
122
+ --spectrum-global-dimension-size-160
123
+ );
124
+ --spectrum-alias-control-three-width-s: var(
125
+ --spectrum-global-dimension-size-325
126
+ );
127
+ --spectrum-alias-control-three-width-m: var(
128
+ --spectrum-global-dimension-static-size-450
129
+ );
130
+ --spectrum-alias-control-three-width-l: 41px;
131
+ --spectrum-alias-control-three-width-xl: 46px;
132
+ --spectrum-alias-search-padding-left-m: var(
133
+ --spectrum-global-dimension-static-size-150
134
+ );
135
+ --spectrum-alias-focus-ring-border-radius-regular: var(
136
+ --spectrum-global-dimension-static-size-115
137
+ );
138
+ --spectrum-alias-focus-ring-radius-default: var(
139
+ --spectrum-global-dimension-static-size-115
140
+ );
141
+ --spectrum-alias-workflow-icon-size-l: var(
142
+ --spectrum-global-dimension-static-size-300
143
+ );
144
+ --spectrum-alias-ui-icon-chevron-size-75: var(
145
+ --spectrum-global-dimension-static-size-150
146
+ );
147
+ --spectrum-alias-ui-icon-chevron-size-100: var(
148
+ --spectrum-global-dimension-static-size-175
149
+ );
150
+ --spectrum-alias-ui-icon-chevron-size-200: var(
151
+ --spectrum-global-dimension-static-size-200
152
+ );
153
+ --spectrum-alias-ui-icon-chevron-size-300: var(
154
+ --spectrum-global-dimension-static-size-200
155
+ );
156
+ --spectrum-alias-ui-icon-chevron-size-400: var(
157
+ --spectrum-global-dimension-static-size-225
158
+ );
159
+ --spectrum-alias-ui-icon-chevron-size-500: var(
160
+ --spectrum-global-dimension-static-size-250
161
+ );
162
+ --spectrum-alias-ui-icon-checkmark-size-50: var(
163
+ --spectrum-global-dimension-static-size-150
164
+ );
165
+ --spectrum-alias-ui-icon-checkmark-size-75: var(
166
+ --spectrum-global-dimension-static-size-150
167
+ );
168
+ --spectrum-alias-ui-icon-checkmark-size-100: var(
169
+ --spectrum-global-dimension-static-size-175
170
+ );
171
+ --spectrum-alias-ui-icon-checkmark-size-200: var(
172
+ --spectrum-global-dimension-static-size-200
173
+ );
174
+ --spectrum-alias-ui-icon-checkmark-size-300: var(
175
+ --spectrum-global-dimension-static-size-200
176
+ );
177
+ --spectrum-alias-ui-icon-checkmark-size-400: var(
178
+ --spectrum-global-dimension-static-size-225
179
+ );
180
+ --spectrum-alias-ui-icon-checkmark-size-500: var(
181
+ --spectrum-global-dimension-static-size-250
182
+ );
183
+ --spectrum-alias-ui-icon-checkmark-size-600: var(
184
+ --spectrum-global-dimension-static-size-300
185
+ );
186
+ --spectrum-alias-ui-icon-dash-size-50: var(
187
+ --spectrum-global-dimension-static-size-125
188
+ );
189
+ --spectrum-alias-ui-icon-dash-size-75: var(
190
+ --spectrum-global-dimension-static-size-125
191
+ );
192
+ --spectrum-alias-ui-icon-dash-size-100: var(
193
+ --spectrum-global-dimension-static-size-150
194
+ );
195
+ --spectrum-alias-ui-icon-dash-size-200: var(
196
+ --spectrum-global-dimension-static-size-175
197
+ );
198
+ --spectrum-alias-ui-icon-dash-size-300: var(
199
+ --spectrum-global-dimension-static-size-200
200
+ );
201
+ --spectrum-alias-ui-icon-dash-size-400: var(
202
+ --spectrum-global-dimension-static-size-225
203
+ );
204
+ --spectrum-alias-ui-icon-dash-size-500: var(
205
+ --spectrum-global-dimension-static-size-250
206
+ );
207
+ --spectrum-alias-ui-icon-dash-size-600: var(
208
+ --spectrum-global-dimension-static-size-275
209
+ );
210
+ --spectrum-alias-ui-icon-cross-size-75: var(
211
+ --spectrum-global-dimension-static-size-125
212
+ );
213
+ --spectrum-alias-ui-icon-cross-size-100: var(
214
+ --spectrum-global-dimension-static-size-125
215
+ );
216
+ --spectrum-alias-ui-icon-cross-size-200: var(
217
+ --spectrum-global-dimension-static-size-150
218
+ );
219
+ --spectrum-alias-ui-icon-cross-size-300: var(
220
+ --spectrum-global-dimension-static-size-175
221
+ );
222
+ --spectrum-alias-ui-icon-cross-size-400: var(
223
+ --spectrum-global-dimension-static-size-200
224
+ );
225
+ --spectrum-alias-ui-icon-cross-size-500: var(
226
+ --spectrum-global-dimension-static-size-200
227
+ );
228
+ --spectrum-alias-ui-icon-cross-size-600: var(
229
+ --spectrum-global-dimension-static-size-225
230
+ );
231
+ --spectrum-alias-ui-icon-arrow-size-75: var(
232
+ --spectrum-global-dimension-static-size-150
233
+ );
234
+ --spectrum-alias-ui-icon-arrow-size-100: var(
235
+ --spectrum-global-dimension-static-size-175
236
+ );
237
+ --spectrum-alias-ui-icon-arrow-size-200: var(
238
+ --spectrum-global-dimension-static-size-200
239
+ );
240
+ --spectrum-alias-ui-icon-arrow-size-300: var(
241
+ --spectrum-global-dimension-static-size-200
242
+ );
243
+ --spectrum-alias-ui-icon-arrow-size-400: var(
244
+ --spectrum-global-dimension-static-size-225
245
+ );
246
+ --spectrum-alias-ui-icon-arrow-size-500: var(
247
+ --spectrum-global-dimension-static-size-275
248
+ );
249
+ --spectrum-alias-ui-icon-arrow-size-600: var(
250
+ --spectrum-global-dimension-static-size-300
251
+ );
252
+ --spectrum-alias-ui-icon-triplegripper-size-100-width: var(
253
+ --spectrum-global-dimension-static-size-175
254
+ );
255
+ --spectrum-alias-ui-icon-doublegripper-size-100-height: var(
256
+ --spectrum-global-dimension-static-size-75
257
+ );
258
+ --spectrum-alias-ui-icon-singlegripper-size-100-height: var(
259
+ --spectrum-global-dimension-static-size-50
260
+ );
261
+ --spectrum-alias-ui-icon-cornertriangle-size-100: var(
262
+ --spectrum-global-dimension-static-size-85
263
+ );
264
+ --spectrum-alias-ui-icon-cornertriangle-size-300: var(
265
+ --spectrum-global-dimension-static-size-100
266
+ );
267
+ --spectrum-alias-ui-icon-asterisk-size-200: var(
268
+ --spectrum-global-dimension-static-size-150
269
+ );
270
+ --spectrum-alias-ui-icon-asterisk-size-300: var(
271
+ --spectrum-global-dimension-static-size-150
272
+ );
273
+ --spectrum-alias-avatar-size-100: 26px;
274
+ --spectrum-alias-avatar-size-400: 36px;
275
+ --spectrum-alias-avatar-size-600: 46px;
276
+ --spectrum-alias-tag-icon-size-l: var(
277
+ --spectrum-global-dimension-static-size-300
278
+ );
279
+ --spectrum-alias-tag-focusring-border-radius: var(
280
+ --spectrum-global-dimension-static-size-75
281
+ );
282
+ --spectrum-colorwheel-min-width: var(
283
+ --spectrum-global-dimension-static-size-2600
284
+ );
285
+ --spectrum-dialog-confirm-title-text-size: var(
286
+ --spectrum-alias-heading-xs-text-size
287
+ );
288
+ --spectrum-dialog-confirm-description-text-size: var(
289
+ --spectrum-global-dimension-font-size-75
290
+ );
291
+ }
package/spectrum-two/spectrum-scale-medium.css ADDED
@@ -0,0 +1,287 @@
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-static-size-65
117
+ );
118
+ --spectrum-alias-control-two-size-s: var(
119
+ --spectrum-global-dimension-size-150
120
+ );
121
+ --spectrum-alias-control-three-height-s: var(
122
+ --spectrum-global-dimension-size-150
123
+ );
124
+ --spectrum-alias-control-three-width-s: 23px;
125
+ --spectrum-alias-control-three-width-m: var(
126
+ --spectrum-global-dimension-static-size-325
127
+ );
128
+ --spectrum-alias-control-three-width-l: 29px;
129
+ --spectrum-alias-control-three-width-xl: 33px;
130
+ --spectrum-alias-search-padding-left-m: var(
131
+ --spectrum-global-dimension-size-125
132
+ );
133
+ --spectrum-alias-focus-ring-border-radius-regular: var(
134
+ --spectrum-global-dimension-static-size-100
135
+ );
136
+ --spectrum-alias-focus-ring-radius-default: var(
137
+ --spectrum-global-dimension-static-size-100
138
+ );
139
+ --spectrum-alias-workflow-icon-size-l: var(
140
+ --spectrum-global-dimension-static-size-250
141
+ );
142
+ --spectrum-alias-ui-icon-chevron-size-75: var(
143
+ --spectrum-global-dimension-static-size-125
144
+ );
145
+ --spectrum-alias-ui-icon-chevron-size-100: var(
146
+ --spectrum-global-dimension-static-size-125
147
+ );
148
+ --spectrum-alias-ui-icon-chevron-size-200: var(
149
+ --spectrum-global-dimension-static-size-150
150
+ );
151
+ --spectrum-alias-ui-icon-chevron-size-300: var(
152
+ --spectrum-global-dimension-static-size-175
153
+ );
154
+ --spectrum-alias-ui-icon-chevron-size-400: var(
155
+ --spectrum-global-dimension-static-size-200
156
+ );
157
+ --spectrum-alias-ui-icon-chevron-size-500: var(
158
+ --spectrum-global-dimension-static-size-200
159
+ );
160
+ --spectrum-alias-ui-icon-checkmark-size-50: var(
161
+ --spectrum-global-dimension-static-size-125
162
+ );
163
+ --spectrum-alias-ui-icon-checkmark-size-75: var(
164
+ --spectrum-global-dimension-static-size-125
165
+ );
166
+ --spectrum-alias-ui-icon-checkmark-size-100: var(
167
+ --spectrum-global-dimension-static-size-125
168
+ );
169
+ --spectrum-alias-ui-icon-checkmark-size-200: var(
170
+ --spectrum-global-dimension-static-size-150
171
+ );
172
+ --spectrum-alias-ui-icon-checkmark-size-300: var(
173
+ --spectrum-global-dimension-static-size-175
174
+ );
175
+ --spectrum-alias-ui-icon-checkmark-size-400: var(
176
+ --spectrum-global-dimension-static-size-200
177
+ );
178
+ --spectrum-alias-ui-icon-checkmark-size-500: var(
179
+ --spectrum-global-dimension-static-size-200
180
+ );
181
+ --spectrum-alias-ui-icon-checkmark-size-600: var(
182
+ --spectrum-global-dimension-static-size-225
183
+ );
184
+ --spectrum-alias-ui-icon-dash-size-50: var(
185
+ --spectrum-global-dimension-static-size-100
186
+ );
187
+ --spectrum-alias-ui-icon-dash-size-75: var(
188
+ --spectrum-global-dimension-static-size-100
189
+ );
190
+ --spectrum-alias-ui-icon-dash-size-100: var(
191
+ --spectrum-global-dimension-static-size-125
192
+ );
193
+ --spectrum-alias-ui-icon-dash-size-200: var(
194
+ --spectrum-global-dimension-static-size-150
195
+ );
196
+ --spectrum-alias-ui-icon-dash-size-300: var(
197
+ --spectrum-global-dimension-static-size-150
198
+ );
199
+ --spectrum-alias-ui-icon-dash-size-400: var(
200
+ --spectrum-global-dimension-static-size-175
201
+ );
202
+ --spectrum-alias-ui-icon-dash-size-500: var(
203
+ --spectrum-global-dimension-static-size-200
204
+ );
205
+ --spectrum-alias-ui-icon-dash-size-600: var(
206
+ --spectrum-global-dimension-static-size-225
207
+ );
208
+ --spectrum-alias-ui-icon-cross-size-75: var(
209
+ --spectrum-global-dimension-static-size-100
210
+ );
211
+ --spectrum-alias-ui-icon-cross-size-100: var(
212
+ --spectrum-global-dimension-static-size-100
213
+ );
214
+ --spectrum-alias-ui-icon-cross-size-200: var(
215
+ --spectrum-global-dimension-static-size-125
216
+ );
217
+ --spectrum-alias-ui-icon-cross-size-300: var(
218
+ --spectrum-global-dimension-static-size-150
219
+ );
220
+ --spectrum-alias-ui-icon-cross-size-400: var(
221
+ --spectrum-global-dimension-static-size-150
222
+ );
223
+ --spectrum-alias-ui-icon-cross-size-500: var(
224
+ --spectrum-global-dimension-static-size-175
225
+ );
226
+ --spectrum-alias-ui-icon-cross-size-600: var(
227
+ --spectrum-global-dimension-static-size-200
228
+ );
229
+ --spectrum-alias-ui-icon-arrow-size-75: var(
230
+ --spectrum-global-dimension-static-size-125
231
+ );
232
+ --spectrum-alias-ui-icon-arrow-size-100: var(
233
+ --spectrum-global-dimension-static-size-125
234
+ );
235
+ --spectrum-alias-ui-icon-arrow-size-200: var(
236
+ --spectrum-global-dimension-static-size-150
237
+ );
238
+ --spectrum-alias-ui-icon-arrow-size-300: var(
239
+ --spectrum-global-dimension-static-size-175
240
+ );
241
+ --spectrum-alias-ui-icon-arrow-size-400: var(
242
+ --spectrum-global-dimension-static-size-200
243
+ );
244
+ --spectrum-alias-ui-icon-arrow-size-500: var(
245
+ --spectrum-global-dimension-static-size-225
246
+ );
247
+ --spectrum-alias-ui-icon-arrow-size-600: var(
248
+ --spectrum-global-dimension-static-size-250
249
+ );
250
+ --spectrum-alias-ui-icon-triplegripper-size-100-width: var(
251
+ --spectrum-global-dimension-static-size-125
252
+ );
253
+ --spectrum-alias-ui-icon-doublegripper-size-100-height: var(
254
+ --spectrum-global-dimension-static-size-50
255
+ );
256
+ --spectrum-alias-ui-icon-singlegripper-size-100-height: var(
257
+ --spectrum-global-dimension-static-size-25
258
+ );
259
+ --spectrum-alias-ui-icon-cornertriangle-size-100: var(
260
+ --spectrum-global-dimension-static-size-65
261
+ );
262
+ --spectrum-alias-ui-icon-cornertriangle-size-300: var(
263
+ --spectrum-global-dimension-static-size-85
264
+ );
265
+ --spectrum-alias-ui-icon-asterisk-size-200: var(
266
+ --spectrum-global-dimension-static-size-125
267
+ );
268
+ --spectrum-alias-ui-icon-asterisk-size-300: var(
269
+ --spectrum-global-dimension-static-size-125
270
+ );
271
+ --spectrum-alias-avatar-size-100: var(--spectrum-global-dimension-size-250);
272
+ --spectrum-alias-avatar-size-400: var(--spectrum-global-dimension-size-350);
273
+ --spectrum-alias-avatar-size-600: var(--spectrum-global-dimension-size-450);
274
+ --spectrum-alias-tag-icon-size-l: var(
275
+ --spectrum-global-dimension-static-size-250
276
+ );
277
+ --spectrum-alias-tag-focusring-border-radius: var(
278
+ --spectrum-global-dimension-static-size-65
279
+ );
280
+ --spectrum-colorwheel-min-width: var(--spectrum-global-dimension-size-2400);
281
+ --spectrum-dialog-confirm-title-text-size: var(
282
+ --spectrum-alias-heading-s-text-size
283
+ );
284
+ --spectrum-dialog-confirm-description-text-size: var(
285
+ --spectrum-global-dimension-font-size-100
286
+ );
287
+ }