@spectrum-web-components/styles 0.10.0 → 0.11.1

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 (18) hide show
  1. package/body.d.ts +1 -1
  2. package/code.d.ts +1 -1
  3. package/core-global.css +412 -37
  4. package/detail.d.ts +1 -1
  5. package/fonts.css +7 -14
  6. package/heading.d.ts +1 -1
  7. package/package.json +5 -5
  8. package/scale-large.css +1156 -260
  9. package/scale-medium.css +1163 -265
  10. package/src/spectrum-lang.css +6 -1
  11. package/src/spectrum-lang.css.js +3 -1
  12. package/src/spectrum-lang.css.js.map +1 -1
  13. package/theme-dark.css +120 -173
  14. package/theme-darkest.css +120 -173
  15. package/theme-light.css +3 -1
  16. package/theme-lightest.css +3 -1
  17. package/typography.css +6 -1
  18. package/typography.d.ts +1 -1
package/body.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: import("lit-element").CSSResult[];
1
+ declare const _default: import("lit").CSSResult[];
2
2
  export default _default;
package/code.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: import("lit-element").CSSResult[];
1
+ declare const _default: import("lit").CSSResult[];
2
2
  export default _default;
package/core-global.css CHANGED
@@ -1084,9 +1084,30 @@ governing permissions and limitations under the License.
1084
1084
  --spectrum-alias-component-border-radius-quiet: var(
1085
1085
  --spectrum-global-dimension-static-size-0
1086
1086
  );
1087
+ --spectrum-alias-component-focusring-gap: var(
1088
+ --spectrum-global-dimension-static-size-0
1089
+ );
1090
+ --spectrum-alias-component-focusring-gap-emphasized: var(
1091
+ --spectrum-global-dimension-static-size-25
1092
+ );
1093
+ --spectrum-alias-component-focusring-size: var(
1094
+ --spectrum-global-dimension-static-size-10
1095
+ );
1096
+ --spectrum-alias-component-focusring-size-emphasized: var(
1097
+ --spectrum-global-dimension-static-size-25
1098
+ );
1099
+ --spectrum-alias-component-focusring-border-radius: var(
1100
+ --spectrum-global-dimension-size-75
1101
+ );
1087
1102
  --spectrum-alias-input-border-size: var(
1088
1103
  --spectrum-global-dimension-static-size-10
1089
1104
  );
1105
+ --spectrum-alias-input-focusring-gap: var(
1106
+ --spectrum-global-dimension-static-size-0
1107
+ );
1108
+ --spectrum-alias-input-quiet-focusline-gap: var(
1109
+ --spectrum-global-dimension-static-size-10
1110
+ );
1090
1111
  --spectrum-alias-control-two-size-m: var(
1091
1112
  --spectrum-global-dimension-size-175
1092
1113
  );
@@ -1123,6 +1144,188 @@ governing permissions and limitations under the License.
1123
1144
  --spectrum-alias-control-three-height-xl: var(
1124
1145
  --spectrum-global-dimension-size-225
1125
1146
  );
