@esri/calcite-design-tokens 3.1.1-next.0 → 3.2.0-next.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 (35) hide show
  1. package/dist/css/core.css +2 -2
  2. package/dist/css/dark.css +3 -2
  3. package/dist/css/global.css +2 -2
  4. package/dist/css/index.css +12 -7
  5. package/dist/css/light.css +2 -1
  6. package/dist/css/semantic.css +22 -22
  7. package/dist/docs/core.json +1278 -1319
  8. package/dist/docs/dark.json +127 -90
  9. package/dist/docs/global.json +571 -484
  10. package/dist/docs/light.json +126 -89
  11. package/dist/docs/semantic.json +333 -283
  12. package/dist/es6/core.js +2 -2
  13. package/dist/es6/dark.d.ts +2 -0
  14. package/dist/es6/dark.js +3 -2
  15. package/dist/es6/global.d.ts +3 -1
  16. package/dist/es6/global.js +8 -4
  17. package/dist/es6/light.d.ts +2 -0
  18. package/dist/es6/light.js +2 -1
  19. package/dist/es6/semantic.d.ts +1 -1
  20. package/dist/es6/semantic.js +1 -1
  21. package/dist/js/core.js +1480 -806
  22. package/dist/js/dark.d.ts +2 -0
  23. package/dist/js/dark.js +141 -46
  24. package/dist/js/global.d.ts +1 -0
  25. package/dist/js/global.js +634 -372
  26. package/dist/js/light.d.ts +2 -0
  27. package/dist/js/light.js +140 -45
  28. package/dist/js/semantic.js +366 -208
  29. package/dist/scss/core.scss +2 -2
  30. package/dist/scss/dark.scss +3 -2
  31. package/dist/scss/global.scss +2 -2
  32. package/dist/scss/index.scss +5 -3
  33. package/dist/scss/light.scss +2 -1
  34. package/dist/scss/semantic.scss +22 -22
  35. package/package.json +3 -3
package/dist/es6/core.js CHANGED
@@ -168,7 +168,7 @@ export const calciteColorMediumSaturationBlueMBb050 = "#84c1e8";
168
168
  export const calciteColorMediumSaturationBlueMBb060 = "#6db5e3";
169
169
  export const calciteColorMediumSaturationBlueMBb070 = "#548eb4";
170
170
  export const calciteColorMediumSaturationBlueMBb080 = "#3a6884";
171
- export const calciteColorMediumSaturationBlueMBb090 = "#214155";
171
+ export const calciteColorMediumSaturationBlueMBb090 = "#2b465f";
172
172
  export const calciteColorMediumSaturationBlueMBb100 = "#071a26";
173
173
  export const calciteColorMediumSaturationGreenBlueMGb010 = "#dbf2f1";
174
174
  export const calciteColorMediumSaturationGreenBlueMGb020 = "#beedec";
@@ -290,7 +290,7 @@ export const calciteColorMediumSaturationVioletMVv070 = "#796397";
290
290
  export const calciteColorMediumSaturationVioletMVv080 = "#584572";
291
291
  export const calciteColorMediumSaturationVioletMVv090 = "#36264c";
292
292
  export const calciteColorMediumSaturationVioletMVv100 = "#140726";
293
- export const calciteColorHighSaturationBlueHBb010 = "#c7eaff";
293
+ export const calciteColorHighSaturationBlueHBb010 = "#d6efff";
294
294
  export const calciteColorHighSaturationBlueHBb020 = "#9fd4f3";
295
295
  export const calciteColorHighSaturationBlueHBb030 = "#77bde7";
296
296
  export const calciteColorHighSaturationBlueHBb040 = "#50a7da";
package/dist/es6/dark.d.ts CHANGED
@@ -8,7 +8,9 @@ export const calciteColorBackgroundNone: string;
8
8
  export const calciteColorForeground1: string;
9
9
  export const calciteColorForeground2: string;
10
10
  export const calciteColorForeground3: string;
11
+ /** deprecated, use --calcite-color-foreground-highlight instead */
11
12
  export const calciteColorForegroundCurrent: string;
13
+ export const calciteColorForegroundHighlight: string;
12
14
  export const calciteColorTransparent: string;
13
15
  export const calciteColorTransparentHover: string;
