@esri/calcite-design-tokens 3.1.0-next.6 → 3.1.0-next.7

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 (14) hide show
  1. package/dist/css/breakpoints.css +22 -22
  2. package/dist/css/core.css +19 -19
  3. package/dist/css/global.css +44 -44
  4. package/dist/css/semantic.css +66 -66
  5. package/dist/docs/core.json +1 -1
  6. package/dist/docs/dark.json +1 -1
  7. package/dist/docs/global.json +1 -1
  8. package/dist/docs/light.json +1 -1
  9. package/dist/docs/semantic.json +1 -1
  10. package/dist/es6/breakpoints.d.ts +22 -43
  11. package/dist/es6/core.d.ts +38 -19
  12. package/dist/es6/global.d.ts +112 -88
  13. package/dist/es6/semantic.d.ts +112 -88
  14. package/package.json +2 -2
package/dist/css/breakpoints.css CHANGED
@@ -4,26 +4,26 @@
4
4
  */
5
5
 
6
6
  :root {
7
- --calcite-container-size-height-xxs-min: 0; /* Small handheld devices and mini-windows */
8
- --calcite-container-size-width-xxs-min: 0; /* Small handheld devices and mini-windows */
9
- --calcite-container-size-height-xxs-max: 154px; /* Small handheld devices and mini-windows */
10
- --calcite-container-size-height-xs-min: 155px; /* Handheld devices */
11
- --calcite-container-size-height-xs-max: 328px; /* Handheld devices */
12
- --calcite-container-size-height-sm-min: 329px; /* Small tablets */
13
- --calcite-container-size-height-sm-max: 504px; /* Small tablets */
14
- --calcite-container-size-height-md-min: 505px; /* Small laptops */
15
- --calcite-container-size-height-md-max: 678px; /* Small laptops */
16
- --calcite-container-size-height-lg-min: 679px; /* Large laptops and desktop computers */
17
- --calcite-container-size-height-lg-max: 854px; /* Large laptops and desktop computers */
18
- --calcite-container-size-height-xl-min: 855px; /* Projectors and televisions */
19
- --calcite-container-size-width-xxs-max: 320px; /* Small handheld devices and mini-windows */
20
- --calcite-container-size-width-xs-min: 321px; /* Handheld devices */
21
- --calcite-container-size-width-xs-max: 476px; /* Handheld devices */
22
- --calcite-container-size-width-sm-min: 477px; /* Small tablets */
23
- --calcite-container-size-width-sm-max: 768px; /* Small tablets */
24
- --calcite-container-size-width-md-min: 769px; /* Small laptops */
25
- --calcite-container-size-width-md-max: 1152px; /* Small laptops */
26
- --calcite-container-size-width-lg-min: 1153px; /* Large laptops and desktop computers */
27
- --calcite-container-size-width-lg-max: 1440px; /* Large laptops and desktop computers */
28
- --calcite-container-size-width-xl-min: 1441px; /* Projectors and televisions */
7
+ --calcite-container-size-height-xxs-min: 0; /** Small handheld devices and mini-windows */
8
+ --calcite-container-size-width-xxs-min: 0; /** Small handheld devices and mini-windows */
9
+ --calcite-container-size-height-xxs-max: 154px; /** Small handheld devices and mini-windows */
10
+ --calcite-container-size-height-xs-min: 155px; /** Handheld devices */
11
+ --calcite-container-size-height-xs-max: 328px; /** Handheld devices */
12
+ --calcite-container-size-height-sm-min: 329px; /** Small tablets */
13
+ --calcite-container-size-height-sm-max: 504px; /** Small tablets */
14
+ --calcite-container-size-height-md-min: 505px; /** Small laptops */
15
+ --calcite-container-size-height-md-max: 678px; /** Small laptops */
16
+ --calcite-container-size-height-lg-min: 679px; /** Large laptops and desktop computers */
17
+ --calcite-container-size-height-lg-max: 854px; /** Large laptops and desktop computers */
18
+ --calcite-container-size-height-xl-min: 855px; /** Projectors and televisions */
19
+ --calcite-container-size-width-xxs-max: 320px; /** Small handheld devices and mini-windows */
20
+ --calcite-container-size-width-xs-min: 321px; /** Handheld devices */
21
+ --calcite-container-size-width-xs-max: 476px; /** Handheld devices */
22
+ --calcite-container-size-width-sm-min: 477px; /** Small tablets */
23
+ --calcite-container-size-width-sm-max: 768px; /** Small tablets */
24
+ --calcite-container-size-width-md-min: 769px; /** Small laptops */
25
+ --calcite-container-size-width-md-max: 1152px; /** Small laptops */
26
+ --calcite-container-size-width-lg-min: 1153px; /** Large laptops and desktop computers */
27
+ --calcite-container-size-width-lg-max: 1440px; /** Large laptops and desktop computers */
28
+ --calcite-container-size-width-xl-min: 1441px; /** Projectors and televisions */
29
29
  }
package/dist/css/core.css CHANGED
@@ -478,35 +478,35 @@
478
478
  --calcite-container-size-854: 854px;
479
479
  --calcite-container-size-1152: 1152px;
480
480
  --calcite-container-size-1440: 1440px;
481
- --calcite-font-family-andale-mono: 'Andale Mono'; /* Fallback for Monaco */
481
+ --calcite-font-family-andale-mono: 'Andale Mono'; /** Fallback for Monaco */
482
482
  --calcite-font-family-avenir-next-pro: 'Avenir Next LT Pro';
483
483
  --calcite-font-family-avenir-next-world: 'Avenir Next World';
484
- --calcite-font-family-avenir-next: 'Avenir Next'; /* Primary font family */
485
- --calcite-font-family-avenir: Avenir; /* Fallback for Avenir Next */
486
- --calcite-font-family-consolas: Consolas; /* Fallback for Monaco */
487
- --calcite-font-family-helvetica-neue: 'Helvetica Neue'; /* Fallback for Avenir Next */
488
- --calcite-font-family-lucida-console: 'Lucida Console'; /* Fallback for Monaco */
484
+ --calcite-font-family-avenir-next: 'Avenir Next'; /** Primary font family */
485
+ --calcite-font-family-avenir: Avenir; /** Fallback for Avenir Next */
486
+ --calcite-font-family-consolas: Consolas; /** Fallback for Monaco */
487
+ --calcite-font-family-helvetica-neue: 'Helvetica Neue'; /** Fallback for Avenir Next */
488
+ --calcite-font-family-lucida-console: 'Lucida Console'; /** Fallback for Monaco */
489
489
  --calcite-font-family-monaco: Monaco;
490
- --calcite-font-family-monospace: monospace; /* Fallback for Monaco */
491
- --calcite-font-family-sans-serif: sans-serif; /* Fallback for Avenir Next */
492
- --calcite-font-style-italic: italic; /* used in ratings */
493
- --calcite-font-weight-ultralight: 200; /* only for Avenir Next World (secondary font family) */
490
+ --calcite-font-family-monospace: monospace; /** Fallback for Monaco */
491
+ --calcite-font-family-sans-serif: sans-serif; /** Fallback for Avenir Next */
492
+ --calcite-font-style-italic: italic; /** used in ratings */
493
+ --calcite-font-weight-ultralight: 200; /** only for Avenir Next World (secondary font family) */
494
494
  --calcite-font-weight-thin: 100;
495
- --calcite-font-weight-light: 300; /* only for Avenir Next World (secondary font family) */
495
+ --calcite-font-weight-light: 300; /** only for Avenir Next World (secondary font family) */
496
496
  --calcite-font-weight-regular: 400;
497
497
  --calcite-font-weight-medium: 500;
498
498
  --calcite-font-weight-medium-italic: "Medium Italic";
499
499
  --calcite-font-weight-demi: 600;
500
500
  --calcite-font-weight-bold: 700;
501
- --calcite-font-weight-extrabold: 800; /* only for Avenir Next World (secondary font family) */
502
- --calcite-font-weight-black: 900; /* only for Avenir Next World (secondary font family) */
501
+ --calcite-font-weight-extrabold: 800; /** only for Avenir Next World (secondary font family) */
502
+ --calcite-font-weight-black: 900; /** only for Avenir Next World (secondary font family) */
503
503
  --calcite-font-weight-heavy: 900;
