@spectrum-web-components/styles 0.22.3-react.49 → 0.23.0

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 (19) hide show
  1. package/express/spectrum-core-global.css +0 -253
  2. package/express/spectrum-scale-large.css +0 -27
  3. package/express/spectrum-scale-medium.css +0 -31
  4. package/express/spectrum-theme-dark.css +0 -10
  5. package/express/spectrum-theme-light.css +0 -5
  6. package/package.json +6 -6
  7. package/spectrum-core-global.css +0 -268
  8. package/spectrum-scale-large.css +0 -27
  9. package/spectrum-scale-medium.css +0 -31
  10. package/tokens/express/global-vars.css +775 -5
  11. package/tokens/express/medium-vars.css +4 -0
  12. package/tokens/global-vars.css +213 -189
  13. package/tokens/large-vars.css +10 -4
  14. package/tokens/medium-vars.css +10 -4
  15. package/tokens/spectrum/custom-large-vars.css +10 -6
  16. package/tokens/spectrum/custom-medium-vars.css +10 -6
  17. package/tokens/spectrum/custom-vars.css +12 -18
  18. package/tokens/spectrum/global-vars.css +775 -5
  19. package/tokens/spectrum/medium-vars.css +4 -0
package/tokens/large-vars.css CHANGED
@@ -22,8 +22,8 @@ governing permissions and limitations under the License.
22
22
  --spectrum-field-label-top-to-asterisk-extra-large: 24px;
23
23
  --spectrum-field-label-top-margin-small: 0px;
24
24
  --spectrum-field-label-top-margin-medium: 5px;
25
- --spectrum-field-label-top-margin-large: 5px;
26
- --spectrum-field-label-top-margin-extra-large: 5px;
25
+ --spectrum-field-label-top-margin-large: 6px;
26
+ --spectrum-field-label-top-margin-extra-large: 6px;
27
27
  --spectrum-field-label-to-component-quiet-small: -10px;
28
28
  --spectrum-field-label-to-component-quiet-medium: -10px;
29
29
  --spectrum-field-label-to-component-quiet-large: -15px;
@@ -147,6 +147,11 @@ governing permissions and limitations under the License.
147
147
  --spectrum-color-area-minimum-height: 80px;
148
148
  --spectrum-color-wheel-minimum-width: 240px;
149
149
  --spectrum-color-slider-length: 240px;
150
+ --spectrum-illustrated-message-title-size: var(--spectrum-heading-size-s);
151
+ --spectrum-illustrated-message-cjk-title-size: var(
152
+ --spectrum-heading-cjk-size-s
153
+ );
154
+ --spectrum-illustrated-message-body-size: var(--spectrum-body-size-xs);
150
155
  --spectrum-workflow-icon-size-50: 18px;
151
156
  --spectrum-workflow-icon-size-75: 20px;
152
157
  --spectrum-workflow-icon-size-100: 22px;
@@ -244,6 +249,7 @@ governing permissions and limitations under the License.
244
249
  --spectrum-field-text-to-validation-icon-medium: 15px;
245
250
  --spectrum-field-text-to-validation-icon-large: 19px;
246
251
  --spectrum-field-text-to-validation-icon-extra-large: 22px;
252
+ --spectrum-field-width: 240px;
247
253
  --spectrum-character-count-to-field-quiet-small: -4px;
248
254
  --spectrum-character-count-to-field-quiet-medium: -4px;
249
255
  --spectrum-character-count-to-field-quiet-large: -4px;
@@ -251,8 +257,8 @@ governing permissions and limitations under the License.
251
257
  --spectrum-side-label-character-count-to-field: 15px;
252
258
  --spectrum-side-label-character-count-top-margin-small: 5px;
253
259
  --spectrum-side-label-character-count-top-margin-medium: 10px;
254
- --spectrum-side-label-character-count-top-margin-large: 13px;
255
- --spectrum-side-label-character-count-top-margin-extra-large: 17px;
260
+ --spectrum-side-label-character-count-top-margin-large: 14px;
261
+ --spectrum-side-label-character-count-top-margin-extra-large: 18px;
256
262
  --spectrum-disclosure-indicator-top-to-disclosure-icon-small: 9px;
