@esri/calcite-design-tokens 1.1.1-next.2 → 2.0.0

package/dist/css/dark.css

@@ -0,0 +1,47 @@
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+
+:root{
+	--calcite-color-border-white: #f8f8f8;
+	--calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
+	--calcite-color-border-input: #757575;
+	--calcite-color-border-3: #404040;
+	--calcite-color-border-2: #4a4a4a;
+	--calcite-color-border-1: #555555;
+	--calcite-color-text-link: #00A0FF;
+	--calcite-color-text-inverse: #151515;
+	--calcite-color-text-3: #9f9f9f;
+	--calcite-color-text-2: #bfbfbf;
+	--calcite-color-text-1: #ffffff;
+	--calcite-color-inverse-press: #f3f3f3;
+	--calcite-color-inverse-hover: #ffffff;
+	--calcite-color-inverse: #f8f8f8;
+	--calcite-color-status-danger-press: #d90012;
+	--calcite-color-status-danger-hover: #ff0015;
+	--calcite-color-status-danger: #FE583E;
+	--calcite-color-status-warning-press: #f5d000;
+	--calcite-color-status-warning-hover: #ffee33;
+	--calcite-color-status-warning: #FFC900;
+	--calcite-color-status-success-press: #00b81b;
+	--calcite-color-status-success-hover: #3bed52;
+	--calcite-color-status-success: #36DA43;
+	--calcite-color-status-info-press: #009af2;
+	--calcite-color-status-info-hover: #3db8ff;
+	--calcite-color-status-info: #00A0FF;
+	--calcite-color-brand-underline: rgba(0, 160, 255, 0.4);
+	--calcite-color-brand-press: #00619b;
+	--calcite-color-brand-hover: #007ac2;
+	--calcite-color-brand: #009af2;
+	--calcite-color-transparent-tint: rgba(43, 43, 43, 0.8);
+	--calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
+	--calcite-color-transparent-press: rgba(255, 255, 255, 0.08);
+	--calcite-color-transparent-hover: rgba(255, 255, 255, 0.04);
+	--calcite-color-transparent: rgba(255, 255, 255, 0);
+	--calcite-color-foreground-current: #214155;
+	--calcite-color-foreground-3: #151515;
+	--calcite-color-foreground-2: #202020;
+	--calcite-color-foreground-1: #2b2b2b;
+	--calcite-color-background: #353535;
+}

package/dist/css/global.css