14
16
  export const calciteColorTransparentPress: string;
package/dist/es6/dark.js CHANGED
@@ -8,7 +8,8 @@ export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
8
8
  export const calciteColorForeground1 = "#2b2b2b";
9
9
  export const calciteColorForeground2 = "#212121";
10
10
  export const calciteColorForeground3 = "#141414";
11
- export const calciteColorForegroundCurrent = "#214155";
11
+ export const calciteColorForegroundCurrent = "#2b465f"; // deprecated, use --calcite-color-foreground-highlight instead
12
+ export const calciteColorForegroundHighlight = "#2b465f";
12
13
  export const calciteColorTransparent = "rgba(255, 255, 255, 0)";
13
14
  export const calciteColorTransparentHover = "rgba(255, 255, 255, 0.12)";
14
15
  export const calciteColorTransparentPress = "rgba(255, 255, 255, 0.16)";
@@ -38,7 +39,7 @@ export const calciteColorInversePress = "#f2f2f2";
38
39
  export const calciteColorText1 = "#ffffff";
39
40
  export const calciteColorText2 = "#bfbfbf";
40
41
  export const calciteColorText3 = "#9e9e9e";
41
- export const calciteColorTextHighlight = "#c7eaff";
42
+ export const calciteColorTextHighlight = "#d6efff";
42
43
  export const calciteColorTextInverse = "#141414";
43
44
  export const calciteColorTextLink = "#00a0ff";
44
45
  export const calciteColorBorder1 = "#545454";
package/dist/es6/global.d.ts CHANGED
@@ -9,7 +9,9 @@ export const calciteColorBackgroundNone: string;
9
9
  export const calciteColorForeground1: { light: string; dark: string };
10
10
  export const calciteColorForeground2: { light: string; dark: string };
11
11
  export const calciteColorForeground3: { light: string; dark: string };
12
+ /** deprecated, use --calcite-color-foreground-highlight instead */
12
13
  export const calciteColorForegroundCurrent: { light: string; dark: string };
14
+ export const calciteColorForegroundHighlight: { light: string; dark: string };
13
15
  export const calciteColorTransparent: { light: string; dark: string };
14
16
  export const calciteColorTransparentHover: { light: string; dark: string };
15
17
  export const calciteColorTransparentPress: { light: string; dark: string };
@@ -89,7 +91,7 @@ export const calciteContainerSizeContentFluid: string;
89
91
  /** only for lg breakpoint fixed grid width */
90
92
  export const calciteContainerSizeContentFixed: string;
91
93
  export const calciteCornerRadius: string;
92
- /** deprecated, use --calcite-conder-radius-none instead */
94
+ /** deprecated, use --calcite-corner-radius-none instead */
93
95
  export const calciteCornerRadiusSharp: string;
94
96
  export const calciteCornerRadiusNone: string;
95
97
  export const calciteCornerRadiusXs: string;
package/dist/es6/global.js CHANGED
@@ -10,8 +10,12 @@ export const calciteColorForeground1 = { light: "#ffffff", dark: "#2b2b2b" };
10
10
  export const calciteColorForeground2 = { light: "#f2f2f2", dark: "#212121" };
11
11
  export const calciteColorForeground3 = { light: "#ebebeb", dark: "#141414" };
12
12
  export const calciteColorForegroundCurrent = {
13
- light: "#c7eaff",
14
- dark: "#214155",
13
+ light: "#d6efff",
14
+ dark: "#2b465f",
15
+ }; // deprecated, use --calcite-color-foreground-highlight instead
16
+ export const calciteColorForegroundHighlight = {
17
+ light: "#d6efff",
18
+ dark: "#2b465f",
15
19
  };
