@esri/calcite-design-tokens 2.0.0-rc.0 → 2.0.0

package/dist/css/breakpoint.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 
 :root{

package/dist/css/classes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 
 .calcite-typography-hierarchy-overline {
@@ -9,12 +9,12 @@
 	font-weight: var(--calcite-font-weight-bold);
 }
 
-.calcite-typography-wrap-bold--1 {
+.calcite-typography-wrap-bold-minus-1 {
 	font-weight: var(--calcite-font-weight-semibold);
 	line-height: var(--calcite-font-line-height-relative-snug);
 }
 
-.calcite-typography-wrap-bold--2 {
+.calcite-typography-wrap-bold-minus-2 {
 	font-weight: var(--calcite-font-weight-semibold);
 	line-height: var(--calcite-font-line-height-relative-snug);
 	font-size: var(--calcite-font-size-sm);
@@ -44,12 +44,12 @@
 	font-size: var(--calcite-font-size-md);
 }
 
-.calcite-typography-wrap-medium--1 {
+.calcite-typography-wrap-medium-minus-1 {
 	font-weight: var(--calcite-font-weight-medium);
 	line-height: var(--calcite-font-line-height-relative-snug);
 }
 
-.calcite-typography-wrap-medium--2 {
+.calcite-typography-wrap-medium-minus-2 {
 	font-weight: var(--calcite-font-weight-medium);
 	line-height: var(--calcite-font-line-height-relative-snug);
 	font-size: var(--calcite-font-size-sm);
@@ -79,11 +79,11 @@
 	font-size: var(--calcite-font-size-md);
 }
 
-.calcite-typography-wrap-regular--1 {
+.calcite-typography-wrap-regular-minus-1 {
 	line-height: var(--calcite-font-line-height-relative-snug);
 }
 
-.calcite-typography-wrap-regular--2 {
+.calcite-typography-wrap-regular-minus-2 {
 	line-height: var(--calcite-font-line-height-relative-snug);
 	font-size: var(--calcite-font-size-sm);
 }
@@ -108,12 +108,12 @@
 	font-size: var(--calcite-font-size-md);
 }
 
-.calcite-typography-wrap-light--1 {
+.calcite-typography-wrap-light-minus-1 {
 	font-weight: var(--calcite-font-weight-light);
 	line-height: var(--calcite-font-line-height-relative-snug);
 }
 
-.calcite-typography-wrap-light--2 {
+.calcite-typography-wrap-light-minus-2 {
 	font-weight: var(--calcite-font-weight-light);
 	line-height: var(--calcite-font-line-height-relative-snug);
 	font-size: var(--calcite-font-size-sm);
@@ -155,16 +155,16 @@
 	font-size: var(--calcite-font-size-md);
 }
 
-.calcite-typography-bold--1h {
+.calcite-typography-bold-minus-1h {
 	font-weight: var(--calcite-font-weight-semibold);
 }
 
-.calcite-typography-bold--2h {
+.calcite-typography-bold-minus-2h {
 	font-weight: var(--calcite-font-weight-semibold);
 	font-size: var(--calcite-font-size-sm);
 }
 
-.calcite-typography-bold--3h {
+.calcite-typography-bold-minus-3h {
 	font-weight: var(--calcite-font-weight-semibold);
 	line-height: var(--calcite-font-line-height-fixed-sm);
 	font-size: var(--calcite-font-size-xs);
@@ -182,16 +182,16 @@
 	font-size: var(--calcite-font-size-md);
 }
 
-.calcite-typography-medium--1h {
+.calcite-typography-medium-minus-1h {
 	font-weight: var(--calcite-font-weight-medium);
 }
 
-.calcite-typography-medium--2h {
+.calcite-typography-medium-minus-2h {
 	font-weight: var(--calcite-font-weight-medium);
 	font-size: var(--calcite-font-size-sm);
 }
 
-.calcite-typography-medium--3h {
+.calcite-typography-medium-minus-3h {
 	font-weight: var(--calcite-font-weight-medium);
 	line-height: var(--calcite-font-line-height-fixed-sm);
 	font-size: var(--calcite-font-size-xs);
@@ -207,11 +207,11 @@
 	font-size: var(--calcite-font-size-md);
 }
 
-.calcite-typography-regular--2h {
+.calcite-typography-regular-minus-2h {
 	font-size: var(--calcite-font-size-sm);
 }
 
-.calcite-typography-regular--3h {
+.calcite-typography-regular-minus-3h {
 	line-height: var(--calcite-font-line-height-fixed-sm);
 	font-size: var(--calcite-font-size-xs);
 }
@@ -228,16 +228,16 @@
 	line-height: var(--calcite-font-line-height-fixed-lg);
 }
 
-.calcite-typography-light--1h {
+.calcite-typography-light-minus-1h {
 	font-weight: var(--calcite-font-weight-light);
 }
 
-.calcite-typography-light--2h {
+.calcite-typography-light-minus-2h {
 	font-size: var(--calcite-font-size-sm);
 	font-weight: var(--calcite-font-weight-light);
 }
 
-.calcite-typography-light--3h {
+.calcite-typography-light-minus-3h {
 	font-size: var(--calcite-font-size-xs);
 	font-weight: var(--calcite-font-weight-light);
 	line-height: var(--calcite-font-line-height-fixed-sm);
@@ -263,9 +263,9 @@
 	font-family: "Avenir Next LT Pro";
 	font-size: 14px;
 	font-weight: 400;
-	letter-spacing: 0px;
+	letter-spacing: 0;
 	line-height: 16px;
-	paragraph-spacing: 10px;
+	paragraph-spacing: 4px;
 	text-case: none;
 	text-decoration: none;
 }
@@ -315,13 +315,13 @@
 	font-size: 24px;
 }
 
-.calcite-typography-regular--1h {
+.calcite-typography-regular-minus-1h {
 	font-family: "Avenir Next LT Pro";
 	font-size: 14px;
 	font-weight: 400;
-	letter-spacing: 0px;
+	letter-spacing: 0;
 	line-height: 16px;
-	paragraph-spacing: 10px;
+	paragraph-spacing: 4px;
 	text-case: none;
 	text-decoration: none;
 }

package/dist/css/core.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:26 GMT
  */
 
 :root {
@@ -13,6 +13,82 @@
 	--calcite-z-index-3: 300;
 	--calcite-z-index-1: 1;
 	--calcite-z-index-0: -999999;
+	--calcite-size-relative-auto: auto;
+	--calcite-size-relative-200: 200%;
+	--calcite-size-relative-162: 162.5%;
+	--calcite-size-relative-150: 150%;
+	--calcite-size-relative-137: 137.5%;
+	--calcite-size-relative-125: 125%;
+	--calcite-size-relative-100: 100%;
+	--calcite-size-relative-50: 50%;
+	--calcite-size-none: 0;
+	--calcite-size-288: 288px;
+	--calcite-size-256: 256px;
+	--calcite-size-224: 224px;
+	--calcite-size-192: 192px;
+	--calcite-size-160: 160px;
+	--calcite-size-144: 144px;
+	--calcite-size-128: 128px;
+	--calcite-size-112: 112px;
+	--calcite-size-96: 96px;
+	--calcite-size-80: 80px;
+	--calcite-size-72: 72px;
+	--calcite-size-64: 64px;
+	--calcite-size-56: 56px;
+	--calcite-size-48: 48px;
+	--calcite-size-44: 44px;
+	--calcite-size-40: 40px;
+	--calcite-size-36: 36px;
+	--calcite-size-32: 32px;
+	--calcite-size-28: 28px;
+	--calcite-size-24: 24px;
+	--calcite-size-20: 20px;
+	--calcite-size-16: 16px;
+	--calcite-size-14: 14px;
+	--calcite-size-12: 12px;
+	--calcite-size-10: 10px;
+	--calcite-size-8: 8px;
+	--calcite-size-6: 6px;
+	--calcite-size-4: 4px;
+	--calcite-size-2: 2px;
+	--calcite-size-1: 1px;
+	--calcite-opacity-100: 1;
+	--calcite-opacity-96: 0.96;
+	--calcite-opacity-92: 0.92;
+	--calcite-opacity-90: 0.9;
+	--calcite-opacity-85: 0.85;
+	--calcite-opacity-80: 0.8;
+	--calcite-opacity-70: 0.7;
+	--calcite-opacity-60: 0.6;
+	--calcite-opacity-50: 0.5;
+	--calcite-opacity-40: 0.4;
+	--calcite-opacity-30: 0.3;
+	--calcite-opacity-20: 0.2;
+	--calcite-opacity-10: 0.1;
+	--calcite-opacity-8: 0.08;
+	--calcite-opacity-4: 0.04;
+	--calcite-opacity-0: 0;
+	--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-weight-heavy: 900;
+	--calcite-font-weight-black: 900; /* only for Avenir Next World (secondary font family) */
+	--calcite-font-weight-extrabold: 800; /* only for Avenir Next World (secondary font family) */
+	--calcite-font-weight-bold: 700;
+	--calcite-font-weight-demi: 600;
+	--calcite-font-weight-medium-italic: "Medium Italic";
+	--calcite-font-weight-medium: 500;
+	--calcite-font-weight-regular: 400;
+	--calcite-font-weight-light: 300; /* only for Avenir Next World (secondary font family) */
+	--calcite-font-weight-thin: 100;
+	--calcite-font-weight-ultralight: 200; /* only for Avenir Next World (secondary font family) */
+	--calcite-font-style-italic: italic; /* used in ratings */
+	--calcite-font-family-monaco: Monaco;
+	--calcite-font-family-avenir-next-world: "Avenir Next World";
+	--calcite-font-family-avenir-next-pro: "Avenir Next LT Pro";
 	--calcite-container-size-1440: 1440px;
 	--calcite-container-size-1152: 1152px;
 	--calcite-container-size-854: 854px;
@@ -24,38 +100,6 @@
 	--calcite-container-size-320: 320px;
 	--calcite-container-size-154: 154px;
 	--calcite-container-size-0: 0;
-	--calcite-size-relative-full: 100%;
-	--calcite-size-relative-half: 50%;
-	--calcite-size-none: 0px;
-	--calcite-size-28: 288px;
-	--calcite-size-27: 256px;
-	--calcite-size-26: 224px;
-	--calcite-size-25: 192px;
-	--calcite-size-24: 160px;
-	--calcite-size-23: 144px;
-	--calcite-size-22: 128px;
-	--calcite-size-21: 112px;
-	--calcite-size-20: 96px;
-	--calcite-size-19: 80px;
-	--calcite-size-18: 72px;
-	--calcite-size-17: 64px;
-	--calcite-size-16: 56px;
-	--calcite-size-15: 48px;
-	--calcite-size-14: 44px;
-	--calcite-size-13: 40px;
-	--calcite-size-12: 36px;
-	--calcite-size-11: 32px;
-	--calcite-size-10: 28px;
-	--calcite-size-9: 24px;
-	--calcite-size-8: 20px;
-	--calcite-size-7: 16px;
-	--calcite-size-6: 14px;
-	--calcite-size-5: 12px;
-	--calcite-size-4: 10px;
-	--calcite-size-3: 8px;
-	--calcite-size-2: 6px;
-	--calcite-size-1: 4px;
-	--calcite-size-0: 2px;
 	--calcite-color-dark-blue-d-bb-430: #0087D7;
 	--calcite-color-dark-blue-d-bb-420: #00A0FF;
 	--calcite-color-dark-blue-d-bb-410: #47BBFF;
@@ -259,86 +303,9 @@
 	--calcite-color-neutral-blk-010: #f3f3f3;
 	--calcite-color-neutral-blk-005: #f8f8f8;
 	--calcite-color-neutral-blk-000: #ffffff;
-	--calcite-opacity-100: 1;
-	--calcite-opacity-96: 0.96;
-	--calcite-opacity-92: 0.92;
-	--calcite-opacity-90: 0.9;
-	--calcite-opacity-85: 0.85;
-	--calcite-opacity-80: 0.8;
-	--calcite-opacity-70: 0.7;
-	--calcite-opacity-60: 0.6;
-	--calcite-opacity-50: 0.5;
-	--calcite-opacity-40: 0.4;
-	--calcite-opacity-30: 0.3;
-	--calcite-opacity-20: 0.2;
-	--calcite-opacity-10: 0.1;
-	--calcite-opacity-8: 0.08;
-	--calcite-opacity-4: 0.04;
-	--calcite-opacity-0: 0;
-	--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: 10px;
-	--calcite-font-letter-spacing-wide: 0.4px;
-	--calcite-font-letter-spacing-normal: 0px;
-	--calcite-font-letter-spacing-tight: -0.4px;
-	--calcite-font-size-15: 120px;
-	--calcite-font-size-14: 96px;
-	--calcite-font-size-13: 80px;
-	--calcite-font-size-12: 72px;
-	--calcite-font-size-11: 64px;
-	--calcite-font-size-10: 56px;
-	--calcite-font-size-9: 48px;
-	--calcite-font-size-8: 40px;
-	--calcite-font-size-7: 32px;
-	--calcite-font-size-6: 24px;
-	--calcite-font-size-5: 20px;
-	--calcite-font-size-4: 18px;
-	--calcite-font-size-3: 16px;
-	--calcite-font-size-2: 14px;
-	--calcite-font-size-1: 12px;
-	--calcite-font-size-0: 10px;
-	--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-12: 80px;
-	--calcite-font-line-height-fixed-11: 72px;
-	--calcite-font-line-height-fixed-10: 64px;
-	--calcite-font-line-height-fixed-9: 56px;
-	--calcite-font-line-height-fixed-8: 48px;
-	--calcite-font-line-height-fixed-7: 40px;
-	--calcite-font-line-height-fixed-6: 36px;
-	--calcite-font-line-height-fixed-5: 32px;
-	--calcite-font-line-height-fixed-4: 28px;
-	--calcite-font-line-height-fixed-3: 24px;
-	--calcite-font-line-height-fixed-2: 20px;
-	--calcite-font-line-height-fixed-1: 16px;
-	--calcite-font-line-height-fixed-0: 12px;
-	--calcite-font-weight-heavy: 900;
-	--calcite-font-weight-black: 900; /* only for Avenir Next World (secondary font family) */
-	--calcite-font-weight-extrabold: 800; /* only for Avenir Next World (secondary font family) */
-	--calcite-font-weight-bold: 700;
-	--calcite-font-weight-demi: 600;
-	--calcite-font-weight-medium-italic: "Medium Italic";
-	--calcite-font-weight-medium: 500;
-	--calcite-font-weight-regular: 400;
-	--calcite-font-weight-light: 300; /* only for Avenir Next World (secondary font family) */
-	--calcite-font-weight-thin: 100;
-	--calcite-font-weight-ultralight: 200; /* only for Avenir Next World (secondary font family) */
-	--calcite-font-style-italic: italic; /* used in ratings */
-	--calcite-font-family-code: Monaco;
-	--calcite-font-family-secondary: "Avenir Next World";
-	--calcite-font-family-primary: "Avenir Next LT Pro";
-	--calcite-box-shadow-none: 0 0 0 0 rgba(var(--calcite-color-neutral-blk-240), 0);
-	--calcite-box-shadow-4: 0 12px 32px -2px rgba(var(--calcite-color-neutral-blk-240), 0.1);
-	--calcite-box-shadow-3: 0 4px 20px 0 rgba(var(--calcite-color-neutral-blk-240), 0.08);
-	--calcite-box-shadow-2: 0 4px 16px 0 rgba(var(--calcite-color-neutral-blk-240), 0.08);
-	--calcite-box-shadow-1: 0 2px 8px 0 rgba(var(--calcite-color-neutral-blk-240), 0.04);
-	--calcite-box-shadow-0: 0 0 0 0 rgba(var(--calcite-color-neutral-blk-240), 0);
+	--calcite-shadow-4: 0 12px 32px -2px rgba(var(--calcite-color-neutral-blk-240), 0.1);
+	--calcite-shadow-3: 0 4px 20px 0 rgba(var(--calcite-color-neutral-blk-240), 0.08);
+	--calcite-shadow-2: 0 4px 16px 0 rgba(var(--calcite-color-neutral-blk-240), 0.08);
+	--calcite-shadow-1: 0 2px 8px 0 rgba(var(--calcite-color-neutral-blk-240), 0.04);
+	--calcite-shadow-0: 0 0 0 0 rgba(var(--calcite-color-neutral-blk-240), 0);
 }

package/dist/css/dark.css

@@ -1,24 +1,11 @@
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 
 :root{
-	--calcite-color-inverse-press: #f3f3f3;
-	--calcite-color-inverse-hover: #ffffff;
-	--calcite-color-inverse: #f8f8f8;
-	--calcite-color-danger-press: #d90012;
-	--calcite-color-danger-hover: #ff0015;
-	--calcite-color-danger: #FE583E;
-	--calcite-color-warning-press: #f5d000;
-	--calcite-color-warning-hover: #ffee33;
-	--calcite-color-warning: #FFC900;
-	--calcite-color-success-press: #00b81b;
-	--calcite-color-success-hover: #3bed52;
-	--calcite-color-success: #36DA43;
-	--calcite-color-info-press: #009af2;
-	--calcite-color-info-hover: #3db8ff;
-	--calcite-color-info: #00A0FF;
+	--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;
@@ -28,18 +15,33 @@
 	--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-transparent-dismiss: rgba(43, 43, 43, 0.8);
-	--calcite-color-background-transparent-scrim: rgba(0, 0, 0, 0.85);
-	--calcite-color-background-transparent-press: rgba(255, 255, 255, 0.08);
-	--calcite-color-background-transparent-hover: rgba(255, 255, 255, 0.04);
-	--calcite-color-background-transparent: rgba(0, 0, 0, 0);
 	--calcite-color-background: #353535;
-	--calcite-color-brand-underline: rgba(0, 160, 255, 0.4);
-	--calcite-color-brand-press: #00619b;
-	--calcite-color-brand-hover: #007ac2;
-	--calcite-color-brand: #009af2;
 }

package/dist/css/global.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sun, 26 Nov 2023 08:48:21 GMT
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
  */
 
 :root {
@@ -14,30 +14,28 @@
 	--calcite-z-index-sticky: 300;
 	--calcite-z-index: 1;
 	--calcite-z-index-deep: -999999;
-	--calcite-spacing-xl: 20px;
-	--calcite-spacing-lg: 16px;
+	--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: 4px;
-	--calcite-spacing-double: 20px;
-	--calcite-spacing-half: 6px;
+	--calcite-spacing-xs: 6px;
+	--calcite-spacing-xxs: 4px;
 	--calcite-spacing-base: 2px;
-	--calcite-spacing-none: 0px;
-	--calcite-size-xxxl: 96px;
-	--calcite-size-xxl: 64px;
-	--calcite-size-xl: 48px;
-	--calcite-size-xl-lg: 44px;
-	--calcite-size-lg-xl: 32px;
-	--calcite-size-lg: 24px;
-	--calcite-size-lg-md: 20px;
-	--calcite-size-md-lg: 16px;
-	--calcite-size-md: 14px;
-	--calcite-size-md-sm: 12px;
-	--calcite-size-sm-md: 10px;
+	--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;
@@ -49,10 +47,10 @@
 	--calcite-font-text-case-none: none;
 	--calcite-font-text-decoration-underline: underline;
 	--calcite-font-text-decoration-none: none;
-	--calcite-font-paragraph-spacing-normal: 10px;
-	--calcite-font-letter-spacing-wide: 0.4px;
-	--calcite-font-letter-spacing-normal: 0px;
-	--calcite-font-letter-spacing-tight: -0.4px;
+	--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 */
@@ -77,27 +75,22 @@
 	--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: 0px;
-	--calcite-border-radius-xl: 24px;
-	--calcite-border-radius-lg: 16px;
-	--calcite-border-radius-md: 12px;
-	--calcite-border-radius-sm: 4px;
-	--calcite-border-radius-pill: 100%;
-	--calcite-border-radius-circular: 50%;
-	--calcite-border-radius-round: 4px;
-	--calcite-border-radius-sharp: 0px;
-	--calcite-border-radius-none: 0px;
-	--calcite-border-radius: 0px;
-	--calcite-box-shadow-md: 0 4px 20px 0 rgba(0, 0, 0, 0.08), 0 12px 30px rgba(0, 0, 0, 0.1);
-	--calcite-box-shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.08);
-	--calcite-box-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);
+	--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);
 }