257
263
  --spectrum-disclosure-indicator-top-to-disclosure-icon-medium: 13px;
258
264
  --spectrum-disclosure-indicator-top-to-disclosure-icon-large: 17px;
package/tokens/medium-vars.css CHANGED
@@ -22,8 +22,8 @@ governing permissions and limitations under the License.
22
22
  --spectrum-field-label-top-to-asterisk-extra-large: 19px;
23
23
  --spectrum-field-label-top-margin-small: 0px;
24
24
  --spectrum-field-label-top-margin-medium: 4px;
25
- --spectrum-field-label-top-margin-large: 4px;
26
- --spectrum-field-label-top-margin-extra-large: 4px;
25
+ --spectrum-field-label-top-margin-large: 5px;
26
+ --spectrum-field-label-top-margin-extra-large: 5px;
27
27
  --spectrum-field-label-to-component-quiet-small: -8px;
28
28
  --spectrum-field-label-to-component-quiet-medium: -8px;
29
29
  --spectrum-field-label-to-component-quiet-large: -12px;
@@ -147,6 +147,11 @@ governing permissions and limitations under the License.
147
147
  --spectrum-color-area-minimum-height: 64px;
148
148
  --spectrum-color-wheel-minimum-width: 192px;
149
149
  --spectrum-color-slider-length: 192px;
150
+ --spectrum-illustrated-message-title-size: var(--spectrum-heading-size-m);
151
+ --spectrum-illustrated-message-cjk-title-size: var(
152
+ --spectrum-heading-cjk-size-m
153
+ );
154
+ --spectrum-illustrated-message-body-size: var(--spectrum-body-size-s);
150
155
  --spectrum-workflow-icon-size-50: 14px;
151
156
  --spectrum-workflow-icon-size-75: 16px;
152
157
  --spectrum-workflow-icon-size-100: 18px;
@@ -244,6 +249,7 @@ governing permissions and limitations under the License.
244
249
  --spectrum-field-text-to-validation-icon-medium: 12px;
245
250
  --spectrum-field-text-to-validation-icon-large: 15px;
246
251
  --spectrum-field-text-to-validation-icon-extra-large: 18px;
252
+ --spectrum-field-width: 192px;
247
253
  --spectrum-character-count-to-field-quiet-small: -3px;
248
254
  --spectrum-character-count-to-field-quiet-medium: -3px;
249
255
  --spectrum-character-count-to-field-quiet-large: -3px;
@@ -251,8 +257,8 @@ governing permissions and limitations under the License.
251
257
  --spectrum-side-label-character-count-to-field: 12px;
252
258
  --spectrum-side-label-character-count-top-margin-small: 4px;
253
259
  --spectrum-side-label-character-count-top-margin-medium: 8px;
254
- --spectrum-side-label-character-count-top-margin-large: 10px;
255
- --spectrum-side-label-character-count-top-margin-extra-large: 13px;
260
+ --spectrum-side-label-character-count-top-margin-large: 11px;
261
+ --spectrum-side-label-character-count-top-margin-extra-large: 14px;
256
262
  --spectrum-disclosure-indicator-top-to-disclosure-icon-small: 7px;
257
263
  --spectrum-disclosure-indicator-top-to-disclosure-icon-medium: 11px;
258
264
  --spectrum-disclosure-indicator-top-to-disclosure-icon-large: 14px;
package/tokens/spectrum/custom-large-vars.css CHANGED
@@ -12,10 +12,14 @@ governing permissions and limitations under the License.
12
12
 
13
13
  /* This file contains overrides and additions to core tokens */
14
14
 