504
- --calcite-font-text-decoration-none: none; /* Deprecated */
505
- --calcite-font-text-decoration-underline: underline; /* Deprecated */
506
- --calcite-font-text-case-none: none; /* Deprecated */
507
- --calcite-font-text-case-uppercase: uppercase; /* Deprecated */
508
- --calcite-font-text-case-lowercase: lowercase; /* Deprecated */
509
- --calcite-font-text-case-capitalize: capitalize; /* Deprecated */
504
+ --calcite-font-text-decoration-none: none; /** Deprecated */
505
+ --calcite-font-text-decoration-underline: underline; /** Deprecated */
506
+ --calcite-font-text-case-none: none; /** Deprecated */
507
+ --calcite-font-text-case-uppercase: uppercase; /** Deprecated */
508
+ --calcite-font-text-case-lowercase: lowercase; /** Deprecated */
509
+ --calcite-font-text-case-capitalize: capitalize; /** Deprecated */
510
510
  --calcite-opacity-0: 0;
511
511
  --calcite-opacity-4: 0.04;
512
512
  --calcite-opacity-8: 0.08;
package/dist/css/global.css CHANGED
@@ -12,19 +12,19 @@
12
12
  --calcite-border-width-lg: 4px;
13
13
  --calcite-container-size-margin: 24px;
14
14
  --calcite-container-size-gutter: 16px;
15
- --calcite-container-size-content-fluid: 100%; /* for fluid grid widths */
16
- --calcite-container-size-content-fixed: 1440px; /* only for lg breakpoint fixed grid width */
17
- --calcite-corner-radius-sharp: 0; /* deprecated, use --calcite-conder-radius-none instead */
15
+ --calcite-container-size-content-fluid: 100%; /** for fluid grid widths */
16
+ --calcite-container-size-content-fixed: 1440px; /** only for lg breakpoint fixed grid width */
17
+ --calcite-corner-radius-sharp: 0; /** deprecated, use --calcite-conder-radius-none instead */
18
18
  --calcite-corner-radius-none: 0;
19
19
  --calcite-corner-radius-xs: 2px;
20
20
  --calcite-corner-radius-sm: 4px;
21
- --calcite-corner-radius-round: 4px; /* deprecated, use --calcite-corner-radius-sm instead */
21
+ --calcite-corner-radius-round: 4px; /** deprecated, use --calcite-corner-radius-sm instead */
22
22
  --calcite-corner-radius-pill: 100%;
23
- --calcite-font-family: 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif; /* Primary font with fallbacks */
24
- --calcite-font-family-code: Monaco, Consolas, 'Andale Mono', 'Lucida Console', monospace; /* Font family for code with fallbacks */
25
- --calcite-font-weight-light: 300; /* For Avenir Next World (secondary font family) */
23
+ --calcite-font-family: 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif; /** Primary font with fallbacks */
24
+ --calcite-font-family-code: Monaco, Consolas, 'Andale Mono', 'Lucida Console', monospace; /** Font family for code with fallbacks */
25
+ --calcite-font-weight-light: 300; /** For Avenir Next World (secondary font family) */
26
26
  --calcite-font-weight-regular: 400;
27
- --calcite-font-weight-normal: 400; /* For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word "regular" */
27
+ --calcite-font-weight-normal: 400; /** For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word "regular" */
28
28
  --calcite-font-weight-medium: 500;
29
29
  --calcite-font-weight-semibold: 600;
30
30
  --calcite-font-weight-bold: 600;
@@ -35,44 +35,44 @@
35
35
  --calcite-font-size-lg: 18px;
36
36
  --calcite-font-size-xl: 20px;
37
37
  --calcite-font-size-xxl: 24px;
38
- --calcite-font-style-emphasis: italic; /* used in ratings */
38
+ --calcite-font-style-emphasis: italic; /** used in ratings */
39
39
  --calcite-font-line-height-fixed-sm: 12px;
40
40
  --calcite-font-line-height-fixed-base: 16px;
41
41
  --calcite-font-line-height-fixed-lg: 20px;
42
42
  --calcite-font-line-height-fixed-xl: 24px;
43
- --calcite-font-line-height-relative: auto; /* 1 */
44
- --calcite-font-line-height-relative-tight: 1.25; /* 1.25 */
45
- --calcite-font-line-height-relative-snug: 1.375; /* 1.375 */
46
- --calcite-font-line-height-relative-normal: 1.5; /* 1.5 */
47
- --calcite-font-line-height-relative-relaxed: 1.625; /* 1.625 */
48
- --calcite-font-line-height-relative-loose: 2; /* 2 */
49
- --calcite-font-letter-spacing-tight: -0.4px; /* Deprecated */
50
- --calcite-font-letter-spacing-normal: 0; /* Deprecated */
51
- --calcite-font-letter-spacing-wide: 0.4px; /* Deprecated */
52
- --calcite-font-paragraph-spacing-normal: 4px; /* Deprecated */
53
- --calcite-font-text-decoration-none: none; /* Deprecated */
54
- --calcite-font-text-decoration-underline: underline; /* Deprecated */
55
- --calcite-font-text-case-none: none; /* Deprecated */
56
- --calcite-font-text-case-uppercase: uppercase; /* Deprecated */
57
- --calcite-font-text-case-lowercase: lowercase; /* Deprecated */
58
- --calcite-font-text-case-capitalize: capitalize; /* Deprecated */
43
+ --calcite-font-line-height-relative: auto; /** 1 */
44
+ --calcite-font-line-height-relative-tight: 1.25; /** 1.25 */
45
+ --calcite-font-line-height-relative-snug: 1.375; /** 1.375 */
46
+ --calcite-font-line-height-relative-normal: 1.5; /** 1.5 */
47
+ --calcite-font-line-height-relative-relaxed: 1.625; /** 1.625 */
48
+ --calcite-font-line-height-relative-loose: 2; /** 2 */
49
+ --calcite-font-letter-spacing-tight: -0.4px; /** Deprecated */
50
+ --calcite-font-letter-spacing-normal: 0; /** Deprecated */
51
+ --calcite-font-letter-spacing-wide: 0.4px; /** Deprecated */
52
+ --calcite-font-paragraph-spacing-normal: 4px; /** Deprecated */
53
+ --calcite-font-text-decoration-none: none; /** Deprecated */
54
+ --calcite-font-text-decoration-underline: underline; /** Deprecated */
55
+ --calcite-font-text-case-none: none; /** Deprecated */
56
+ --calcite-font-text-case-uppercase: uppercase; /** Deprecated */
57
+ --calcite-font-text-case-lowercase: lowercase; /** Deprecated */
58
+ --calcite-font-text-case-capitalize: capitalize; /** Deprecated */
59
59
  --calcite-opacity-light: 0.4;
60
60
  --calcite-opacity-half: 0.5;
61
61
  --calcite-opacity-dark: 0.85;
62
62
  --calcite-opacity-full: 1;
63
63
  --calcite-opacity-disabled: 0.5;
64
64
  --calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);
65
- --calcite-size-fixed-xxxs: 2px; /* deprecated */
66
- --calcite-size-fixed-xxs: 4px; /* deprecated */
67
- --calcite-size-fixed-xs: 6px; /* deprecated */
68
- --calcite-size-fixed-sm: 8px; /* deprecated */
69
- --calcite-size-fixed-sm-plus: 10px; /* deprecated */
70
- --calcite-size-fixed-md: 12px; /* deprecated */
71
- --calcite-size-fixed-md-plus: 14px; /* deprecated */
72
- --calcite-size-fixed-lg: 16px; /* deprecated */
73
- --calcite-size-fixed-xl: 20px; /* deprecated */
74
- --calcite-size-fixed-xxl: 24px; /* deprecated */
75
- --calcite-size-fixed-xxxl: 32px; /* deprecated */
65
+ --calcite-size-fixed-xxxs: 2px; /** deprecated */
66
+ --calcite-size-fixed-xxs: 4px; /** deprecated */
67
+ --calcite-size-fixed-xs: 6px; /** deprecated */
68
+ --calcite-size-fixed-sm: 8px; /** deprecated */
69
+ --calcite-size-fixed-sm-plus: 10px; /** deprecated */
70
+ --calcite-size-fixed-md: 12px; /** deprecated */
71
+ --calcite-size-fixed-md-plus: 14px; /** deprecated */
72
+ --calcite-size-fixed-lg: 16px; /** deprecated */
73
+ --calcite-size-fixed-xl: 20px; /** deprecated */
74
+ --calcite-size-fixed-xxl: 24px; /** deprecated */
75
+ --calcite-size-fixed-xxxl: 32px; /** deprecated */
76
76
  --calcite-size-px: 1px;