1147
+ --spectrum-alias-infieldbutton-icon-margin-y-s: var(
1148
+ --spectrum-global-dimension-size-50
1149
+ );
1150
+ --spectrum-alias-infieldbutton-icon-margin-y-m: var(
1151
+ --spectrum-global-dimension-size-85
1152
+ );
1153
+ --spectrum-alias-infieldbutton-icon-margin-y-l: var(
1154
+ --spectrum-global-dimension-size-125
1155
+ );
1156
+ --spectrum-alias-infieldbutton-icon-margin-y-xl: var(
1157
+ --spectrum-global-dimension-size-160
1158
+ );
1159
+ --spectrum-alias-infieldbutton-border-radius: var(
1160
+ --spectrum-global-dimension-size-50
1161
+ );
1162
+ --spectrum-alias-infieldbutton-border-radius-sided: 0;
1163
+ --spectrum-alias-infieldbutton-border-size: var(
1164
+ --spectrum-global-dimension-static-size-10
1165
+ );
1166
+ --spectrum-alias-infieldbutton-fill-padding-s: var(
1167
+ --spectrum-global-dimension-size-50
1168
+ );
1169
+ --spectrum-alias-infieldbutton-fill-padding-m: var(
1170
+ --spectrum-global-dimension-size-85
1171
+ );
1172
+ --spectrum-alias-infieldbutton-fill-padding-l: var(
1173
+ --spectrum-global-dimension-size-125
1174
+ );
1175
+ --spectrum-alias-infieldbutton-fill-padding-xl: var(
1176
+ --spectrum-global-dimension-size-160
1177
+ );
1178
+ --spectrum-alias-infieldbutton-padding-s: 0;
1179
+ --spectrum-alias-infieldbutton-padding-m: 0;
1180
+ --spectrum-alias-infieldbutton-padding-l: 0;
1181
+ --spectrum-alias-infieldbutton-padding-xl: 0;
1182
+ --spectrum-alias-infieldbutton-full-height-s: var(
1183
+ --spectrum-global-dimension-size-300
1184
+ );
1185
+ --spectrum-alias-infieldbutton-full-height-m: var(
1186
+ --spectrum-global-dimension-size-400
1187
+ );
1188
+ --spectrum-alias-infieldbutton-full-height-l: var(
1189
+ --spectrum-global-dimension-size-500
1190
+ );
1191
+ --spectrum-alias-infieldbutton-full-height-xl: var(
1192
+ --spectrum-global-dimension-size-600
1193
+ );
1194
+ --spectrum-alias-infieldbutton-half-height-s: var(
1195
+ --spectrum-global-dimension-size-150
1196
+ );
1197
+ --spectrum-alias-infieldbutton-half-height-m: var(
1198
+ --spectrum-global-dimension-size-200
1199
+ );
1200
+ --spectrum-alias-infieldbutton-half-height-l: var(
1201
+ --spectrum-global-dimension-size-250
1202
+ );
1203
+ --spectrum-alias-infieldbutton-half-height-xl: var(
1204
+ --spectrum-global-dimension-size-300
1205
+ );
1206
+ --spectrum-alias-stepperbutton-gap: 0;
1207
+ --spectrum-alias-stepperbutton-width-s: var(
1208
+ --spectrum-global-dimension-size-225
1209
+ );
1210
+ --spectrum-alias-stepperbutton-width-m: var(
1211
+ --spectrum-global-dimension-size-300
1212
+ );
1213
+ --spectrum-alias-stepperbutton-width-l: var(
1214
+ --spectrum-global-dimension-size-400
1215
+ );
1216
+ --spectrum-alias-stepperbutton-width-xl: var(
1217
+ --spectrum-global-dimension-size-450
1218
+ );
1219
+ --spectrum-alias-stepperbutton-icon-x-offset-s: var(
1220
+ --spectrum-global-dimension-size-50
1221
+ );
1222
+ --spectrum-alias-stepperbutton-icon-x-offset-m: var(
1223
+ --spectrum-global-dimension-size-85
1224
+ );
1225
+ --spectrum-alias-stepperbutton-icon-x-offset-l: var(
1226
+ --spectrum-global-dimension-size-125
1227
+ );
1228
+ --spectrum-alias-stepperbutton-icon-x-offset-xl: var(
1229
+ --spectrum-global-dimension-size-130
1230
+ );
1231
+ --spectrum-alias-stepperbutton-icon-y-offset-top-s: var(
1232
+ --spectrum-global-dimension-size-25
1233
+ );
1234
+ --spectrum-alias-stepperbutton-icon-y-offset-top-m: var(
1235
+ --spectrum-global-dimension-size-50
1236
+ );
1237
+ --spectrum-alias-stepperbutton-icon-y-offset-top-l: var(
1238
+ --spectrum-global-dimension-size-65
1239
+ );
1240
+ --spectrum-alias-stepperbutton-icon-y-offset-top-xl: var(
1241
+ --spectrum-global-dimension-size-75
1242
+ );
1243
+ --spectrum-alias-stepperbutton-icon-y-offset-bottom-s: var(
1244
+ --spectrum-global-dimension-size-10
1245
+ );
1246
+ --spectrum-alias-stepperbutton-icon-y-offset-bottom-m: var(
1247
+ --spectrum-global-dimension-size-25
1248
+ );
1249
+ --spectrum-alias-stepperbutton-icon-y-offset-bottom-l: var(
1250
+ --spectrum-global-dimension-size-40
1251
+ );
1252
+ --spectrum-alias-stepperbutton-icon-y-offset-bottom-xl: var(
1253
+ --spectrum-global-dimension-size-50
1254
+ );
1255
+ --spectrum-alias-stepperbutton-radius-touching: 0;
1256
+ --spectrum-alias-clearbutton-icon-margin-s: var(
1257
+ --spectrum-global-dimension-size-100
1258
+ );
1259
+ --spectrum-alias-clearbutton-icon-margin-m: var(
1260
+ --spectrum-global-dimension-size-150
1261
+ );
1262
+ --spectrum-alias-clearbutton-icon-margin-l: var(
1263
+ --spectrum-global-dimension-size-185
1264
+ );
1265
+ --spectrum-alias-clearbutton-icon-margin-xl: var(
1266
+ --spectrum-global-dimension-size-225
1267
+ );
1268
+ --spectrum-alias-clearbutton-border-radius: var(
1269
+ --spectrum-global-dimension-size-50
1270
+ );
1271
+ --spectrum-alias-pickerbutton-icononly-padding-x-s: var(
1272
+ --spectrum-global-dimension-size-85
1273
+ );
1274
+ --spectrum-alias-pickerbutton-icononly-padding-x-m: var(
1275
+ --spectrum-global-dimension-size-125
1276
+ );
1277
+ --spectrum-alias-pickerbutton-icononly-padding-x-l: var(
1278
+ --spectrum-global-dimension-size-160
1279
+ );
1280
+ --spectrum-alias-pickerbutton-icononly-padding-x-xl: var(
1281
+ --spectrum-global-dimension-size-200
1282
+ );
1283
+ --spectrum-alias-pickerbutton-icon-margin-y-s: var(
1284
+ --spectrum-global-dimension-size-85
1285
+ );
1286
+ --spectrum-alias-pickerbutton-icon-margin-y-m: var(
1287
+ --spectrum-global-dimension-size-125
1288
+ );
1289
+ --spectrum-alias-pickerbutton-icon-margin-y-l: var(
1290
+ --spectrum-global-dimension-size-160
1291
+ );
1292
+ --spectrum-alias-pickerbutton-icon-margin-y-xl: var(
1293
+ --spectrum-global-dimension-size-200
1294
+ );
1295
+ --spectrum-alias-pickerbutton-label-padding-y-s: var(
1296
+ --spectrum-global-dimension-size-50
1297
+ );
1298
+ --spectrum-alias-pickerbutton-label-padding-y-m: var(
1299
+ --spectrum-global-dimension-size-75
1300
+ );
1301
+ --spectrum-alias-pickerbutton-label-padding-y-l: var(
1302
+ --spectrum-global-dimension-size-115
1303
+ );
1304
+ --spectrum-alias-pickerbutton-label-padding-y-xl: var(
1305
+ --spectrum-global-dimension-size-150
1306
+ );
1307
+ --spectrum-alias-pickerbutton-border-radius-rounded: var(
1308
+ --spectrum-global-dimension-size-50
1309
+ );
1310
+ --spectrum-alias-search-border-radius: var(
1311
+ --spectrum-global-dimension-size-50
1312
+ );
1313
+ --spectrum-alias-search-border-radius-quiet: 0;
1314
+ --spectrum-alias-combobox-quiet-button-offset-x: var(
1315
+ --spectrum-global-dimension-size-100
1316
+ );
1317
+ --spectrum-alias-thumbnail-border-radius-small: var(
1318
+ --spectrum-global-dimension-size-25
1319
+ );
1320
+ --spectrum-alias-search-padding-left-s: var(
1321
+ --spectrum-global-dimension-size-85
1322
+ );
1323
+ --spectrum-alias-search-padding-left-l: var(
1324
+ --spectrum-global-dimension-size-160
1325
+ );
1326
+ --spectrum-alias-search-padding-left-xl: var(
1327
+ --spectrum-global-dimension-size-185
1328
+ );
1126
1329
  --spectrum-alias-percent-50: 50%;