15
- :host, :root {
16
- /* edge-to-visual-only is used for icon-only buttons */
17
- --spectrum-edge-to-visual-only-75: 5px;
18
- --spectrum-edge-to-visual-only-100: 9px;
19
- --spectrum-edge-to-visual-only-200: 13px;
20
- --spectrum-edge-to-visual-only-300: 16px;
15
+ :host,
16
+ :root {
17
+ /* edge-to-visual-only is used for icon-only buttons */
18
+ --spectrum-edge-to-visual-only-75: 5px;
19
+ --spectrum-edge-to-visual-only-100: 9px;
20
+ --spectrum-edge-to-visual-only-200: 13px;
21
+ --spectrum-edge-to-visual-only-300: 16px;
22
+
23
+ --spectrum-slider-tick-mark-height: 13px;
24
+ --spectrum-slider-ramp-track-height: 20px;
21
25
  }
package/tokens/spectrum/custom-medium-vars.css CHANGED
@@ -12,10 +12,14 @@ governing permissions and limitations under the License.
12
12
 
13
13
  /* This file contains overrides and additions to core tokens */
14
14
 
15
- :host, :root {
16
- /* edge-to-visual-only is used for icon-only buttons */
17
- --spectrum-edge-to-visual-only-75: 4px;
18
- --spectrum-edge-to-visual-only-100: 7px;
19
- --spectrum-edge-to-visual-only-200: 10px;
20
- --spectrum-edge-to-visual-only-300: 13px;
15
+ :host,
16
+ :root {
17
+ /* edge-to-visual-only is used for icon-only buttons */
18
+ --spectrum-edge-to-visual-only-75: 4px;
19
+ --spectrum-edge-to-visual-only-100: 7px;
20
+ --spectrum-edge-to-visual-only-200: 10px;
21
+ --spectrum-edge-to-visual-only-300: 13px;
22
+
23
+ --spectrum-slider-tick-mark-height: 10px;
24
+ --spectrum-slider-ramp-track-height: 16px;
21
25
  }
package/tokens/spectrum/custom-vars.css CHANGED
@@ -37,26 +37,20 @@ governing permissions and limitations under the License.
37
37
  --spectrum-animation-ease-out: cubic-bezier(0, 0, 0.4, 1);
38
38
  --spectrum-animation-ease-linear: cubic-bezier(0, 0, 1, 1);
39
39
 
40
- --spectrum-font-family-base: adobe-clean, 'Source Sans Pro', -apple-system,
41
- BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS',
42
- 'Lucida Grande', sans-serif;
43
- --spectrum-font-family-serif: adobe-clean-serif, 'Source Serif Pro', Georgia,
44
- serif;
45
- --spectrum-font-family-code: 'Source Code Pro', Monaco, monospace;
40
+ --spectrum-sans-serif-font: var(--spectrum-sans-serif-font-family);
41
+ --spectrum-sans-font-family-stack: var(--spectrum-sans-serif-font),
42
+ adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
43
+ 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
46
44
 
47
- --spectrum-line-height-large: 1.7;
48
- --spectrum-line-height-medium: 1.5;
49
- --spectrum-line-height-small: 1.3;
45
+ --spectrum-serif-font: var(--spectrum-serif-font-family);
46
+ --spectrum-serif-font-family-stack: var(--spectrum-serif-font),
47
+ adobe-clean-serif, 'Source Serif Pro', Georgia, serif;
50
48
 
51
- --spectrum-font-weight-thin: 100;
52
- --spectrum-font-weight-ultra-light: 200;
53
- --spectrum-font-weight-light: 300;
54
- --spectrum-font-weight-regular: 400;
55
- --spectrum-font-weight-medium: 500;
56
- --spectrum-font-weight-semi-bold: 600;
57
- --spectrum-font-weight-bold: 700;
58
- --spectrum-font-weight-extra-bold: 800;
59
- --spectrum-font-weight-black: 900;
49
+ --spectrum-code-font-family-stack: 'Source Code Pro', Monaco, monospace;
50
+
51
+ --spectrum-cjk-font: var(--spectrum-cjk-font-family);
52
+ --spectrum-cjk-font-family-stack: var(--spectrum-cjk-font),
53
+ adobe-clean-han-japanese, sans-serif;
60
54
 
61
55
  /* static white / black background color for docs containers */
62
56
  --spectrum-docs-static-white-background-color: rgb(15, 121, 125);