16
20
  export const calciteColorTransparent = {
17
21
  light: "rgba(0, 0, 0, 0)",
@@ -90,7 +94,7 @@ export const calciteColorInversePress = { light: "#212121", dark: "#f2f2f2" };
90
94
  export const calciteColorText1 = { light: "#141414", dark: "#ffffff" };
91
95
  export const calciteColorText2 = { light: "#4a4a4a", dark: "#bfbfbf" };
92
96
  export const calciteColorText3 = { light: "#6b6b6b", dark: "#9e9e9e" };
93
- export const calciteColorTextHighlight = { light: "#004874", dark: "#c7eaff" };
97
+ export const calciteColorTextHighlight = { light: "#004874", dark: "#d6efff" };
94
98
  export const calciteColorTextInverse = { light: "#ffffff", dark: "#141414" };
95
99
  export const calciteColorTextLink = { light: "#00619b", dark: "#00a0ff" };
96
100
  export const calciteColorBorder1 = { light: "#c9c9c9", dark: "#545454" };
@@ -123,7 +127,7 @@ export const calciteContainerSizeGutter = "16px";
123
127
  export const calciteContainerSizeContentFluid = "100%"; // for fluid grid widths
124
128
  export const calciteContainerSizeContentFixed = "1440px"; // only for lg breakpoint fixed grid width
125
129
  export const calciteCornerRadius = "0";
126
- export const calciteCornerRadiusSharp = "0"; // deprecated, use --calcite-conder-radius-none instead
130
+ export const calciteCornerRadiusSharp = "0"; // deprecated, use --calcite-corner-radius-none instead
127
131
  export const calciteCornerRadiusNone = "0";
128
132
  export const calciteCornerRadiusXs = "2px";
129
133
  export const calciteCornerRadiusSm = "4px";
package/dist/es6/light.d.ts CHANGED
@@ -8,7 +8,9 @@ export const calciteColorBackgroundNone: string;
8
8
  export const calciteColorForeground1: string;
9
9
  export const calciteColorForeground2: string;
10
10
  export const calciteColorForeground3: string;
11
+ /** deprecated, use --calcite-color-foreground-highlight instead */
11
12
  export const calciteColorForegroundCurrent: string;
13
+ export const calciteColorForegroundHighlight: string;
12
14
  export const calciteColorTransparent: string;
13
15
  export const calciteColorTransparentHover: string;
14
16
  export const calciteColorTransparentPress: string;
package/dist/es6/light.js CHANGED
@@ -8,7 +8,8 @@ export const calciteColorBackgroundNone = "rgba(255, 255, 255, 0)";
8
8
  export const calciteColorForeground1 = "#ffffff";
9
9
  export const calciteColorForeground2 = "#f2f2f2";
10
10
  export const calciteColorForeground3 = "#ebebeb";
11
- export const calciteColorForegroundCurrent = "#c7eaff";
11
+ export const calciteColorForegroundCurrent = "#d6efff"; // deprecated, use --calcite-color-foreground-highlight instead
12
+ export const calciteColorForegroundHighlight = "#d6efff";
12
13
  export const calciteColorTransparent = "rgba(0, 0, 0, 0)";
13
14
  export const calciteColorTransparentHover = "rgba(0, 0, 0, 0.04)";
14
15
  export const calciteColorTransparentPress = "rgba(0, 0, 0, 0.08)";
package/dist/es6/semantic.d.ts CHANGED
@@ -38,7 +38,7 @@ export const calciteContainerSizeContentFluid: string;
38
38
  /** only for lg breakpoint fixed grid width */
39
39
  export const calciteContainerSizeContentFixed: string;
40
40
  export const calciteCornerRadius: string;
41
- /** deprecated, use --calcite-conder-radius-none instead */
41
+ /** deprecated, use --calcite-corner-radius-none instead */
42
42
  export const calciteCornerRadiusSharp: string;
43
43
  export const calciteCornerRadiusNone: string;
44
44
  export const calciteCornerRadiusXs: string;
package/dist/es6/semantic.js CHANGED
@@ -24,7 +24,7 @@ export const calciteContainerSizeGutter = "16px";
24
24
  export const calciteContainerSizeContentFluid = "100%"; // for fluid grid widths
25
25
  export const calciteContainerSizeContentFixed = "1440px"; // only for lg breakpoint fixed grid width
26
26
  export const calciteCornerRadius = "0";
27
- export const calciteCornerRadiusSharp = "0"; // deprecated, use --calcite-conder-radius-none instead
27
+ export const calciteCornerRadiusSharp = "0"; // deprecated, use --calcite-corner-radius-none instead
28
28
  export const calciteCornerRadiusNone = "0";
29
29
  export const calciteCornerRadiusXs = "2px";
30
30
  export const calciteCornerRadiusSm = "4px";