1127
1330
  --spectrum-alias-percent-70: 70%;
1128
1331
  --spectrum-alias-percent-100: 100%;
@@ -1252,6 +1455,9 @@ governing permissions and limitations under the License.
1252
1455
  --spectrum-alias-border-radius-large: var(
1253
1456
  --spectrum-global-dimension-size-200
1254
1457
  );
1458
+ --spectrum-alias-border-radius-xlarge: var(
1459
+ --spectrum-global-dimension-size-300
1460
+ );
1255
1461
  --spectrum-alias-single-line-height: var(
1256
1462
  --spectrum-global-dimension-size-400
1257
1463
  );
@@ -1434,6 +1640,9 @@ governing permissions and limitations under the License.
1434
1640
  --spectrum-alias-component-background-color-quiet-disabled: var(
1435
1641
  --spectrum-alias-background-color-transparent
1436
1642
  );
1643
+ --spectrum-alias-component-background-color-quiet-selected-disabled: var(
1644
+ --spectrum-alias-component-background-color-disabled
1645
+ );
1437
1646
  --spectrum-alias-component-background-color-default: var(
1438
1647
  --spectrum-global-color-gray-75
1439
1648
  );
@@ -1914,6 +2123,176 @@ governing permissions and limitations under the License.
1914
2123
  --spectrum-alias-background-color-yellow: var(
1915
2124
  --spectrum-alias-background-color-yellow-default
1916
2125
  );