77
77
  --calcite-size-xxxs: 0.75rem;
78
78
  --calcite-size-xxs: 0.875rem;
@@ -83,14 +83,14 @@
83
83
  --calcite-size-xl: 3rem;
84
84
  --calcite-size-xxl: 4rem;
85
85
  --calcite-size-xxxl: 6rem;
86
- --calcite-spacing-fixed-xxs: 4px; /* deprecated */
87
- --calcite-spacing-fixed-xs: 6px; /* deprecated */
88
- --calcite-spacing-fixed-sm: 8px; /* deprecated */
89
- --calcite-spacing-fixed-md: 12px; /* deprecated */
90
- --calcite-spacing-fixed-lg: 14px; /* deprecated */
91
- --calcite-spacing-fixed-xl: 16px; /* deprecated */
92
- --calcite-spacing-fixed-xxl: 20px; /* deprecated */
93
- --calcite-spacing-fixed-xxxl: 32px; /* deprecated */
86
+ --calcite-spacing-fixed-xxs: 4px; /** deprecated */
87
+ --calcite-spacing-fixed-xs: 6px; /** deprecated */
88
+ --calcite-spacing-fixed-sm: 8px; /** deprecated */
89
+ --calcite-spacing-fixed-md: 12px; /** deprecated */
90
+ --calcite-spacing-fixed-lg: 14px; /** deprecated */
91
+ --calcite-spacing-fixed-xl: 16px; /** deprecated */
92
+ --calcite-spacing-fixed-xxl: 20px; /** deprecated */
93
+ --calcite-spacing-fixed-xxxl: 32px; /** deprecated */
94
94
  --calcite-spacing-none: 0;
95
95
  --calcite-spacing-px: 1px;
96
96
  --calcite-spacing-base: 2px;
package/dist/css/semantic.css CHANGED
@@ -4,47 +4,47 @@
4
4
  */
5
5
 
6
6
  :root {
7
- --calcite-container-size-height-xxs-min: 0; /* Small handheld devices and mini-windows */
8
- --calcite-container-size-width-xxs-min: 0; /* Small handheld devices and mini-windows */
7
+ --calcite-container-size-height-xxs-min: 0; /** Small handheld devices and mini-windows */
8
+ --calcite-container-size-width-xxs-min: 0; /** Small handheld devices and mini-windows */
9
9
  --calcite-border-width-none: 0;
10
10
  --calcite-border-width-sm: 1px;
11
11
  --calcite-border-width-md: 2px;
12
12
  --calcite-border-width-lg: 4px;
13
- --calcite-container-size-height-xxs-max: 154px; /* Small handheld devices and mini-windows */
14
- --calcite-container-size-height-xs-min: 155px; /* Handheld devices */
15
- --calcite-container-size-height-xs-max: 328px; /* Handheld devices */
16
- --calcite-container-size-height-sm-min: 329px; /* Small tablets */
17
- --calcite-container-size-height-sm-max: 504px; /* Small tablets */
18
- --calcite-container-size-height-md-min: 505px; /* Small laptops */
19
- --calcite-container-size-height-md-max: 678px; /* Small laptops */
20
- --calcite-container-size-height-lg-min: 679px; /* Large laptops and desktop computers */
21
- --calcite-container-size-height-lg-max: 854px; /* Large laptops and desktop computers */
22
- --calcite-container-size-height-xl-min: 855px; /* Projectors and televisions */
23
- --calcite-container-size-width-xxs-max: 320px; /* Small handheld devices and mini-windows */
24
- --calcite-container-size-width-xs-min: 321px; /* Handheld devices */
25
- --calcite-container-size-width-xs-max: 476px; /* Handheld devices */
26
- --calcite-container-size-width-sm-min: 477px; /* Small tablets */
27
- --calcite-container-size-width-sm-max: 768px; /* Small tablets */
28
- --calcite-container-size-width-md-min: 769px; /* Small laptops */
29
- --calcite-container-size-width-md-max: 1152px; /* Small laptops */
30
- --calcite-container-size-width-lg-min: 1153px; /* Large laptops and desktop computers */
31
- --calcite-container-size-width-lg-max: 1440px; /* Large laptops and desktop computers */
32
- --calcite-container-size-width-xl-min: 1441px; /* Projectors and televisions */
13
+ --calcite-container-size-height-xxs-max: 154px; /** Small handheld devices and mini-windows */
14
+ --calcite-container-size-height-xs-min: 155px; /** Handheld devices */
15
+ --calcite-container-size-height-xs-max: 328px; /** Handheld devices */
16
+ --calcite-container-size-height-sm-min: 329px; /** Small tablets */
17
+ --calcite-container-size-height-sm-max: 504px; /** Small tablets */
18
+ --calcite-container-size-height-md-min: 505px; /** Small laptops */
19
+ --calcite-container-size-height-md-max: 678px; /** Small laptops */
20
+ --calcite-container-size-height-lg-min: 679px; /** Large laptops and desktop computers */
21
+ --calcite-container-size-height-lg-max: 854px; /** Large laptops and desktop computers */
22
+ --calcite-container-size-height-xl-min: 855px; /** Projectors and televisions */
23
+ --calcite-container-size-width-xxs-max: 320px; /** Small handheld devices and mini-windows */
24
+ --calcite-container-size-width-xs-min: 321px; /** Handheld devices */
25
+ --calcite-container-size-width-xs-max: 476px; /** Handheld devices */
26
+ --calcite-container-size-width-sm-min: 477px; /** Small tablets */
27
+ --calcite-container-size-width-sm-max: 768px; /** Small tablets */
28
+ --calcite-container-size-width-md-min: 769px; /** Small laptops */
29
+ --calcite-container-size-width-md-max: 1152px; /** Small laptops */
30
+ --calcite-container-size-width-lg-min: 1153px; /** Large laptops and desktop computers */
31
+ --calcite-container-size-width-lg-max: 1440px; /** Large laptops and desktop computers */
32
+ --calcite-container-size-width-xl-min: 1441px; /** Projectors and televisions */
33
33
  --calcite-container-size-margin: 24px;
34
34
  --calcite-container-size-gutter: 16px;
35
- --calcite-container-size-content-fluid: 100%; /* for fluid grid widths */
36
- --calcite-container-size-content-fixed: 1440px; /* only for lg breakpoint fixed grid width */
37
- --calcite-corner-radius-sharp: 0; /* deprecated, use --calcite-conder-radius-none instead */
35
+ --calcite-container-size-content-fluid: 100%; /** for fluid grid widths */
36
+ --calcite-container-size-content-fixed: 1440px; /** only for lg breakpoint fixed grid width */
37
+ --calcite-corner-radius-sharp: 0; /** deprecated, use --calcite-conder-radius-none instead */
38
38
  --calcite-corner-radius-none: 0;
39
39
  --calcite-corner-radius-xs: 2px;
40
40
  --calcite-corner-radius-sm: 4px;
41
- --calcite-corner-radius-round: 4px; /* deprecated, use --calcite-corner-radius-sm instead */
41
+ --calcite-corner-radius-round: 4px; /** deprecated, use --calcite-corner-radius-sm instead */
42
42
  --calcite-corner-radius-pill: 100%;
43
- --calcite-font-family: 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif; /* Primary font with fallbacks */
44
- --calcite-font-family-code: Monaco, Consolas, 'Andale Mono', 'Lucida Console', monospace; /* Font family for code with fallbacks */
45
- --calcite-font-weight-light: 300; /* For Avenir Next World (secondary font family) */
43
+ --calcite-font-family: 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif; /** Primary font with fallbacks */
44
+ --calcite-font-family-code: Monaco, Consolas, 'Andale Mono', 'Lucida Console', monospace; /** Font family for code with fallbacks */
45
+ --calcite-font-weight-light: 300; /** For Avenir Next World (secondary font family) */
46
46
  --calcite-font-weight-regular: 400;
47
- --calcite-font-weight-normal: 400; /* For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word "regular" */
47
+ --calcite-font-weight-normal: 400; /** For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word "regular" */
48
48
  --calcite-font-weight-medium: 500;
49
49
  --calcite-font-weight-semibold: 600;
50
50
  --calcite-font-weight-bold: 600;
@@ -55,44 +55,44 @@
55
55
  --calcite-font-size-lg: 18px;
56
56
  --calcite-font-size-xl: 20px;
57
57
  --calcite-font-size-xxl: 24px;
58
- --calcite-font-style-emphasis: italic; /* used in ratings */
58
+ --calcite-font-style-emphasis: italic; /** used in ratings */
59
59
  --calcite-font-line-height-fixed-sm: 12px;
60
60
  --calcite-font-line-height-fixed-base: 16px;
61
61
  --calcite-font-line-height-fixed-lg: 20px;
62
62
  --calcite-font-line-height-fixed-xl: 24px;
63
- --calcite-font-line-height-relative: auto; /* 1 */
64
- --calcite-font-line-height-relative-tight: 1.25; /* 1.25 */
65
- --calcite-font-line-height-relative-snug: 1.375; /* 1.375 */
66
- --calcite-font-line-height-relative-normal: 1.5; /* 1.5 */
67
- --calcite-font-line-height-relative-relaxed: 1.625; /* 1.625 */
68
- --calcite-font-line-height-relative-loose: 2; /* 2 */
69
- --calcite-font-letter-spacing-tight: -0.4px; /* Deprecated */
70
- --calcite-font-letter-spacing-normal: 0; /* Deprecated */
71
- --calcite-font-letter-spacing-wide: 0.4px; /* Deprecated */
72
- --calcite-font-paragraph-spacing-normal: 4px; /* Deprecated */
73
- --calcite-font-text-decoration-none: none; /* Deprecated */
74
- --calcite-font-text-decoration-underline: underline; /* Deprecated */
75
- --calcite-font-text-case-none: none; /* Deprecated */
76
- --calcite-font-text-case-uppercase: uppercase; /* Deprecated */
77
- --calcite-font-text-case-lowercase: lowercase; /* Deprecated */
78
- --calcite-font-text-case-capitalize: capitalize; /* Deprecated */
63
+ --calcite-font-line-height-relative: auto; /** 1 */
64
+ --calcite-font-line-height-relative-tight: 1.25; /** 1.25 */
65
+ --calcite-font-line-height-relative-snug: 1.375; /** 1.375 */
66
+ --calcite-font-line-height-relative-normal: 1.5; /** 1.5 */
67
+ --calcite-font-line-height-relative-relaxed: 1.625; /** 1.625 */
68
+ --calcite-font-line-height-relative-loose: 2; /** 2 */
69
+ --calcite-font-letter-spacing-tight: -0.4px; /** Deprecated */
70
+ --calcite-font-letter-spacing-normal: 0; /** Deprecated */
71
+ --calcite-font-letter-spacing-wide: 0.4px; /** Deprecated */
72
+ --calcite-font-paragraph-spacing-normal: 4px; /** Deprecated */
73
+ --calcite-font-text-decoration-none: none; /** Deprecated */
74
+ --calcite-font-text-decoration-underline: underline; /** Deprecated */
75
+ --calcite-font-text-case-none: none; /** Deprecated */
76
+ --calcite-font-text-case-uppercase: uppercase; /** Deprecated */
77
+ --calcite-font-text-case-lowercase: lowercase; /** Deprecated */
78
+ --calcite-font-text-case-capitalize: capitalize; /** Deprecated */
79
79
  --calcite-opacity-light: 0.4;
80
80
  --calcite-opacity-half: 0.5;
81
81
  --calcite-opacity-dark: 0.85;
82
82
  --calcite-opacity-full: 1;
83
83
  --calcite-opacity-disabled: 0.5;
84
84
  --calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);
