@esri/calcite-design-tokens 3.2.0-next.1 → 3.2.0-next.10

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 (31) hide show
  1. package/dist/css/dark.css +2 -2
  2. package/dist/css/index.css +10 -10
  3. package/dist/css/light.css +2 -2
  4. package/dist/css/semantic.css +0 -22
  5. package/dist/docs/core.json +464 -1
  6. package/dist/docs/dark.json +82 -24
  7. package/dist/docs/global.json +281 -183
  8. package/dist/docs/light.json +74 -14
  9. package/dist/docs/semantic.json +132 -572
  10. package/dist/es6/dark.d.ts +2 -2
  11. package/dist/es6/dark.js +2 -2
  12. package/dist/es6/global.d.ts +2 -2
  13. package/dist/es6/global.js +2 -2
  14. package/dist/es6/light.d.ts +2 -2
  15. package/dist/es6/light.js +2 -2
  16. package/dist/es6/semantic.d.ts +0 -24
  17. package/dist/es6/semantic.js +0 -12
  18. package/dist/js/core.js +926 -0
  19. package/dist/js/dark.d.ts +2 -2
  20. package/dist/js/dark.js +161 -38
  21. package/dist/js/global.d.ts +10 -10
  22. package/dist/js/global.js +627 -424
  23. package/dist/js/light.d.ts +2 -2
  24. package/dist/js/light.js +137 -16
  25. package/dist/js/semantic.d.ts +8 -26
  26. package/dist/js/semantic.js +358 -934
  27. package/dist/scss/dark.scss +2 -2
  28. package/dist/scss/index.scss +4 -4
  29. package/dist/scss/light.scss +2 -2
  30. package/dist/scss/semantic.scss +0 -22
  31. package/package.json +6 -6
package/dist/es6/dark.d.ts CHANGED
@@ -8,9 +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
+ /** deprecated, use --calcite-color-surface-highlight instead */
12
12
  export const calciteColorForegroundCurrent: string;
13
- export const calciteColorForegroundHighlight: string;
13
+ export const calciteColorSurfaceHighlight: string;
14
14
  export const calciteColorTransparent: string;
15
15
  export const calciteColorTransparentHover: string;
16
16
  export const calciteColorTransparentPress: string;
package/dist/es6/dark.js CHANGED
@@ -8,8 +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 = "#2b465f"; // deprecated, use --calcite-color-foreground-highlight instead
12
- export const calciteColorForegroundHighlight = "#2b465f";
11
+ export const calciteColorForegroundCurrent = "#2b465f"; // deprecated, use --calcite-color-surface-highlight instead
12
+ export const calciteColorSurfaceHighlight = "#2b465f";
13
13
  export const calciteColorTransparent = "rgba(255, 255, 255, 0)";
14
14
  export const calciteColorTransparentHover = "rgba(255, 255, 255, 0.12)";
15
15
  export const calciteColorTransparentPress = "rgba(255, 255, 255, 0.16)";
package/dist/es6/global.d.ts CHANGED
@@ -9,9 +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
+ /** deprecated, use --calcite-color-surface-highlight instead */
13
13
  export const calciteColorForegroundCurrent: { light: string; dark: string };
14
- export const calciteColorForegroundHighlight: { light: string; dark: string };
14
+ export const calciteColorSurfaceHighlight: { light: string; dark: string };
15
15
  export const calciteColorTransparent: { light: string; dark: string };
16
16
  export const calciteColorTransparentHover: { light: string; dark: string };
17
17
  export const calciteColorTransparentPress: { light: string; dark: string };