@@ -0,0 +1,96 @@
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+
+:root {
+	--calcite-z-index-tooltip: 901;
+	--calcite-z-index-popup: 900;
+	--calcite-z-index-modal: 800;
+	--calcite-z-index-overlay: 700;
+	--calcite-z-index-dropdown: 600;
+	--calcite-z-index-toast: 500;
+	--calcite-z-index-header: 400;
+	--calcite-z-index-sticky: 300;
+	--calcite-z-index: 1;
+	--calcite-z-index-deep: -999999;
+	--calcite-spacing-xxxl: 32px;
+	--calcite-spacing-xxl: 20px;
+	--calcite-spacing-xl: 16px;
+	--calcite-spacing-lg: 14px;
+	--calcite-spacing-md: 12px;
+	--calcite-spacing-sm: 8px;
+	--calcite-spacing-xs: 6px;
+	--calcite-spacing-xxs: 4px;
+	--calcite-spacing-base: 2px;
+	--calcite-spacing-px: 1px;
+	--calcite-size-xxxl: 32px;
+	--calcite-size-xxl: 24px;
+	--calcite-size-xl: 20px;
+	--calcite-size-lg: 16px;
+	--calcite-size-md-plus: 14px;
+	--calcite-size-md: 12px;
+	--calcite-size-sm-plus: 10px;
+	--calcite-size-sm: 8px;
+	--calcite-size-xs: 6px;
+	--calcite-size-xxs: 4px;
+	--calcite-size-xxxs: 2px;
+	--calcite-size-px: 1px;
+	--calcite-opacity-disabled: 0.5;
+	--calcite-opacity-full: 1;
+	--calcite-opacity-dark: 0.85;
+	--calcite-opacity-half: 0.5;
+	--calcite-opacity-light: 0.4;
+	--calcite-font-text-case-capitalize: capitalize;
+	--calcite-font-text-case-lowercase: lowercase;
+	--calcite-font-text-case-uppercase: uppercase;
+	--calcite-font-text-case-none: none;
+	--calcite-font-text-decoration-underline: underline;
+	--calcite-font-text-decoration-none: none;
+	--calcite-font-paragraph-spacing-normal: 4px;
+	--calcite-font-letter-spacing-wide: 0.4;
+	--calcite-font-letter-spacing-normal: 0;
+	--calcite-font-letter-spacing-tight: -0.4;
+	--calcite-font-line-height-relative-loose: 2; /* 2 */
+	--calcite-font-line-height-relative-relaxed: 1.625; /* 1.625 */
+	--calcite-font-line-height-relative-normal: 1.5; /* 1.5 */
+	--calcite-font-line-height-relative-snug: 1.375; /* 1.375 */
+	--calcite-font-line-height-relative-tight: 1.25; /* 1.25 */
+	--calcite-font-line-height-relative: auto; /* 1 */
+	--calcite-font-line-height-fixed-xl: 24px;
+	--calcite-font-line-height-fixed-lg: 20px;
+	--calcite-font-line-height-fixed-base: 16px;
+	--calcite-font-line-height-fixed-sm: 12px;
+	--calcite-font-style-emphasis: italic; /* used in ratings */
+	--calcite-font-size-xxl: 24px;
+	--calcite-font-size-xl: 20px;
+	--calcite-font-size-lg: 18px;
+	--calcite-font-size-md: 16px;
+	--calcite-font-size: 14px;
+	--calcite-font-size-sm: 12px;
+	--calcite-font-size-xs: 10px;
+	--calcite-font-weight-bold: 700;
+	--calcite-font-weight-semibold: 600;
+	--calcite-font-weight-medium: 500;
+	--calcite-font-weight-regular: 400;
+	--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" */
+	--calcite-font-weight-light: 300; /* For Avenir Next World (secondary font family) */
+	--calcite-font-family-code: Monaco;
+	--calcite-font-family: "Avenir Next LT Pro";
+	--calcite-container-size-content-fixed: 1440px; /* only for lg breakpoint fixed grid width */
+	--calcite-container-size-content-fluid: 100%; /* for fluid grid widths */
+	--calcite-container-size-gutter: 16px;
+	--calcite-container-size-margin: 24px;
+	--calcite-color-background-none: rgba(#ffffff, 0);
+	--calcite-corner-radius-pill: 100%;
+	--calcite-corner-radius-round: 4px;
+	--calcite-corner-radius-sharp: 0;
+	--calcite-border-width-lg: 4px;
+	--calcite-border-width-md: 2px;
+	--calcite-border-width-sm: 1px;
+	--calcite-border-width-none: 0;
+	--calcite-shadow-md: 0 4px 20px 0 rgba(0, 0, 0, 0.08), 0 12px 30px rgba(0, 0, 0, 0.1);
+	--calcite-shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.08);
+	--calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);
+	--calcite-corner-radius: var(--calcite-corner-radius-sharp);
+}

package/dist/css/index.css