85
- --calcite-size-fixed-xxxs: 2px; /* deprecated */
86
- --calcite-size-fixed-xxs: 4px; /* deprecated */
87
- --calcite-size-fixed-xs: 6px; /* deprecated */
88
- --calcite-size-fixed-sm: 8px; /* deprecated */
89
- --calcite-size-fixed-sm-plus: 10px; /* deprecated */
90
- --calcite-size-fixed-md: 12px; /* deprecated */
91
- --calcite-size-fixed-md-plus: 14px; /* deprecated */
92
- --calcite-size-fixed-lg: 16px; /* deprecated */
93
- --calcite-size-fixed-xl: 20px; /* deprecated */
94
- --calcite-size-fixed-xxl: 24px; /* deprecated */
95
- --calcite-size-fixed-xxxl: 32px; /* deprecated */
85
+ --calcite-size-fixed-xxxs: 2px; /** deprecated */
86
+ --calcite-size-fixed-xxs: 4px; /** deprecated */
87
+ --calcite-size-fixed-xs: 6px; /** deprecated */
88
+ --calcite-size-fixed-sm: 8px; /** deprecated */
89
+ --calcite-size-fixed-sm-plus: 10px; /** deprecated */
90
+ --calcite-size-fixed-md: 12px; /** deprecated */
91
+ --calcite-size-fixed-md-plus: 14px; /** deprecated */
92
+ --calcite-size-fixed-lg: 16px; /** deprecated */
93
+ --calcite-size-fixed-xl: 20px; /** deprecated */
94
+ --calcite-size-fixed-xxl: 24px; /** deprecated */
95
+ --calcite-size-fixed-xxxl: 32px; /** deprecated */
96
96
  --calcite-size-px: 1px;
97
97
  --calcite-size-xxxs: 0.75rem;
98
98
  --calcite-size-xxs: 0.875rem;
@@ -103,14 +103,14 @@
103
103
  --calcite-size-xl: 3rem;
104
104
  --calcite-size-xxl: 4rem;
105
105
  --calcite-size-xxxl: 6rem;
106
- --calcite-spacing-fixed-xxs: 4px; /* deprecated */
107
- --calcite-spacing-fixed-xs: 6px; /* deprecated */
108
- --calcite-spacing-fixed-sm: 8px; /* deprecated */
109
- --calcite-spacing-fixed-md: 12px; /* deprecated */
110
- --calcite-spacing-fixed-lg: 14px; /* deprecated */
111
- --calcite-spacing-fixed-xl: 16px; /* deprecated */
112
- --calcite-spacing-fixed-xxl: 20px; /* deprecated */
113
- --calcite-spacing-fixed-xxxl: 32px; /* deprecated */
106
+ --calcite-spacing-fixed-xxs: 4px; /** deprecated */
107
+ --calcite-spacing-fixed-xs: 6px; /** deprecated */
108
+ --calcite-spacing-fixed-sm: 8px; /** deprecated */
109
+ --calcite-spacing-fixed-md: 12px; /** deprecated */
110
+ --calcite-spacing-fixed-lg: 14px; /** deprecated */
111
+ --calcite-spacing-fixed-xl: 16px; /** deprecated */
112
+ --calcite-spacing-fixed-xxl: 20px; /** deprecated */
113
+ --calcite-spacing-fixed-xxxl: 32px; /** deprecated */
114
114
  --calcite-spacing-none: 0;
115
115
  --calcite-spacing-px: 1px;
116
116
  --calcite-spacing-base: 2px;