package/dist/es6/global.js CHANGED
@@ -12,8 +12,8 @@ export const calciteColorForeground3 = { light: "#ebebeb", dark: "#141414" };
12
12
  export const calciteColorForegroundCurrent = {
13
13
  light: "#d6efff",
14
14
  dark: "#2b465f",
15
- }; // deprecated, use --calcite-color-foreground-highlight instead
16
- export const calciteColorForegroundHighlight = {
15
+ }; // deprecated, use --calcite-color-surface-highlight instead
16
+ export const calciteColorSurfaceHighlight = {
17
17
  light: "#d6efff",
18
18
  dark: "#2b465f",
19
19
  };
package/dist/es6/light.d.ts CHANGED
@@ -8,9 +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
+ /** deprecated, use --calcite-color-surface-highlight instead */
12
12
  export const calciteColorForegroundCurrent: string;
13
- export const calciteColorForegroundHighlight: string;
13
+ export const calciteColorSurfaceHighlight: string;
14
14
  export const calciteColorTransparent: string;
15
15
  export const calciteColorTransparentHover: string;
16
16
  export const calciteColorTransparentPress: string;
package/dist/es6/light.js CHANGED
@@ -8,8 +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 = "#d6efff"; // deprecated, use --calcite-color-foreground-highlight instead
12
- export const calciteColorForegroundHighlight = "#d6efff";
11
+ export const calciteColorForegroundCurrent = "#d6efff"; // deprecated, use --calcite-color-surface-highlight instead
12
+ export const calciteColorSurfaceHighlight = "#d6efff";
13
13
  export const calciteColorTransparent = "rgba(0, 0, 0, 0)";
14
14
  export const calciteColorTransparentHover = "rgba(0, 0, 0, 0.04)";
15
15
  export const calciteColorTransparentPress = "rgba(0, 0, 0, 0.08)";
package/dist/es6/semantic.d.ts CHANGED
@@ -7,30 +7,6 @@ export const calciteBorderWidthNone: string;
7
7
  export const calciteBorderWidthSm: string;
8
8
  export const calciteBorderWidthMd: string;
9
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 */
33
- export const calciteContainerSizeWidthXl: { min: string };
34
10
  export const calciteContainerSizeMargin: string;
35
11
  export const calciteContainerSizeGutter: string;
36
12
  /** for fluid grid widths */
package/dist/es6/semantic.js CHANGED
@@ -7,18 +7,6 @@ export const calciteBorderWidthNone = "0";
7
7
  export const calciteBorderWidthSm = "1px";
8
8
  export const calciteBorderWidthMd = "2px";
9
9
  export const calciteBorderWidthLg = "4px";
10
- export const calciteContainerSizeHeightXxs = { min: "0", max: "154px" }; // Small handheld devices and mini-windows
11
- export const calciteContainerSizeHeightXs = { min: "155px", max: "328px" }; // Handheld devices
12
- export const calciteContainerSizeHeightSm = { min: "329px", max: "504px" }; // Small tablets
13
- export const calciteContainerSizeHeightMd = { min: "505px", max: "678px" }; // Small laptops
14
- export const calciteContainerSizeHeightLg = { min: "679px", max: "854px" }; // Large laptops and desktop computers
15
- export const calciteContainerSizeHeightXl = { min: "855px" }; // Projectors and televisions
16
- export const calciteContainerSizeWidthXxs = { min: "0", max: "320px" }; // Small handheld devices and mini-windows
17
- export const calciteContainerSizeWidthXs = { min: "321px", max: "476px" }; // Handheld devices
18
- export const calciteContainerSizeWidthSm = { min: "477px", max: "768px" }; // Small tablets
19
- export const calciteContainerSizeWidthMd = { min: "769px", max: "1152px" }; // Small laptops
20
- export const calciteContainerSizeWidthLg = { min: "1153px", max: "1440px" }; // Large laptops and desktop computers
21
- export const calciteContainerSizeWidthXl = { min: "1441px" }; // Projectors and televisions
22
10
  export const calciteContainerSizeMargin = "24px";
23
11
  export const calciteContainerSizeGutter = "16px";
24
12
  export const calciteContainerSizeContentFluid = "100%"; // for fluid grid widths