2126
+ --spectrum-alias-infieldbutton-background-color: var(
2127
+ --spectrum-global-color-gray-200
2128
+ );
2129
+ --spectrum-alias-infieldbutton-fill-loudnessLow-border-color-disabled: transparent;
2130
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-border-color-disabled: transparent;
2131
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-border-color-disabled: var(
2132
+ --spectrum-alias-component-background-color-disabled
2133
+ );
2134
+ --spectrum-alias-infieldbutton-fill-border-color-default: var(
2135
+ --spectrum-alias-input-border-color-default
2136
+ );
2137
+ --spectrum-alias-infieldbutton-fill-border-color-hover: var(
2138
+ --spectrum-alias-input-border-color-hover
2139
+ );
2140
+ --spectrum-alias-infieldbutton-fill-border-color-down: var(
2141
+ --spectrum-alias-input-border-color-down
2142
+ );
2143
+ --spectrum-alias-infieldbutton-fill-border-color-mouse-focus: var(
2144
+ --spectrum-alias-input-border-color-mouse-focus
2145
+ );
2146
+ --spectrum-alias-infieldbutton-fill-border-color-key-focus: var(
2147
+ --spectrum-alias-input-border-color-key-focus
2148
+ );
2149
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default: transparent;
2150
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover: transparent;
2151
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down: transparent;
2152
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus: transparent;
2153
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-disabled: transparent;
2154
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-default: var(
2155
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-default
2156
+ );
2157
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-hover: var(
2158
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-hover
2159
+ );
2160
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-down: var(
2161
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-down
2162
+ );
2163
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-key-focus: var(
2164
+ --spectrum-alias-infieldbutton-fill-loudnessLow-background-color-key-focus
2165
+ );
2166
+ --spectrum-alias-infieldbutton-fill-loudnessMedium-background-color-disabled: transparent;
2167
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-default: var(
2168
+ --spectrum-alias-component-background-color-default
2169
+ );
2170
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-hover: var(
2171
+ --spectrum-alias-component-background-color-hover
2172
+ );
2173
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-down: var(
2174
+ --spectrum-alias-component-background-color-down
2175
+ );
2176
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-key-focus: var(
2177
+ --spectrum-alias-component-background-color-key-focus
2178
+ );
2179
+ --spectrum-alias-infieldbutton-fill-loudnessHigh-background-color-disabled: var(
2180
+ --spectrum-alias-component-background-color-disabled
2181
+ );
2182
+ --spectrum-alias-actionbutton-staticBlack-border-color-default: rgba(
2183
+ 0,
2184
+ 0,
2185
+ 0,
2186
+ 0.4
2187
+ );
2188
+ --spectrum-alias-actionbutton-staticBlack-background-color-default: transparent;
2189
+ --spectrum-alias-actionbutton-staticBlack-border-color-hover: rgba(
2190
+ 0,
2191
+ 0,
2192
+ 0,
2193
+ 0.55
2194
+ );
2195
+ --spectrum-alias-actionbutton-staticBlack-background-color-hover: rgba(
2196
+ 0,
2197
+ 0,
2198
+ 0,
2199
+ 0.25
2200
+ );
2201
+ --spectrum-alias-actionbutton-staticBlack-border-color-down: rgba(
2202
+ 0,
2203
+ 0,
2204
+ 0,
2205
+ 0.7
2206
+ );
2207
+ --spectrum-alias-actionbutton-staticBlack-background-color-down: rgba(
2208
+ 0,
2209
+ 0,
2210
+ 0,
2211
+ 0.4
2212
+ );
2213
+ --spectrum-alias-actionbutton-staticBlack-border-color-key-focus: rgba(
2214
+ 0,
2215
+ 0,
2216
+ 0,
2217
+ 0.55
2218
+ );
2219
+ --spectrum-alias-actionbutton-staticBlack-background-color-key-focus: rgba(
2220
+ 0,
2221
+ 0,
2222
+ 0,
2223
+ 0.25
2224
+ );
2225
+ --spectrum-alias-actionbutton-staticBlack-border-color-disabled: rgba(
2226
+ 0,
2227
+ 0,
2228
+ 0,
2229
+ 0.25
2230
+ );
2231
+ --spectrum-alias-actionbutton-staticBlack-background-color-disabled: transparent;
2232
+ --spectrum-alias-actionbutton-staticBlack-border-color-disabled-selected: transparent;
2233
+ --spectrum-alias-actionbutton-staticBlack-background-color-disabled-selected: rgba(
2234
+ 0,
2235
+ 0,
2236
+ 0,
2237
+ 0.1
2238
+ );
2239
+ --spectrum-alias-actionbutton-staticWhite-border-color-default: hsla(
2240
+ 0,
2241
+ 0%,
2242
+ 100%,
2243
+ 0.4
2244
+ );
2245
+ --spectrum-alias-actionbutton-staticWhite-background-color-default: transparent;
2246
+ --spectrum-alias-actionbutton-staticWhite-border-color-hover: hsla(
2247
+ 0,
2248
+ 0%,
2249
+ 100%,
2250
+ 0.55
2251
+ );
2252
+ --spectrum-alias-actionbutton-staticWhite-background-color-hover: hsla(
2253
+ 0,
2254
+ 0%,
2255
+ 100%,
2256
+ 0.25
2257
+ );
2258
+ --spectrum-alias-actionbutton-staticWhite-border-color-down: hsla(
2259
+ 0,
2260
+ 0%,
2261
+ 100%,
2262
+ 0.7
2263
+ );
2264
+ --spectrum-alias-actionbutton-staticWhite-background-color-down: hsla(
2265
+ 0,
2266
+ 0%,
2267
+ 100%,
2268
+ 0.4
2269
+ );
2270
+ --spectrum-alias-actionbutton-staticWhite-border-color-key-focus: hsla(
2271
+ 0,
2272
+ 0%,
2273
+ 100%,
2274
+ 0.55
2275
+ );
2276
+ --spectrum-alias-actionbutton-staticWhite-background-color-key-focus: hsla(
2277
+ 0,
2278
+ 0%,
2279
+ 100%,
2280
+ 0.25
2281
+ );
2282
+ --spectrum-alias-actionbutton-staticWhite-border-color-disabled: hsla(
2283
+ 0,
2284
+ 0%,
2285
+ 100%,
2286
+ 0.25
2287
+ );
2288
+ --spectrum-alias-actionbutton-staticWhite-background-color-disabled: transparent;
2289
+ --spectrum-alias-actionbutton-staticWhite-border-color-disabled-selected: transparent;
2290
+ --spectrum-alias-actionbutton-staticWhite-background-color-disabled-selected: hsla(
2291
+ 0,
2292
+ 0%,
2293
+ 100%,
2294
+ 0.1
2295
+ );
1917
2296
  --spectrum-alias-background-color-default: var(
1918
2297
  --spectrum-global-color-gray-100
1919
2298
  );