package/dist/docs/core.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1746138184577,
2
+ "timestamp": 1746661347327,
3
3
  "tokens": [
4
4
  {
5
5
  "value": "#ffffff",
package/dist/docs/dark.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1746138182007,
2
+ "timestamp": 1746661344844,
3
3
  "tokens": [
4
4
  {
5
5
  "value": "#363636",
package/dist/docs/global.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1746138184266,
2
+ "timestamp": 1746661347059,
3
3
  "tokens": [
4
4
  {
5
5
  "value": "{\"light\":\"#f7f7f7\",\"dark\":\"#363636\"}",
package/dist/docs/light.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1746138182952,
2
+ "timestamp": 1746661345751,
3
3
  "tokens": [
4
4
  {
5
5
  "value": "#f7f7f7",
package/dist/docs/semantic.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1746138184476,
2
+ "timestamp": 1746661347245,
3
3
  "tokens": [
4
4
  {
5
5
  "value": "0",
package/dist/es6/breakpoints.d.ts CHANGED
@@ -4,47 +4,26 @@
4
4
  */
5
5
 
6
6
  /** Small handheld devices and mini-windows */
7
- export const calciteContainerSizeHeightXxs: {
8
- min: string;
9
- max: string;
10
- }; /** Handheld devices */
11
- export const calciteContainerSizeHeightXs: {
12
- min: string;
13
- max: string;
14
- }; /** Small tablets */
15
- export const calciteContainerSizeHeightSm: {
16
- min: string;
17
- max: string;
18
- }; /** Small laptops */
19
- export const calciteContainerSizeHeightMd: {
20
- min: string;
21
- max: string;
22
- }; /** Large laptops and desktop computers */
23
- export const calciteContainerSizeHeightLg: {
24
- min: string;
25
- max: string;
26
- }; /** Projectors and televisions */
27
- export const calciteContainerSizeHeightXl: {
28
- min: string;
29
- }; /** Small handheld devices and mini-windows */
30
- export const calciteContainerSizeWidthXxs: {
31
- min: string;
32
- max: string;
33
- }; /** Handheld devices */
34
- export const calciteContainerSizeWidthXs: {
35
- min: string;
36
- max: string;
37
- }; /** Small tablets */
38
- export const calciteContainerSizeWidthSm: {
39
- min: string;
40
- max: string;
41
- }; /** Small laptops */
42
- export const calciteContainerSizeWidthMd: {
43
- min: string;
44
- max: string;
45
- }; /** Large laptops and desktop computers */
46
- export const calciteContainerSizeWidthLg: {
47
- min: string;
48
- max: string;
49
- }; /** Projectors and televisions */
7
+ export const calciteContainerSizeHeightXxs: { min: string; max: string };
8
+ /** Handheld devices */
9
+ export const calciteContainerSizeHeightXs: { min: string; max: string };
10
+ /** Small tablets */
11
+ export const calciteContainerSizeHeightSm: { min: string; max: string };
12
+ /** Small laptops */
13
+ export const calciteContainerSizeHeightMd: { min: string; max: string };
14
+ /** Large laptops and desktop computers */
15
+ export const calciteContainerSizeHeightLg: { min: string; max: string };
16
+ /** Projectors and televisions */
17
+ export const calciteContainerSizeHeightXl: { min: string };
18
+ /** Small handheld devices and mini-windows */
19
+ export const calciteContainerSizeWidthXxs: { min: string; max: string };
20
+ /** Handheld devices */
21
+ export const calciteContainerSizeWidthXs: { min: string; max: string };
22
+ /** Small tablets */
23
+ export const calciteContainerSizeWidthSm: { min: string; max: string };
24
+ /** Small laptops */
25
+ export const calciteContainerSizeWidthMd: { min: string; max: string };
26
+ /** Large laptops and desktop computers */
27
+ export const calciteContainerSizeWidthLg: { min: string; max: string };
28
+ /** Projectors and televisions */
50
29
  export const calciteContainerSizeWidthXl: { min: string };
package/dist/es6/core.d.ts CHANGED
@@ -476,35 +476,54 @@ export const calciteContainerSize678: string;
476
476
  export const calciteContainerSize768: string;
477
477
  export const calciteContainerSize854: string;
478
478
  export const calciteContainerSize1152: string;
479
- export const calciteContainerSize1440: string; /** Fallback for Monaco */
479
+ export const calciteContainerSize1440: string;
480
+ /** Fallback for Monaco */
480
481
  export const calciteFontFamilyAndaleMono: string;
481
482
  export const calciteFontFamilyAvenirNextPro: string;
482
- export const calciteFontFamilyAvenirNextWorld: string; /** Primary font family */
483
- export const calciteFontFamilyAvenirNext: string; /** Fallback for Avenir Next */
484
- export const calciteFontFamilyAvenir: string; /** Fallback for Monaco */
485
- export const calciteFontFamilyConsolas: string; /** Fallback for Avenir Next */
486
- export const calciteFontFamilyHelveticaNeue: string; /** Fallback for Monaco */
483
+ export const calciteFontFamilyAvenirNextWorld: string;
484
+ /** Primary font family */
485
+ export const calciteFontFamilyAvenirNext: string;
486
+ /** Fallback for Avenir Next */
487
+ export const calciteFontFamilyAvenir: string;
488
+ /** Fallback for Monaco */
489
+ export const calciteFontFamilyConsolas: string;
490
+ /** Fallback for Avenir Next */
491
+ export const calciteFontFamilyHelveticaNeue: string;
492
+ /** Fallback for Monaco */
487
493
  export const calciteFontFamilyLucidaConsole: string;
488
- export const calciteFontFamilyMonaco: string; /** Fallback for Monaco */
489
- export const calciteFontFamilyMonospace: string; /** Fallback for Avenir Next */
490
- export const calciteFontFamilySansSerif: string; /** used in ratings */
491
- export const calciteFontStyleItalic: string; /** only for Avenir Next World (secondary font family) */
494
+ export const calciteFontFamilyMonaco: string;
495
+ /** Fallback for Monaco */
496
+ export const calciteFontFamilyMonospace: string;
497
+ /** Fallback for Avenir Next */
498
+ export const calciteFontFamilySansSerif: string;
499
+ /** used in ratings */
500
+ export const calciteFontStyleItalic: string;
501
+ /** only for Avenir Next World (secondary font family) */
492
502
  export const calciteFontWeightUltralight: string;
493
- export const calciteFontWeightThin: string; /** only for Avenir Next World (secondary font family) */
503
+ export const calciteFontWeightThin: string;
504
+ /** only for Avenir Next World (secondary font family) */
494
505
  export const calciteFontWeightLight: string;
495
506
  export const calciteFontWeightRegular: string;
496
507
  export const calciteFontWeightMedium: string;
497
508
  export const calciteFontWeightMediumItalic: string;
498
509
  export const calciteFontWeightDemi: string;
499
- export const calciteFontWeightBold: string; /** only for Avenir Next World (secondary font family) */
500
- export const calciteFontWeightExtrabold: string; /** only for Avenir Next World (secondary font family) */
510
+ export const calciteFontWeightBold: string;
511
+ /** only for Avenir Next World (secondary font family) */
512
+ export const calciteFontWeightExtrabold: string;
513
+ /** only for Avenir Next World (secondary font family) */
501
514
  export const calciteFontWeightBlack: string;
502
- export const calciteFontWeightHeavy: string; /** Deprecated */
503
- export const calciteFontTextDecorationNone: string; /** Deprecated */
504
- export const calciteFontTextDecorationUnderline: string; /** Deprecated */
505
- export const calciteFontTextCaseNone: string; /** Deprecated */
506
- export const calciteFontTextCaseUppercase: string; /** Deprecated */
507
- export const calciteFontTextCaseLowercase: string; /** Deprecated */
515
+ export const calciteFontWeightHeavy: string;
516
+ /** Deprecated */
517
+ export const calciteFontTextDecorationNone: string;
518
+ /** Deprecated */
519
+ export const calciteFontTextDecorationUnderline: string;
520
+ /** Deprecated */
521
+ export const calciteFontTextCaseNone: string;
522
+ /** Deprecated */
523
+ export const calciteFontTextCaseUppercase: string;
524
+ /** Deprecated */
525
+ export const calciteFontTextCaseLowercase: string;
526
+ /** Deprecated */
508
527
  export const calciteFontTextCaseCapitalize: string;
509
528
  export const calciteOpacity0: string;
510
529
  export const calciteOpacity4: string;
package/dist/es6/global.d.ts CHANGED
@@ -56,65 +56,53 @@ export const calciteColorBorderWhite: { light: string; dark: string };
56
56
  export const calciteBorderWidthNone: string;
57
57
  export const calciteBorderWidthSm: string;
58
58
  export const calciteBorderWidthMd: string;
59
- export const calciteBorderWidthLg: string; /** Small handheld devices and mini-windows */
60
- export const calciteContainerSizeHeightXxs: {
61
- min: string;
62
- max: string;
63
- }; /** Handheld devices */
64
- export const calciteContainerSizeHeightXs: {
65
- min: string;
66
- max: string;
67
- }; /** Small tablets */
68
- export const calciteContainerSizeHeightSm: {
69
- min: string;
70
- max: string;
71
- }; /** Small laptops */
72
- export const calciteContainerSizeHeightMd: {
73
- min: string;
74
- max: string;
75
- }; /** Large laptops and desktop computers */
76
- export const calciteContainerSizeHeightLg: {
77
- min: string;
78
- max: string;
79
- }; /** Projectors and televisions */
80
- export const calciteContainerSizeHeightXl: {
81
- min: string;
82
- }; /** Small handheld devices and mini-windows */
83
- export const calciteContainerSizeWidthXxs: {
84
- min: string;
85
- max: string;
86
- }; /** Handheld devices */
87
- export const calciteContainerSizeWidthXs: {
88
- min: string;
89
- max: string;
90
- }; /** Small tablets */
91
- export const calciteContainerSizeWidthSm: {
92
- min: string;
93
- max: string;
94
- }; /** Small laptops */
95
- export const calciteContainerSizeWidthMd: {
96
- min: string;
97
- max: string;
98
- }; /** Large laptops and desktop computers */
99
- export const calciteContainerSizeWidthLg: {
100
- min: string;
101
- max: string;
102
- }; /** Projectors and televisions */
59
+ export const calciteBorderWidthLg: string;
60
+ /** Small handheld devices and mini-windows */
61
+ export const calciteContainerSizeHeightXxs: { min: string; max: string };
62
+ /** Handheld devices */
63
+ export const calciteContainerSizeHeightXs: { min: string; max: string };
64
+ /** Small tablets */
65
+ export const calciteContainerSizeHeightSm: { min: string; max: string };
66
+ /** Small laptops */
67
+ export const calciteContainerSizeHeightMd: { min: string; max: string };
68
+ /** Large laptops and desktop computers */
69
+ export const calciteContainerSizeHeightLg: { min: string; max: string };
70
+ /** Projectors and televisions */
71
+ export const calciteContainerSizeHeightXl: { min: string };
72
+ /** Small handheld devices and mini-windows */
73
+ export const calciteContainerSizeWidthXxs: { min: string; max: string };
74
+ /** Handheld devices */
75
+ export const calciteContainerSizeWidthXs: { min: string; max: string };
76
+ /** Small tablets */
77
+ export const calciteContainerSizeWidthSm: { min: string; max: string };
78
+ /** Small laptops */
79
+ export const calciteContainerSizeWidthMd: { min: string; max: string };
80
+ /** Large laptops and desktop computers */
81
+ export const calciteContainerSizeWidthLg: { min: string; max: string };
82
+ /** Projectors and televisions */
103
83
  export const calciteContainerSizeWidthXl: { min: string };
104
84
  export const calciteContainerSizeMargin: string;
105
- export const calciteContainerSizeGutter: string; /** for fluid grid widths */
106
- export const calciteContainerSizeContentFluid: string; /** only for lg breakpoint fixed grid width */
85
+ export const calciteContainerSizeGutter: string;
86
+ /** for fluid grid widths */
87
+ export const calciteContainerSizeContentFluid: string;
88
+ /** only for lg breakpoint fixed grid width */
107
89
  export const calciteContainerSizeContentFixed: string;
108
- export const calciteCornerRadius: string; /** deprecated, use --calcite-conder-radius-none instead */
90
+ export const calciteCornerRadius: string;
91
+ /** deprecated, use --calcite-conder-radius-none instead */
109
92
  export const calciteCornerRadiusSharp: string;
110
93
  export const calciteCornerRadiusNone: string;
111
94
  export const calciteCornerRadiusXs: string;
112
- export const calciteCornerRadiusSm: string; /** deprecated, use --calcite-corner-radius-sm instead */
95
+ export const calciteCornerRadiusSm: string;
96
+ /** deprecated, use --calcite-corner-radius-sm instead */
113
97
  export const calciteCornerRadiusRound: string;
114
- export const calciteCornerRadiusPill: string; /** Primary font with fallbacks */
115
- export const calciteFontFamily: string[]; /** Font family for code with fallbacks */
116
- export const calciteFontFamilyCode: string[]; /** For Avenir Next World (secondary font family) */
117
- export const calciteFontWeightLight: string; /** For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word "regular" */
98
+ export const calciteCornerRadiusPill: string;
99
+ /** Primary font with fallbacks */
100
+ export const calciteFontFamily: string[];
101
+ /** Font family for code with fallbacks */
102
+ export const calciteFontFamilyCode: string[];
103
+ /** For Avenir Next World (secondary font family) */
104
+ export const calciteFontWeightLight: string;
105
+ /** For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word "regular" */
118
106
  export const calciteFontWeightNormal: string;
119
107
  export const calciteFontWeightRegular: string;
120
108
  export const calciteFontWeightMedium: string;
@@ -126,27 +114,44 @@ export const calciteFontSize: string;
126
114
  export const calciteFontSizeMd: string;
127
115
  export const calciteFontSizeLg: string;
128
116
  export const calciteFontSizeXl: string;
129
- export const calciteFontSizeXxl: string; /** used in ratings */
117
+ export const calciteFontSizeXxl: string;
118
+ /** used in ratings */
130
119
  export const calciteFontStyleEmphasis: string;
131
120
  export const calciteFontLineHeightFixedSm: string;
132
121
  export const calciteFontLineHeightFixedBase: string;
133
122
  export const calciteFontLineHeightFixedLg: string;
134
- export const calciteFontLineHeightFixedXl: string; /** 1 */
135
- export const calciteFontLineHeightRelative: string; /** 1.25 */
136
- export const calciteFontLineHeightRelativeTight: string; /** 1.375 */
137
- export const calciteFontLineHeightRelativeSnug: string; /** 1.5 */
138
- export const calciteFontLineHeightRelativeNormal: string; /** 1.625 */
139
- export const calciteFontLineHeightRelativeRelaxed: string; /** 2 */
140
- export const calciteFontLineHeightRelativeLoose: string; /** Deprecated */
141
- export const calciteFontLetterSpacingTight: string; /** Deprecated */
142
- export const calciteFontLetterSpacingNormal: string; /** Deprecated */
143
- export const calciteFontLetterSpacingWide: string; /** Deprecated */
144
- export const calciteFontParagraphSpacingNormal: string; /** Deprecated */
145
- export const calciteFontTextDecorationNone: string; /** Deprecated */
146
- export const calciteFontTextDecorationUnderline: string; /** Deprecated */
147
- export const calciteFontTextCaseNone: string; /** Deprecated */
148
- export const calciteFontTextCaseUppercase: string; /** Deprecated */
149
- export const calciteFontTextCaseLowercase: string; /** Deprecated */
123
+ export const calciteFontLineHeightFixedXl: string;
124
+ /** 1 */
125
+ export const calciteFontLineHeightRelative: string;
126
+ /** 1.25 */
127
+ export const calciteFontLineHeightRelativeTight: string;
128
+ /** 1.375 */
129
+ export const calciteFontLineHeightRelativeSnug: string;
130
+ /** 1.5 */
131
+ export const calciteFontLineHeightRelativeNormal: string;
132
+ /** 1.625 */
133
+ export const calciteFontLineHeightRelativeRelaxed: string;
134
+ /** 2 */
135
+ export const calciteFontLineHeightRelativeLoose: string;
136
+ /** Deprecated */
137
+ export const calciteFontLetterSpacingTight: string;
138
+ /** Deprecated */
139
+ export const calciteFontLetterSpacingNormal: string;
140
+ /** Deprecated */
141
+ export const calciteFontLetterSpacingWide: string;
142
+ /** Deprecated */
143
+ export const calciteFontParagraphSpacingNormal: string;
144
+ /** Deprecated */
145
+ export const calciteFontTextDecorationNone: string;
146
+ /** Deprecated */
147
+ export const calciteFontTextDecorationUnderline: string;
148
+ /** Deprecated */
149
+ export const calciteFontTextCaseNone: string;
150
+ /** Deprecated */
151
+ export const calciteFontTextCaseUppercase: string;
152
+ /** Deprecated */
153
+ export const calciteFontTextCaseLowercase: string;
154
+ /** Deprecated */
150
155
  export const calciteFontTextCaseCapitalize: string;
151
156
  export const calciteOpacityLight: string;
152
157
  export const calciteOpacityHalf: string;
@@ -173,17 +178,28 @@ export const calciteShadowMd: {
173
178
  color: string;
174
179
  x: string;
175
180
  y: string;
176
- }[]; /** deprecated */
177
- export const calciteSizeFixedXxxs: string; /** deprecated */
178
- export const calciteSizeFixedXxs: string; /** deprecated */
179
- export const calciteSizeFixedXs: string; /** deprecated */
180
- export const calciteSizeFixedSm: string; /** deprecated */
181
- export const calciteSizeFixedSmPlus: string; /** deprecated */
182
- export const calciteSizeFixedMd: string; /** deprecated */
183
- export const calciteSizeFixedMdPlus: string; /** deprecated */
184
- export const calciteSizeFixedLg: string; /** deprecated */
185
- export const calciteSizeFixedXl: string; /** deprecated */
186
- export const calciteSizeFixedXxl: string; /** deprecated */
181
+ }[];
182
+ /** deprecated */
183
+ export const calciteSizeFixedXxxs: string;
184
+ /** deprecated */
185
+ export const calciteSizeFixedXxs: string;
186
+ /** deprecated */
187
+ export const calciteSizeFixedXs: string;
188
+ /** deprecated */
189
+ export const calciteSizeFixedSm: string;
190
+ /** deprecated */
191
+ export const calciteSizeFixedSmPlus: string;
192
+ /** deprecated */
193
+ export const calciteSizeFixedMd: string;
194
+ /** deprecated */
195
+ export const calciteSizeFixedMdPlus: string;
196
+ /** deprecated */
197
+ export const calciteSizeFixedLg: string;
198
+ /** deprecated */
199
+ export const calciteSizeFixedXl: string;
200
+ /** deprecated */
201
+ export const calciteSizeFixedXxl: string;
202
+ /** deprecated */
187
203
  export const calciteSizeFixedXxxl: string;
188
204
  export const calciteSizePx: string;
189
205
  export const calciteSizeXxxs: string;
@@ -194,14 +210,22 @@ export const calciteSizeMd: string;
194
210
  export const calciteSizeLg: string;
195
211
  export const calciteSizeXl: string;
196
212
  export const calciteSizeXxl: string;
197
- export const calciteSizeXxxl: string; /** deprecated */
198
- export const calciteSpacingFixedXxs: string; /** deprecated */
199
- export const calciteSpacingFixedXs: string; /** deprecated */
200
- export const calciteSpacingFixedSm: string; /** deprecated */
201
- export const calciteSpacingFixedMd: string; /** deprecated */
202
- export const calciteSpacingFixedLg: string; /** deprecated */
203
- export const calciteSpacingFixedXl: string; /** deprecated */
204
- export const calciteSpacingFixedXxl: string; /** deprecated */
213
+ export const calciteSizeXxxl: string;
214
+ /** deprecated */
215
+ export const calciteSpacingFixedXxs: string;
216
+ /** deprecated */
217
+ export const calciteSpacingFixedXs: string;
218
+ /** deprecated */
219
+ export const calciteSpacingFixedSm: string;
220
+ /** deprecated */
221
+ export const calciteSpacingFixedMd: string;
222
+ /** deprecated */
223
+ export const calciteSpacingFixedLg: string;
224
+ /** deprecated */
225
+ export const calciteSpacingFixedXl: string;
226
+ /** deprecated */
227
+ export const calciteSpacingFixedXxl: string;
228
+ /** deprecated */
205
229
  export const calciteSpacingFixedXxxl: string;
206
230
  export const calciteSpacingNone: string;
207
231
  export const calciteSpacingPx: string;
package/dist/es6/semantic.d.ts CHANGED
@@ -6,65 +6,53 @@
6
6
  export const calciteBorderWidthNone: string;
7
7
  export const calciteBorderWidthSm: string;
8
8
  export const calciteBorderWidthMd: string;
9
- export const calciteBorderWidthLg: string; /** Small handheld devices and mini-windows */
10
- export const calciteContainerSizeHeightXxs: {
11
- min: string;
12
- max: string;
13
- }; /** Handheld devices */
14
- export const calciteContainerSizeHeightXs: {
15
- min: string;
16
- max: string;
17
- }; /** Small tablets */
18
- export const calciteContainerSizeHeightSm: {
19
- min: string;
20
- max: string;
21
- }; /** Small laptops */
22
- export const calciteContainerSizeHeightMd: {
23
- min: string;
24
- max: string;
25
- }; /** Large laptops and desktop computers */
26
- export const calciteContainerSizeHeightLg: {
27
- min: string;
28
- max: string;
29
- }; /** Projectors and televisions */
30
- export const calciteContainerSizeHeightXl: {
31
- min: string;
32
- }; /** Small handheld devices and mini-windows */
33
- export const calciteContainerSizeWidthXxs: {
34
- min: string;
35
- max: string;
36
- }; /** Handheld devices */
37
- export const calciteContainerSizeWidthXs: {
38
- min: string;
39
- max: string;
40
- }; /** Small tablets */
41
- export const calciteContainerSizeWidthSm: {
42
- min: string;
43
- max: string;
44
- }; /** Small laptops */
45
- export const calciteContainerSizeWidthMd: {
46
- min: string;
47
- max: string;
48
- }; /** Large laptops and desktop computers */
49
- export const calciteContainerSizeWidthLg: {
50
- min: string;
51
- max: string;
52
- }; /** Projectors and televisions */
9
+ export const calciteBorderWidthLg: string;
10
+ /** Small handheld devices and mini-windows */
11
+ export const calciteContainerSizeHeightXxs: { min: string; max: string };
12
+ /** Handheld devices */
13
+ export const calciteContainerSizeHeightXs: { min: string; max: string };
14
+ /** Small tablets */
15
+ export const calciteContainerSizeHeightSm: { min: string; max: string };
16
+ /** Small laptops */
17
+ export const calciteContainerSizeHeightMd: { min: string; max: string };
18
+ /** Large laptops and desktop computers */
19
+ export const calciteContainerSizeHeightLg: { min: string; max: string };
20
+ /** Projectors and televisions */
21
+ export const calciteContainerSizeHeightXl: { min: string };
22
+ /** Small handheld devices and mini-windows */
23
+ export const calciteContainerSizeWidthXxs: { min: string; max: string };
24
+ /** Handheld devices */
25
+ export const calciteContainerSizeWidthXs: { min: string; max: string };
26
+ /** Small tablets */
27
+ export const calciteContainerSizeWidthSm: { min: string; max: string };
28
+ /** Small laptops */
29
+ export const calciteContainerSizeWidthMd: { min: string; max: string };
30
+ /** Large laptops and desktop computers */
31
+ export const calciteContainerSizeWidthLg: { min: string; max: string };
32
+ /** Projectors and televisions */
53
33
  export const calciteContainerSizeWidthXl: { min: string };
54
34
  export const calciteContainerSizeMargin: string;
55
- export const calciteContainerSizeGutter: string; /** for fluid grid widths */
56
- export const calciteContainerSizeContentFluid: string; /** only for lg breakpoint fixed grid width */
35
+ export const calciteContainerSizeGutter: string;
36
+ /** for fluid grid widths */
37
+ export const calciteContainerSizeContentFluid: string;
38
+ /** only for lg breakpoint fixed grid width */
57
39
  export const calciteContainerSizeContentFixed: string;
58
- export const calciteCornerRadius: string; /** deprecated, use --calcite-conder-radius-none instead */
40
+ export const calciteCornerRadius: string;
41
+ /** deprecated, use --calcite-conder-radius-none instead */
59
42
  export const calciteCornerRadiusSharp: string;
60
43
  export const calciteCornerRadiusNone: string;
61
44
  export const calciteCornerRadiusXs: string;
62
- export const calciteCornerRadiusSm: string; /** deprecated, use --calcite-corner-radius-sm instead */
45
+ export const calciteCornerRadiusSm: string;
46
+ /** deprecated, use --calcite-corner-radius-sm instead */
63
47
  export const calciteCornerRadiusRound: string;
64
- export const calciteCornerRadiusPill: string; /** Primary font with fallbacks */
65
- export const calciteFontFamily: string[]; /** Font family for code with fallbacks */
66
- export const calciteFontFamilyCode: string[]; /** For Avenir Next World (secondary font family) */
67
- export const calciteFontWeightLight: string; /** For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word "regular" */
48
+ export const calciteCornerRadiusPill: string;
49
+ /** Primary font with fallbacks */
50
+ export const calciteFontFamily: string[];
51
+ /** Font family for code with fallbacks */
52
+ export const calciteFontFamilyCode: string[];
53
+ /** For Avenir Next World (secondary font family) */
54
+ export const calciteFontWeightLight: string;
55
+ /** For backwards compatibility only. This token will be removed from the published tokens in the next major in favor of the more descriptive word "regular" */
68
56
  export const calciteFontWeightNormal: string;
69
57
  export const calciteFontWeightRegular: string;
70
58
  export const calciteFontWeightMedium: string;
@@ -76,27 +64,44 @@ export const calciteFontSize: string;
76
64
  export const calciteFontSizeMd: string;
77
65
  export const calciteFontSizeLg: string;
78
66
  export const calciteFontSizeXl: string;
79
- export const calciteFontSizeXxl: string; /** used in ratings */
67
+ export const calciteFontSizeXxl: string;
68
+ /** used in ratings */
80
69
  export const calciteFontStyleEmphasis: string;
81
70
  export const calciteFontLineHeightFixedSm: string;
82
71
  export const calciteFontLineHeightFixedBase: string;
83
72
  export const calciteFontLineHeightFixedLg: string;
84
- export const calciteFontLineHeightFixedXl: string; /** 1 */
85
- export const calciteFontLineHeightRelative: string; /** 1.25 */
86
- export const calciteFontLineHeightRelativeTight: string; /** 1.375 */
87
- export const calciteFontLineHeightRelativeSnug: string; /** 1.5 */
88
- export const calciteFontLineHeightRelativeNormal: string; /** 1.625 */
89
- export const calciteFontLineHeightRelativeRelaxed: string; /** 2 */
90
- export const calciteFontLineHeightRelativeLoose: string; /** Deprecated */
91
- export const calciteFontLetterSpacingTight: string; /** Deprecated */
92
- export const calciteFontLetterSpacingNormal: string; /** Deprecated */
93
- export const calciteFontLetterSpacingWide: string; /** Deprecated */
94
- export const calciteFontParagraphSpacingNormal: string; /** Deprecated */
95
- export const calciteFontTextDecorationNone: string; /** Deprecated */
96
- export const calciteFontTextDecorationUnderline: string; /** Deprecated */
97
- export const calciteFontTextCaseNone: string; /** Deprecated */
98
- export const calciteFontTextCaseUppercase: string; /** Deprecated */
99
- export const calciteFontTextCaseLowercase: string; /** Deprecated */
73
+ export const calciteFontLineHeightFixedXl: string;
74
+ /** 1 */
75
+ export const calciteFontLineHeightRelative: string;
76
+ /** 1.25 */
77
+ export const calciteFontLineHeightRelativeTight: string;
78
+ /** 1.375 */
79
+ export const calciteFontLineHeightRelativeSnug: string;
80
+ /** 1.5 */
81
+ export const calciteFontLineHeightRelativeNormal: string;
82
+ /** 1.625 */
83
+ export const calciteFontLineHeightRelativeRelaxed: string;
84
+ /** 2 */
85
+ export const calciteFontLineHeightRelativeLoose: string;
86
+ /** Deprecated */
87
+ export const calciteFontLetterSpacingTight: string;
88
+ /** Deprecated */
89
+ export const calciteFontLetterSpacingNormal: string;
90
+ /** Deprecated */
91
+ export const calciteFontLetterSpacingWide: string;
92
+ /** Deprecated */
93
+ export const calciteFontParagraphSpacingNormal: string;
94
+ /** Deprecated */
95
+ export const calciteFontTextDecorationNone: string;
96
+ /** Deprecated */
97
+ export const calciteFontTextDecorationUnderline: string;
98
+ /** Deprecated */
99
+ export const calciteFontTextCaseNone: string;
100
+ /** Deprecated */
101
+ export const calciteFontTextCaseUppercase: string;
102
+ /** Deprecated */
103
+ export const calciteFontTextCaseLowercase: string;
104
+ /** Deprecated */
100
105
  export const calciteFontTextCaseCapitalize: string;
101
106
  export const calciteOpacityLight: string;
102
107
  export const calciteOpacityHalf: string;
@@ -123,17 +128,28 @@ export const calciteShadowMd: {
123
128
  color: string;
124
129
  x: string;
125
130
  y: string;
126
- }[]; /** deprecated */
127
- export const calciteSizeFixedXxxs: string; /** deprecated */
128
- export const calciteSizeFixedXxs: string; /** deprecated */
129
- export const calciteSizeFixedXs: string; /** deprecated */
130
- export const calciteSizeFixedSm: string; /** deprecated */
131
- export const calciteSizeFixedSmPlus: string; /** deprecated */
132
- export const calciteSizeFixedMd: string; /** deprecated */
133
- export const calciteSizeFixedMdPlus: string; /** deprecated */
134
- export const calciteSizeFixedLg: string; /** deprecated */
135
- export const calciteSizeFixedXl: string; /** deprecated */
136
- export const calciteSizeFixedXxl: string; /** deprecated */
131
+ }[];
132
+ /** deprecated */
133
+ export const calciteSizeFixedXxxs: string;
134
+ /** deprecated */
135
+ export const calciteSizeFixedXxs: string;
136
+ /** deprecated */
137
+ export const calciteSizeFixedXs: string;
138
+ /** deprecated */
139
+ export const calciteSizeFixedSm: string;
140
+ /** deprecated */
141
+ export const calciteSizeFixedSmPlus: string;
142
+ /** deprecated */
143
+ export const calciteSizeFixedMd: string;
144
+ /** deprecated */
145
+ export const calciteSizeFixedMdPlus: string;
146
+ /** deprecated */
147
+ export const calciteSizeFixedLg: string;
148
+ /** deprecated */
149
+ export const calciteSizeFixedXl: string;
150
+ /** deprecated */
151
+ export const calciteSizeFixedXxl: string;
152
+ /** deprecated */
137
153
  export const calciteSizeFixedXxxl: string;
138
154
  export const calciteSizePx: string;
139
155
  export const calciteSizeXxxs: string;
@@ -144,14 +160,22 @@ export const calciteSizeMd: string;
144
160
  export const calciteSizeLg: string;
145
161
  export const calciteSizeXl: string;
146
162
  export const calciteSizeXxl: string;
147
- export const calciteSizeXxxl: string; /** deprecated */
148
- export const calciteSpacingFixedXxs: string; /** deprecated */
149
- export const calciteSpacingFixedXs: string; /** deprecated */
150
- export const calciteSpacingFixedSm: string; /** deprecated */
151
- export const calciteSpacingFixedMd: string; /** deprecated */
152
- export const calciteSpacingFixedLg: string; /** deprecated */
153
- export const calciteSpacingFixedXl: string; /** deprecated */
154
- export const calciteSpacingFixedXxl: string; /** deprecated */
163
+ export const calciteSizeXxxl: string;
164
+ /** deprecated */
165
+ export const calciteSpacingFixedXxs: string;
166
+ /** deprecated */
167
+ export const calciteSpacingFixedXs: string;
168
+ /** deprecated */
169
+ export const calciteSpacingFixedSm: string;
170
+ /** deprecated */
171
+ export const calciteSpacingFixedMd: string;
172
+ /** deprecated */
173
+ export const calciteSpacingFixedLg: string;
174
+ /** deprecated */
175
+ export const calciteSpacingFixedXl: string;
176
+ /** deprecated */
177
+ export const calciteSpacingFixedXxl: string;
178
+ /** deprecated */
155
179
  export const calciteSpacingFixedXxxl: string;
156
180
  export const calciteSpacingNone: string;
157
181
  export const calciteSpacingPx: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@esri/calcite-design-tokens",
3
- "version": "3.1.0-next.6",
3
+ "version": "3.1.0-next.7",
4
4
  "description": "Esri's Calcite Design System Tokens",
5
5
  "keywords": [
6
6
  "Calcite",
@@ -45,5 +45,5 @@
45
45
  "devDependencies": {
46
46
  "vitest": "2.1.9"
47
47
  },
48
- "gitHead": "aa70ba6158402ccedad58815ba8eea56b4c776aa"
48
+ "gitHead": "9b117635c45a5bc9a40b87bc514ab90975040730"
49
49
  }