@@ -0,0 +1,184 @@
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+
+@import url("./global.css");
+
+@import url("./classes.css");
+
+@media (prefers-color-scheme: light) {
+	:root {
+		--calcite-color-border-white: #ffffff;
+		--calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
+		--calcite-color-border-input: #949494;
+		--calcite-color-border-3: #dfdfdf;
+		--calcite-color-border-2: #d4d4d4;
+		--calcite-color-border-1: #cacaca;
+		--calcite-color-text-link: #00619b;
+		--calcite-color-text-inverse: #ffffff;
+		--calcite-color-text-3: #6a6a6a;
+		--calcite-color-text-2: #4a4a4a;
+		--calcite-color-text-1: #151515;
+		--calcite-color-inverse-press: #202020;
+		--calcite-color-inverse-hover: #2b2b2b;
+		--calcite-color-inverse: #353535;
+		--calcite-color-status-danger-press: #7c1d13;
+		--calcite-color-status-danger-hover: #a82b1e;
+		--calcite-color-status-danger: #d83020;
+		--calcite-color-status-warning-press: #bfa200;
+		--calcite-color-status-warning-hover: #d9bc00;
+		--calcite-color-status-warning: #edd317;
+		--calcite-color-status-success-press: #1a6324;
+		--calcite-color-status-success-hover: #288835;
+		--calcite-color-status-success: #35ac46;
+		--calcite-color-status-info-press: #00304d;
+		--calcite-color-status-info-hover: #004874;
+		--calcite-color-status-info: #00619b;
+		--calcite-color-brand-underline: rgba(0, 97, 155, 0.4);
+		--calcite-color-brand-press: #004874;
+		--calcite-color-brand-hover: #00619b;
+		--calcite-color-brand: #007ac2;
+		--calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
+		--calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
+		--calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
+		--calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
+		--calcite-color-transparent: rgba(0, 0, 0, 0);
+		--calcite-color-foreground-current: #c7eaff;
+		--calcite-color-foreground-3: #eaeaea;
+		--calcite-color-foreground-2: #f3f3f3;
+		--calcite-color-foreground-1: #ffffff;
+		--calcite-color-background: #f8f8f8;
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	:root {
+		--calcite-color-border-white: #f8f8f8;
+		--calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
+		--calcite-color-border-input: #757575;
+		--calcite-color-border-3: #404040;
+		--calcite-color-border-2: #4a4a4a;
+		--calcite-color-border-1: #555555;
+		--calcite-color-text-link: #00A0FF;
+		--calcite-color-text-inverse: #151515;
+		--calcite-color-text-3: #9f9f9f;
+		--calcite-color-text-2: #bfbfbf;
+		--calcite-color-text-1: #ffffff;
+		--calcite-color-inverse-press: #f3f3f3;
+		--calcite-color-inverse-hover: #ffffff;
+		--calcite-color-inverse: #f8f8f8;
+		--calcite-color-status-danger-press: #d90012;
+		--calcite-color-status-danger-hover: #ff0015;
+		--calcite-color-status-danger: #FE583E;
+		--calcite-color-status-warning-press: #f5d000;
+		--calcite-color-status-warning-hover: #ffee33;
+		--calcite-color-status-warning: #FFC900;
+		--calcite-color-status-success-press: #00b81b;
+		--calcite-color-status-success-hover: #3bed52;
+		--calcite-color-status-success: #36DA43;
+		--calcite-color-status-info-press: #009af2;
+		--calcite-color-status-info-hover: #3db8ff;
+		--calcite-color-status-info: #00A0FF;
+		--calcite-color-brand-underline: rgba(0, 160, 255, 0.4);
+		--calcite-color-brand-press: #00619b;
+		--calcite-color-brand-hover: #007ac2;
+		--calcite-color-brand: #009af2;
+		--calcite-color-transparent-tint: rgba(43, 43, 43, 0.8);
+		--calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
+		--calcite-color-transparent-press: rgba(255, 255, 255, 0.08);
+		--calcite-color-transparent-hover: rgba(255, 255, 255, 0.04);
+		--calcite-color-transparent: rgba(255, 255, 255, 0);
+		--calcite-color-foreground-current: #214155;
+		--calcite-color-foreground-3: #151515;
+		--calcite-color-foreground-2: #202020;
+		--calcite-color-foreground-1: #2b2b2b;
+		--calcite-color-background: #353535;
+	}
+}
+
+.calcite-mode-light {
+	--calcite-color-border-white: #ffffff;
+	--calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
+	--calcite-color-border-input: #949494;
+	--calcite-color-border-3: #dfdfdf;
+	--calcite-color-border-2: #d4d4d4;
+	--calcite-color-border-1: #cacaca;
+	--calcite-color-text-link: #00619b;
+	--calcite-color-text-inverse: #ffffff;
+	--calcite-color-text-3: #6a6a6a;
+	--calcite-color-text-2: #4a4a4a;
+	--calcite-color-text-1: #151515;
+	--calcite-color-inverse-press: #202020;
+	--calcite-color-inverse-hover: #2b2b2b;
+	--calcite-color-inverse: #353535;
+	--calcite-color-status-danger-press: #7c1d13;
+	--calcite-color-status-danger-hover: #a82b1e;
+	--calcite-color-status-danger: #d83020;
+	--calcite-color-status-warning-press: #bfa200;
+	--calcite-color-status-warning-hover: #d9bc00;
+	--calcite-color-status-warning: #edd317;
+	--calcite-color-status-success-press: #1a6324;
+	--calcite-color-status-success-hover: #288835;
+	--calcite-color-status-success: #35ac46;
+	--calcite-color-status-info-press: #00304d;
+	--calcite-color-status-info-hover: #004874;
+	--calcite-color-status-info: #00619b;
+	--calcite-color-brand-underline: rgba(0, 97, 155, 0.4);
+	--calcite-color-brand-press: #004874;
+	--calcite-color-brand-hover: #00619b;
+	--calcite-color-brand: #007ac2;
+	--calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
+	--calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
+	--calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
+	--calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
+	--calcite-color-transparent: rgba(0, 0, 0, 0);
+	--calcite-color-foreground-current: #c7eaff;
+	--calcite-color-foreground-3: #eaeaea;
+	--calcite-color-foreground-2: #f3f3f3;
+	--calcite-color-foreground-1: #ffffff;
+	--calcite-color-background: #f8f8f8;
+}
+
+.calcite-mode-dark {
+	--calcite-color-border-white: #f8f8f8;
+	--calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
+	--calcite-color-border-input: #757575;
+	--calcite-color-border-3: #404040;
+	--calcite-color-border-2: #4a4a4a;
+	--calcite-color-border-1: #555555;
+	--calcite-color-text-link: #00A0FF;
+	--calcite-color-text-inverse: #151515;
+	--calcite-color-text-3: #9f9f9f;
+	--calcite-color-text-2: #bfbfbf;
+	--calcite-color-text-1: #ffffff;
+	--calcite-color-inverse-press: #f3f3f3;
+	--calcite-color-inverse-hover: #ffffff;
+	--calcite-color-inverse: #f8f8f8;
+	--calcite-color-status-danger-press: #d90012;
+	--calcite-color-status-danger-hover: #ff0015;
+	--calcite-color-status-danger: #FE583E;
+	--calcite-color-status-warning-press: #f5d000;
+	--calcite-color-status-warning-hover: #ffee33;
+	--calcite-color-status-warning: #FFC900;
+	--calcite-color-status-success-press: #00b81b;
+	--calcite-color-status-success-hover: #3bed52;
+	--calcite-color-status-success: #36DA43;
+	--calcite-color-status-info-press: #009af2;
+	--calcite-color-status-info-hover: #3db8ff;
+	--calcite-color-status-info: #00A0FF;
+	--calcite-color-brand-underline: rgba(0, 160, 255, 0.4);
+	--calcite-color-brand-press: #00619b;
+	--calcite-color-brand-hover: #007ac2;
+	--calcite-color-brand: #009af2;
+	--calcite-color-transparent-tint: rgba(43, 43, 43, 0.8);
+	--calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
+	--calcite-color-transparent-press: rgba(255, 255, 255, 0.08);
+	--calcite-color-transparent-hover: rgba(255, 255, 255, 0.04);
+	--calcite-color-transparent: rgba(255, 255, 255, 0);
+	--calcite-color-foreground-current: #214155;
+	--calcite-color-foreground-3: #151515;
+	--calcite-color-foreground-2: #202020;
+	--calcite-color-foreground-1: #2b2b2b;
+	--calcite-color-background: #353535;
+}

package/dist/css/light.css

@@ -0,0 +1,47 @@
+/**
+ * Do not edit directly
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
+ */
+
+:root{
+	--calcite-color-border-white: #ffffff;
+	--calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
+	--calcite-color-border-input: #949494;
+	--calcite-color-border-3: #dfdfdf;
+	--calcite-color-border-2: #d4d4d4;
+	--calcite-color-border-1: #cacaca;
+	--calcite-color-text-link: #00619b;
+	--calcite-color-text-inverse: #ffffff;
+	--calcite-color-text-3: #6a6a6a;
+	--calcite-color-text-2: #4a4a4a;
+	--calcite-color-text-1: #151515;
+	--calcite-color-inverse-press: #202020;
+	--calcite-color-inverse-hover: #2b2b2b;
+	--calcite-color-inverse: #353535;
+	--calcite-color-status-danger-press: #7c1d13;
+	--calcite-color-status-danger-hover: #a82b1e;
+	--calcite-color-status-danger: #d83020;
+	--calcite-color-status-warning-press: #bfa200;
+	--calcite-color-status-warning-hover: #d9bc00;
+	--calcite-color-status-warning: #edd317;
+	--calcite-color-status-success-press: #1a6324;
+	--calcite-color-status-success-hover: #288835;
+	--calcite-color-status-success: #35ac46;
+	--calcite-color-status-info-press: #00304d;
+	--calcite-color-status-info-hover: #004874;
+	--calcite-color-status-info: #00619b;
+	--calcite-color-brand-underline: rgba(0, 97, 155, 0.4);
+	--calcite-color-brand-press: #004874;
+	--calcite-color-brand-hover: #00619b;
+	--calcite-color-brand: #007ac2;
+	--calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
+	--calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
+	--calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
+	--calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
+	--calcite-color-transparent: rgba(0, 0, 0, 0);
+	--calcite-color-foreground-current: #c7eaff;
+	--calcite-color-foreground-3: #eaeaea;
+	--calcite-color-foreground-2: #f3f3f3;
+	--calcite-color-foreground-1: #ffffff;
+	--calcite-color-background: #f8f8f8;
+}