@@ -1921,28 +2300,28 @@ governing permissions and limitations under the License.
1921
2300
  --spectrum-global-color-gray-200
1922
2301
  );
1923
2302
  --spectrum-alias-background-color-transparent: transparent;
1924
- --spectrum-alias-background-color-overbackground-down: rgba(
1925
- 255,
1926
- 255,
1927
- 255,
2303
+ --spectrum-alias-background-color-overbackground-down: hsla(
2304
+ 0,
2305
+ 0%,
2306
+ 100%,
1928
2307
  0.2
1929
2308
  );
1930
- --spectrum-alias-background-color-quiet-overbackground-hover: rgba(
1931
- 255,
1932
- 255,
1933
- 255,
2309
+ --spectrum-alias-background-color-quiet-overbackground-hover: hsla(
2310
+ 0,
2311
+ 0%,
2312
+ 100%,
1934
2313
  0.1
1935
2314
  );
1936
- --spectrum-alias-background-color-quiet-overbackground-down: rgba(
1937
- 255,
1938
- 255,
1939
- 255,
2315
+ --spectrum-alias-background-color-quiet-overbackground-down: hsla(
2316
+ 0,
2317
+ 0%,
2318
+ 100%,
1940
2319
  0.2
1941
2320
  );
1942
- --spectrum-alias-background-color-overbackground-disabled: rgba(
1943
- 255,
1944
- 255,
1945
- 255,
2321
+ --spectrum-alias-background-color-overbackground-disabled: hsla(
2322
+ 0,
2323
+ 0%,
2324
+ 100%,
1946
2325
  0.1
1947
2326
  );
1948
2327
  --spectrum-alias-background-color-quickactions-overlay: rgba(0, 0, 0, 0.2);
@@ -1977,16 +2356,11 @@ governing permissions and limitations under the License.
1977
2356
  --spectrum-alias-text-color-overbackground: var(
1978
2357
  --spectrum-global-color-static-white
1979
2358
  );
1980
- --spectrum-alias-text-color-overbackground-disabled: rgba(
1981
- 255,
1982
- 255,
1983
- 255,
1984
- 0.2
1985
- );
1986
- --spectrum-alias-text-color-quiet-overbackground-disabled: rgba(
1987
- 255,
1988
- 255,
1989
- 255,
2359
+ --spectrum-alias-text-color-overbackground-disabled: hsla(0, 0%, 100%, 0.2);
2360
+ --spectrum-alias-text-color-quiet-overbackground-disabled: hsla(
2361
+ 0,
2362
+ 0%,
2363
+ 100%,
1990
2364
  0.2
1991
2365
  );
1992
2366
  --spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
@@ -2029,7 +2403,13 @@ governing permissions and limitations under the License.
2029
2403
  --spectrum-alias-track-color-disabled: var(
2030
2404
  --spectrum-global-color-gray-300
2031
2405
  );
2032
- --spectrum-alias-track-color-overbackground: rgba(255, 255, 255, 0.2);
2406
+ --spectrum-alias-thumbnail-darksquare-background-color: var(
2407
+ --spectrum-global-color-gray-300
2408
+ );
2409
+ --spectrum-alias-thumbnail-lightsquare-background-color: var(
2410
+ --spectrum-global-color-static-white
2411
+ );
2412
+ --spectrum-alias-track-color-overbackground: hsla(0, 0%, 100%, 0.2);
2033
2413
  --spectrum-alias-icon-color: var(--spectrum-global-color-gray-700);
2034
2414
  --spectrum-alias-icon-color-overbackground: var(
2035
2415
  --spectrum-global-color-static-white
@@ -2040,16 +2420,11 @@ governing permissions and limitations under the License.
2040
2420
  --spectrum-global-color-gray-900
2041
2421
  );
2042
2422
  --spectrum-alias-icon-color-disabled: var(--spectrum-global-color-gray-400);
2043
- --spectrum-alias-icon-color-overbackground-disabled: rgba(
2044
- 255,
2045
- 255,
2046
- 255,
2047
- 0.2
2048
- );
2049
- --spectrum-alias-icon-color-quiet-overbackground-disabled: rgba(
2050
- 255,
2051
- 255,
2052
- 255,
2423
+ --spectrum-alias-icon-color-overbackground-disabled: hsla(0, 0%, 100%, 0.2);
2424
+ --spectrum-alias-icon-color-quiet-overbackground-disabled: hsla(
2425
+ 0,
2426
+ 0%,
2427
+ 100%,
2053
2428
  0.15
2054
2429
  );
2055
2430
  --spectrum-alias-icon-color-selected-neutral: var(
package/detail.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: import("lit-element").CSSResult[];
1
+ declare const _default: import("lit").CSSResult[];
2
2
  export default _default;
package/fonts.css CHANGED
@@ -28,32 +28,25 @@ governing permissions and limitations under the License.
28
28
  font-family: var(--spectrum-alias-body-text-font-family);
29
29
  font-size: var(--spectrum-alias-font-size-default);
30
30
  }
31
- :host:lang(ar),
32
- :root:lang(ar) {
31
+ :is(:root, :host):lang(ar) {
33
32
  font-family: var(--spectrum-alias-font-family-ar);
34
33
  }
35
- :host:lang(he),
36
- :root:lang(he) {
34
+ :is(:root, :host):lang(he) {
37
35
  font-family: var(--spectrum-alias-font-family-he);
38
36
  }
39
- :host:lang(zh-Hans),
40
- :root:lang(zh-Hans) {
37
+ :is(:root, :host):lang(zh-Hans) {
41
38
  font-family: var(--spectrum-alias-font-family-zhhans);
42
39
  }
43
- :host:lang(zh-Hant),
44
- :root:lang(zh-Hant) {
40
+ :is(:root, :host):lang(zh-Hant) {
45
41
  font-family: var(--spectrum-alias-font-family-zh);
46
42
  }
47
- :host:lang(zh),
48
- :root:lang(zh) {
43
+ :is(:root, :host):lang(zh) {
49
44
  font-family: var(--spectrum-alias-font-family-zh);
50
45
  }
51
- :host:lang(ko),
52
- :root:lang(ko) {
46
+ :is(:root, :host):lang(ko) {
53
47
  font-family: var(--spectrum-alias-font-family-ko);
54
48
  }
55
- :host:lang(ja),
56
- :root:lang(ja) {
49
+ :is(:root, :host):lang(ja) {
57
50
  font-family: var(--spectrum-alias-font-family-ja);
58
51
  }
59
52
  /* stylelint-enable */
package/heading.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: import("lit-element").CSSResult[];
1
+ declare const _default: import("lit").CSSResult[];
2
2
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/styles",
3
- "version": "0.10.0",
3
+ "version": "0.11.1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -69,17 +69,17 @@
69
69
  "lit-html"
70
70
  ],
71
71
  "dependencies": {
72
- "@spectrum-web-components/base": "^0.4.5"
72
+ "@spectrum-web-components/base": "^0.5.1"
73
73
  },
74
74
  "devDependencies": {
75
75
  "@spectrum-css/commons": "^3.0.3",
76
- "@spectrum-css/typography": "^4.0.1",
77
- "@spectrum-css/vars": "^4.0.2"
76
+ "@spectrum-css/typography": "^4.0.7",
77
+ "@spectrum-css/vars": "^4.3.1"
78
78
  },
79
79
  "customElements": "custom-elements.json",
80
80
  "sideEffects": [
81
81
  "./*.css"
82
82
  ],
83
83
  "style": "all-medium-lightest.css",
84
- "gitHead": "12d891f3dc85e8de641804d8efc9ca06b7fdee2d"
84
+ "gitHead": "df3f333ee26a45f9fc247716b6e8ef051dca630b"
85
85
  }