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

package/dist/css/breakpoints.css

@@ -4,26 +4,26 @@
  */
 
 :root {
-  --calcite-container-size-height-xxs-min: 0; /* Small handheld devices and mini-windows */
-  --calcite-container-size-width-xxs-min: 0; /* Small handheld devices and mini-windows */
-  --calcite-container-size-height-xxs-max: 154px; /* Small handheld devices and mini-windows */
-  --calcite-container-size-height-xs-min: 155px; /* Handheld devices */
-  --calcite-container-size-height-xs-max: 328px; /* Handheld devices */
-  --calcite-container-size-height-sm-min: 329px; /* Small tablets */
-  --calcite-container-size-height-sm-max: 504px; /* Small tablets */
-  --calcite-container-size-height-md-min: 505px; /* Small laptops */
-  --calcite-container-size-height-md-max: 678px; /* Small laptops */
-  --calcite-container-size-height-lg-min: 679px; /* Large laptops and desktop computers */
-  --calcite-container-size-height-lg-max: 854px; /* Large laptops and desktop computers */
-  --calcite-container-size-height-xl-min: 855px; /* Projectors and televisions */
-  --calcite-container-size-width-xxs-max: 320px; /* Small handheld devices and mini-windows */
-  --calcite-container-size-width-xs-min: 321px; /* Handheld devices */
-  --calcite-container-size-width-xs-max: 476px; /* Handheld devices */
-  --calcite-container-size-width-sm-min: 477px; /* Small tablets */
-  --calcite-container-size-width-sm-max: 768px; /* Small tablets */
-  --calcite-container-size-width-md-min: 769px; /* Small laptops */
-  --calcite-container-size-width-md-max: 1152px; /* Small laptops */
-  --calcite-container-size-width-lg-min: 1153px; /* Large laptops and desktop computers */
-  --calcite-container-size-width-lg-max: 1440px; /* Large laptops and desktop computers */
-  --calcite-container-size-width-xl-min: 1441px; /* Projectors and televisions */
+  --calcite-container-size-height-xxs-min: 0; /** Small handheld devices and mini-windows */
+  --calcite-container-size-width-xxs-min: 0; /** Small handheld devices and mini-windows */
+  --calcite-container-size-height-xxs-max: 154px; /** Small handheld devices and mini-windows */
+  --calcite-container-size-height-xs-min: 155px; /** Handheld devices */
+  --calcite-container-size-height-xs-max: 328px; /** Handheld devices */
+  --calcite-container-size-height-sm-min: 329px; /** Small tablets */
+  --calcite-container-size-height-sm-max: 504px; /** Small tablets */
+  --calcite-container-size-height-md-min: 505px; /** Small laptops */
+  --calcite-container-size-height-md-max: 678px; /** Small laptops */
+  --calcite-container-size-height-lg-min: 679px; /** Large laptops and desktop computers */
+  --calcite-container-size-height-lg-max: 854px; /** Large laptops and desktop computers */
+  --calcite-container-size-height-xl-min: 855px; /** Projectors and televisions */
+  --calcite-container-size-width-xxs-max: 320px; /** Small handheld devices and mini-windows */
+  --calcite-container-size-width-xs-min: 321px; /** Handheld devices */
+  --calcite-container-size-width-xs-max: 476px; /** Handheld devices */
+  --calcite-container-size-width-sm-min: 477px; /** Small tablets */
+  --calcite-container-size-width-sm-max: 768px; /** Small tablets */
+  --calcite-container-size-width-md-min: 769px; /** Small laptops */
+  --calcite-container-size-width-md-max: 1152px; /** Small laptops */
+  --calcite-container-size-width-lg-min: 1153px; /** Large laptops and desktop computers */
+  --calcite-container-size-width-lg-max: 1440px; /** Large laptops and desktop computers */
+  --calcite-container-size-width-xl-min: 1441px; /** Projectors and televisions */
 }

package/dist/css/core.css

@@ -478,35 +478,35 @@
   --calcite-container-size-854: 854px;
   --calcite-container-size-1152: 1152px;
   --calcite-container-size-1440: 1440px;
-  --calcite-font-family-andale-mono: 'Andale Mono'; /* Fallback for Monaco */
+  --calcite-font-family-andale-mono: 'Andale Mono'; /** Fallback for Monaco */
   --calcite-font-family-avenir-next-pro: 'Avenir Next LT Pro';
   --calcite-font-family-avenir-next-world: 'Avenir Next World';
-  --calcite-font-family-avenir-next: 'Avenir Next'; /* Primary font family */
-  --calcite-font-family-avenir: Avenir; /* Fallback for Avenir Next */
-  --calcite-font-family-consolas: Consolas; /* Fallback for Monaco */
-  --calcite-font-family-helvetica-neue: 'Helvetica Neue'; /* Fallback for Avenir Next */
-  --calcite-font-family-lucida-console: 'Lucida Console'; /* Fallback for Monaco */
+  --calcite-font-family-avenir-next: 'Avenir Next'; /** Primary font family */
+  --calcite-font-family-avenir: Avenir; /** Fallback for Avenir Next */
+  --calcite-font-family-consolas: Consolas; /** Fallback for Monaco */
+  --calcite-font-family-helvetica-neue: 'Helvetica Neue'; /** Fallback for Avenir Next */
+  --calcite-font-family-lucida-console: 'Lucida Console'; /** Fallback for Monaco */
   --calcite-font-family-monaco: Monaco;
-  --calcite-font-family-monospace: monospace; /* Fallback for Monaco */
-  --calcite-font-family-sans-serif: sans-serif; /* Fallback for Avenir Next */
-  --calcite-font-style-italic: italic; /* used in ratings */
-  --calcite-font-weight-ultralight: 200; /* only for Avenir Next World (secondary font family) */
+  --calcite-font-family-monospace: monospace; /** Fallback for Monaco */
+  --calcite-font-family-sans-serif: sans-serif; /** Fallback for Avenir Next */
+  --calcite-font-style-italic: italic; /** used in ratings */
+  --calcite-font-weight-ultralight: 200; /** only for Avenir Next World (secondary font family) */
   --calcite-font-weight-thin: 100;
-  --calcite-font-weight-light: 300; /* only for Avenir Next World (secondary font family) */
+  --calcite-font-weight-light: 300; /** only for Avenir Next World (secondary font family) */
   --calcite-font-weight-regular: 400;
   --calcite-font-weight-medium: 500;
   --calcite-font-weight-medium-italic: "Medium Italic";
   --calcite-font-weight-demi: 600;
   --calcite-font-weight-bold: 700;
-  --calcite-font-weight-extrabold: 800; /* only for Avenir Next World (secondary font family) */
-  --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-black: 900; /** only for Avenir Next World (secondary font family) */
   --calcite-font-weight-heavy: 900;
-  --calcite-font-text-decoration-none: none; /* Deprecated */
-  --calcite-font-text-decoration-underline: underline; /* Deprecated */
-  --calcite-font-text-case-none: none; /* Deprecated */
-  --calcite-font-text-case-uppercase: uppercase; /* Deprecated */
-  --calcite-font-text-case-lowercase: lowercase; /* Deprecated */
-  --calcite-font-text-case-capitalize: capitalize; /* Deprecated */
+  --calcite-font-text-decoration-none: none; /** Deprecated */
+  --calcite-font-text-decoration-underline: underline; /** Deprecated */
+  --calcite-font-text-case-none: none; /** Deprecated */
+  --calcite-font-text-case-uppercase: uppercase; /** Deprecated */
+  --calcite-font-text-case-lowercase: lowercase; /** Deprecated */
+  --calcite-font-text-case-capitalize: capitalize; /** Deprecated */
   --calcite-opacity-0: 0;
   --calcite-opacity-4: 0.04;
   --calcite-opacity-8: 0.08;

package/dist/css/dark.css

@@ -39,6 +39,7 @@
   --calcite-color-text-1: #ffffff;
   --calcite-color-text-2: #bfbfbf;
   --calcite-color-text-3: #9e9e9e;
+  --calcite-color-text-highlight: #c7eaff;
   --calcite-color-text-inverse: #141414;
   --calcite-color-text-link: #00a0ff;
   --calcite-color-border-1: #545454;

package/dist/css/global.css

@@ -12,19 +12,19 @@
   --calcite-border-width-lg: 4px;
   --calcite-container-size-margin: 24px;
   --calcite-container-size-gutter: 16px;
-  --calcite-container-size-content-fluid: 100%; /* for fluid grid widths */
-  --calcite-container-size-content-fixed: 1440px; /* only for lg breakpoint fixed grid width */
-  --calcite-corner-radius-sharp: 0; /* deprecated, use --calcite-conder-radius-none instead */
+  --calcite-container-size-content-fluid: 100%; /** for fluid grid widths */
+  --calcite-container-size-content-fixed: 1440px; /** only for lg breakpoint fixed grid width */
+  --calcite-corner-radius-sharp: 0; /** deprecated, use --calcite-conder-radius-none instead */
   --calcite-corner-radius-none: 0;
   --calcite-corner-radius-xs: 2px;
   --calcite-corner-radius-sm: 4px;
-  --calcite-corner-radius-round: 4px; /* deprecated, use --calcite-corner-radius-sm instead */
+  --calcite-corner-radius-round: 4px; /** deprecated, use --calcite-corner-radius-sm instead */
   --calcite-corner-radius-pill: 100%;
-  --calcite-font-family: 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif; /* Primary font with fallbacks */
-  --calcite-font-family-code: Monaco, Consolas, 'Andale Mono', 'Lucida Console', monospace; /* Font family for code with fallbacks */
-  --calcite-font-weight-light: 300; /* For Avenir Next World (secondary font family) */
+  --calcite-font-family: 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif; /** Primary font with fallbacks */
+  --calcite-font-family-code: Monaco, Consolas, 'Andale Mono', 'Lucida Console', monospace; /** Font family for code with fallbacks */
+  --calcite-font-weight-light: 300; /** For Avenir Next World (secondary font family) */
   --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-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-medium: 500;
   --calcite-font-weight-semibold: 600;
   --calcite-font-weight-bold: 600;
@@ -35,44 +35,44 @@
   --calcite-font-size-lg: 18px;
   --calcite-font-size-xl: 20px;
   --calcite-font-size-xxl: 24px;
-  --calcite-font-style-emphasis: italic; /* used in ratings */
+  --calcite-font-style-emphasis: italic; /** used in ratings */
   --calcite-font-line-height-fixed-sm: 12px;
   --calcite-font-line-height-fixed-base: 16px;
   --calcite-font-line-height-fixed-lg: 20px;
   --calcite-font-line-height-fixed-xl: 24px;
-  --calcite-font-line-height-relative: auto; /* 1 */
-  --calcite-font-line-height-relative-tight: 1.25; /* 1.25 */
-  --calcite-font-line-height-relative-snug: 1.375; /* 1.375 */
-  --calcite-font-line-height-relative-normal: 1.5; /* 1.5 */
-  --calcite-font-line-height-relative-relaxed: 1.625; /* 1.625 */
-  --calcite-font-line-height-relative-loose: 2; /* 2 */
-  --calcite-font-letter-spacing-tight: -0.4px; /* Deprecated */
-  --calcite-font-letter-spacing-normal: 0; /* Deprecated */
-  --calcite-font-letter-spacing-wide: 0.4px; /* Deprecated */
-  --calcite-font-paragraph-spacing-normal: 4px; /* Deprecated */
-  --calcite-font-text-decoration-none: none; /* Deprecated */
-  --calcite-font-text-decoration-underline: underline; /* Deprecated */
-  --calcite-font-text-case-none: none; /* Deprecated */
-  --calcite-font-text-case-uppercase: uppercase; /* Deprecated */
-  --calcite-font-text-case-lowercase: lowercase; /* Deprecated */
-  --calcite-font-text-case-capitalize: capitalize; /* Deprecated */
+  --calcite-font-line-height-relative: auto; /** 1 */
+  --calcite-font-line-height-relative-tight: 1.25; /** 1.25 */
+  --calcite-font-line-height-relative-snug: 1.375; /** 1.375 */
+  --calcite-font-line-height-relative-normal: 1.5; /** 1.5 */
+  --calcite-font-line-height-relative-relaxed: 1.625; /** 1.625 */
+  --calcite-font-line-height-relative-loose: 2; /** 2 */
+  --calcite-font-letter-spacing-tight: -0.4px; /** Deprecated */
+  --calcite-font-letter-spacing-normal: 0; /** Deprecated */
+  --calcite-font-letter-spacing-wide: 0.4px; /** Deprecated */
+  --calcite-font-paragraph-spacing-normal: 4px; /** Deprecated */
+  --calcite-font-text-decoration-none: none; /** Deprecated */
+  --calcite-font-text-decoration-underline: underline; /** Deprecated */
+  --calcite-font-text-case-none: none; /** Deprecated */
+  --calcite-font-text-case-uppercase: uppercase; /** Deprecated */
+  --calcite-font-text-case-lowercase: lowercase; /** Deprecated */
+  --calcite-font-text-case-capitalize: capitalize; /** Deprecated */
   --calcite-opacity-light: 0.4;
   --calcite-opacity-half: 0.5;
   --calcite-opacity-dark: 0.85;
   --calcite-opacity-full: 1;
   --calcite-opacity-disabled: 0.5;
   --calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);
-  --calcite-size-fixed-xxxs: 2px; /* deprecated */
-  --calcite-size-fixed-xxs: 4px; /* deprecated */
-  --calcite-size-fixed-xs: 6px; /* deprecated */
-  --calcite-size-fixed-sm: 8px; /* deprecated */
-  --calcite-size-fixed-sm-plus: 10px; /* deprecated */
-  --calcite-size-fixed-md: 12px; /* deprecated */
-  --calcite-size-fixed-md-plus: 14px; /* deprecated */
-  --calcite-size-fixed-lg: 16px; /* deprecated */
-  --calcite-size-fixed-xl: 20px; /* deprecated */
-  --calcite-size-fixed-xxl: 24px; /* deprecated */
-  --calcite-size-fixed-xxxl: 32px; /* deprecated */
+  --calcite-size-fixed-xxxs: 2px; /** deprecated */
+  --calcite-size-fixed-xxs: 4px; /** deprecated */
+  --calcite-size-fixed-xs: 6px; /** deprecated */
+  --calcite-size-fixed-sm: 8px; /** deprecated */
+  --calcite-size-fixed-sm-plus: 10px; /** deprecated */
+  --calcite-size-fixed-md: 12px; /** deprecated */
+  --calcite-size-fixed-md-plus: 14px; /** deprecated */
+  --calcite-size-fixed-lg: 16px; /** deprecated */
+  --calcite-size-fixed-xl: 20px; /** deprecated */
+  --calcite-size-fixed-xxl: 24px; /** deprecated */
+  --calcite-size-fixed-xxxl: 32px; /** deprecated */
   --calcite-size-px: 1px;
   --calcite-size-xxxs: 0.75rem;
   --calcite-size-xxs: 0.875rem;
@@ -83,14 +83,14 @@
   --calcite-size-xl: 3rem;
   --calcite-size-xxl: 4rem;
   --calcite-size-xxxl: 6rem;
-  --calcite-spacing-fixed-xxs: 4px; /* deprecated */
-  --calcite-spacing-fixed-xs: 6px; /* deprecated */
-  --calcite-spacing-fixed-sm: 8px; /* deprecated */
-  --calcite-spacing-fixed-md: 12px; /* deprecated */
-  --calcite-spacing-fixed-lg: 14px; /* deprecated */
-  --calcite-spacing-fixed-xl: 16px; /* deprecated */
-  --calcite-spacing-fixed-xxl: 20px; /* deprecated */
-  --calcite-spacing-fixed-xxxl: 32px; /* deprecated */
+  --calcite-spacing-fixed-xxs: 4px; /** deprecated */
+  --calcite-spacing-fixed-xs: 6px; /** deprecated */
+  --calcite-spacing-fixed-sm: 8px; /** deprecated */
+  --calcite-spacing-fixed-md: 12px; /** deprecated */
+  --calcite-spacing-fixed-lg: 14px; /** deprecated */
+  --calcite-spacing-fixed-xl: 16px; /** deprecated */
+  --calcite-spacing-fixed-xxl: 20px; /** deprecated */
+  --calcite-spacing-fixed-xxxl: 32px; /** deprecated */
   --calcite-spacing-none: 0;
   --calcite-spacing-px: 1px;
   --calcite-spacing-base: 2px;
@@ -114,7 +114,7 @@
   --calcite-z-index-modal: 800;
   --calcite-z-index-popup: 900;
   --calcite-z-index-tooltip: 901;
-  --calcite-corner-radius: var(--calcite-corner-radius-sharp);
+  --calcite-corner-radius: var(--calcite-corner-radius-none);
   --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-md: 0 4px 20px 0 rgba(0, 0, 0, 0.08), 0 12px 30px rgba(0, 0, 0, 0.1);
 }

package/dist/css/index.css

@@ -14,6 +14,7 @@
   --calcite-color-border-1: #c9c9c9;
   --calcite-color-text-link: #00619b;
   --calcite-color-text-inverse: #ffffff;
+  --calcite-color-text-highlight: #004874;
   --calcite-color-text-3: #6b6b6b;
   --calcite-color-text-2: #4a4a4a;
   --calcite-color-text-1: #141414;
@@ -60,6 +61,7 @@
     --calcite-color-border-1: #c9c9c9;
     --calcite-color-text-link: #00619b;
     --calcite-color-text-inverse: #ffffff;
+    --calcite-color-text-highlight: #004874;
     --calcite-color-text-3: #6b6b6b;
     --calcite-color-text-2: #4a4a4a;
     --calcite-color-text-1: #141414;
@@ -107,6 +109,7 @@
     --calcite-color-border-1: #545454;
     --calcite-color-text-link: #00a0ff;
     --calcite-color-text-inverse: #141414;
+    --calcite-color-text-highlight: #c7eaff;
     --calcite-color-text-3: #9e9e9e;
     --calcite-color-text-2: #bfbfbf;
     --calcite-color-text-1: #ffffff;
@@ -153,6 +156,7 @@
   --calcite-color-border-1: #c9c9c9;
   --calcite-color-text-link: #00619b;
   --calcite-color-text-inverse: #ffffff;
+  --calcite-color-text-highlight: #004874;
   --calcite-color-text-3: #6b6b6b;
   --calcite-color-text-2: #4a4a4a;
   --calcite-color-text-1: #141414;
@@ -198,6 +202,7 @@
   --calcite-color-border-1: #545454;
   --calcite-color-text-link: #00a0ff;
   --calcite-color-text-inverse: #141414;
+  --calcite-color-text-highlight: #c7eaff;
   --calcite-color-text-3: #9e9e9e;
   --calcite-color-text-2: #bfbfbf;
   --calcite-color-text-1: #ffffff;

package/dist/css/light.css

@@ -39,6 +39,7 @@
   --calcite-color-text-1: #141414;
   --calcite-color-text-2: #4a4a4a;
   --calcite-color-text-3: #6b6b6b;
+  --calcite-color-text-highlight: #004874;
   --calcite-color-text-inverse: #ffffff;
   --calcite-color-text-link: #00619b;
   --calcite-color-border-1: #c9c9c9;

package/dist/css/semantic.css

@@ -4,47 +4,47 @@
  */
 
 :root {
-  --calcite-container-size-height-xxs-min: 0; /* Small handheld devices and mini-windows */
-  --calcite-container-size-width-xxs-min: 0; /* Small handheld devices and mini-windows */
+  --calcite-container-size-height-xxs-min: 0; /** Small handheld devices and mini-windows */
+  --calcite-container-size-width-xxs-min: 0; /** Small handheld devices and mini-windows */
   --calcite-border-width-none: 0;
   --calcite-border-width-sm: 1px;
   --calcite-border-width-md: 2px;
   --calcite-border-width-lg: 4px;
-  --calcite-container-size-height-xxs-max: 154px; /* Small handheld devices and mini-windows */
-  --calcite-container-size-height-xs-min: 155px; /* Handheld devices */
-  --calcite-container-size-height-xs-max: 328px; /* Handheld devices */
-  --calcite-container-size-height-sm-min: 329px; /* Small tablets */
-  --calcite-container-size-height-sm-max: 504px; /* Small tablets */
-  --calcite-container-size-height-md-min: 505px; /* Small laptops */
-  --calcite-container-size-height-md-max: 678px; /* Small laptops */
-  --calcite-container-size-height-lg-min: 679px; /* Large laptops and desktop computers */
-  --calcite-container-size-height-lg-max: 854px; /* Large laptops and desktop computers */
-  --calcite-container-size-height-xl-min: 855px; /* Projectors and televisions */
-  --calcite-container-size-width-xxs-max: 320px; /* Small handheld devices and mini-windows */
-  --calcite-container-size-width-xs-min: 321px; /* Handheld devices */
-  --calcite-container-size-width-xs-max: 476px; /* Handheld devices */
-  --calcite-container-size-width-sm-min: 477px; /* Small tablets */
-  --calcite-container-size-width-sm-max: 768px; /* Small tablets */
-  --calcite-container-size-width-md-min: 769px; /* Small laptops */
-  --calcite-container-size-width-md-max: 1152px; /* Small laptops */
-  --calcite-container-size-width-lg-min: 1153px; /* Large laptops and desktop computers */
-  --calcite-container-size-width-lg-max: 1440px; /* Large laptops and desktop computers */
-  --calcite-container-size-width-xl-min: 1441px; /* Projectors and televisions */
+  --calcite-container-size-height-xxs-max: 154px; /** Small handheld devices and mini-windows */
+  --calcite-container-size-height-xs-min: 155px; /** Handheld devices */
+  --calcite-container-size-height-xs-max: 328px; /** Handheld devices */
+  --calcite-container-size-height-sm-min: 329px; /** Small tablets */
+  --calcite-container-size-height-sm-max: 504px; /** Small tablets */
+  --calcite-container-size-height-md-min: 505px; /** Small laptops */
+  --calcite-container-size-height-md-max: 678px; /** Small laptops */
+  --calcite-container-size-height-lg-min: 679px; /** Large laptops and desktop computers */
+  --calcite-container-size-height-lg-max: 854px; /** Large laptops and desktop computers */
+  --calcite-container-size-height-xl-min: 855px; /** Projectors and televisions */
+  --calcite-container-size-width-xxs-max: 320px; /** Small handheld devices and mini-windows */
+  --calcite-container-size-width-xs-min: 321px; /** Handheld devices */
+  --calcite-container-size-width-xs-max: 476px; /** Handheld devices */
+  --calcite-container-size-width-sm-min: 477px; /** Small tablets */
+  --calcite-container-size-width-sm-max: 768px; /** Small tablets */
+  --calcite-container-size-width-md-min: 769px; /** Small laptops */
+  --calcite-container-size-width-md-max: 1152px; /** Small laptops */
+  --calcite-container-size-width-lg-min: 1153px; /** Large laptops and desktop computers */
+  --calcite-container-size-width-lg-max: 1440px; /** Large laptops and desktop computers */
+  --calcite-container-size-width-xl-min: 1441px; /** Projectors and televisions */
   --calcite-container-size-margin: 24px;
   --calcite-container-size-gutter: 16px;
-  --calcite-container-size-content-fluid: 100%; /* for fluid grid widths */
-  --calcite-container-size-content-fixed: 1440px; /* only for lg breakpoint fixed grid width */
-  --calcite-corner-radius-sharp: 0; /* deprecated, use --calcite-conder-radius-none instead */
+  --calcite-container-size-content-fluid: 100%; /** for fluid grid widths */
+  --calcite-container-size-content-fixed: 1440px; /** only for lg breakpoint fixed grid width */
+  --calcite-corner-radius-sharp: 0; /** deprecated, use --calcite-conder-radius-none instead */
   --calcite-corner-radius-none: 0;
   --calcite-corner-radius-xs: 2px;
   --calcite-corner-radius-sm: 4px;
-  --calcite-corner-radius-round: 4px; /* deprecated, use --calcite-corner-radius-sm instead */
+  --calcite-corner-radius-round: 4px; /** deprecated, use --calcite-corner-radius-sm instead */
   --calcite-corner-radius-pill: 100%;
-  --calcite-font-family: 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif; /* Primary font with fallbacks */
-  --calcite-font-family-code: Monaco, Consolas, 'Andale Mono', 'Lucida Console', monospace; /* Font family for code with fallbacks */
-  --calcite-font-weight-light: 300; /* For Avenir Next World (secondary font family) */
+  --calcite-font-family: 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif; /** Primary font with fallbacks */
+  --calcite-font-family-code: Monaco, Consolas, 'Andale Mono', 'Lucida Console', monospace; /** Font family for code with fallbacks */
+  --calcite-font-weight-light: 300; /** For Avenir Next World (secondary font family) */
   --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-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-medium: 500;
   --calcite-font-weight-semibold: 600;
   --calcite-font-weight-bold: 600;
@@ -55,44 +55,44 @@
   --calcite-font-size-lg: 18px;
   --calcite-font-size-xl: 20px;
   --calcite-font-size-xxl: 24px;
-  --calcite-font-style-emphasis: italic; /* used in ratings */
+  --calcite-font-style-emphasis: italic; /** used in ratings */
   --calcite-font-line-height-fixed-sm: 12px;
   --calcite-font-line-height-fixed-base: 16px;
   --calcite-font-line-height-fixed-lg: 20px;
   --calcite-font-line-height-fixed-xl: 24px;
-  --calcite-font-line-height-relative: auto; /* 1 */
-  --calcite-font-line-height-relative-tight: 1.25; /* 1.25 */
-  --calcite-font-line-height-relative-snug: 1.375; /* 1.375 */
-  --calcite-font-line-height-relative-normal: 1.5; /* 1.5 */
-  --calcite-font-line-height-relative-relaxed: 1.625; /* 1.625 */
-  --calcite-font-line-height-relative-loose: 2; /* 2 */
-  --calcite-font-letter-spacing-tight: -0.4px; /* Deprecated */
-  --calcite-font-letter-spacing-normal: 0; /* Deprecated */
-  --calcite-font-letter-spacing-wide: 0.4px; /* Deprecated */
-  --calcite-font-paragraph-spacing-normal: 4px; /* Deprecated */
-  --calcite-font-text-decoration-none: none; /* Deprecated */
-  --calcite-font-text-decoration-underline: underline; /* Deprecated */
-  --calcite-font-text-case-none: none; /* Deprecated */
-  --calcite-font-text-case-uppercase: uppercase; /* Deprecated */
-  --calcite-font-text-case-lowercase: lowercase; /* Deprecated */
-  --calcite-font-text-case-capitalize: capitalize; /* Deprecated */
+  --calcite-font-line-height-relative: auto; /** 1 */
+  --calcite-font-line-height-relative-tight: 1.25; /** 1.25 */
+  --calcite-font-line-height-relative-snug: 1.375; /** 1.375 */
+  --calcite-font-line-height-relative-normal: 1.5; /** 1.5 */
+  --calcite-font-line-height-relative-relaxed: 1.625; /** 1.625 */
+  --calcite-font-line-height-relative-loose: 2; /** 2 */
+  --calcite-font-letter-spacing-tight: -0.4px; /** Deprecated */
+  --calcite-font-letter-spacing-normal: 0; /** Deprecated */
+  --calcite-font-letter-spacing-wide: 0.4px; /** Deprecated */
+  --calcite-font-paragraph-spacing-normal: 4px; /** Deprecated */
+  --calcite-font-text-decoration-none: none; /** Deprecated */
+  --calcite-font-text-decoration-underline: underline; /** Deprecated */
+  --calcite-font-text-case-none: none; /** Deprecated */
+  --calcite-font-text-case-uppercase: uppercase; /** Deprecated */
+  --calcite-font-text-case-lowercase: lowercase; /** Deprecated */
+  --calcite-font-text-case-capitalize: capitalize; /** Deprecated */
   --calcite-opacity-light: 0.4;
   --calcite-opacity-half: 0.5;
   --calcite-opacity-dark: 0.85;
   --calcite-opacity-full: 1;
   --calcite-opacity-disabled: 0.5;
   --calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);
-  --calcite-size-fixed-xxxs: 2px; /* deprecated */
-  --calcite-size-fixed-xxs: 4px; /* deprecated */
-  --calcite-size-fixed-xs: 6px; /* deprecated */
-  --calcite-size-fixed-sm: 8px; /* deprecated */
-  --calcite-size-fixed-sm-plus: 10px; /* deprecated */
-  --calcite-size-fixed-md: 12px; /* deprecated */
-  --calcite-size-fixed-md-plus: 14px; /* deprecated */
-  --calcite-size-fixed-lg: 16px; /* deprecated */
-  --calcite-size-fixed-xl: 20px; /* deprecated */
-  --calcite-size-fixed-xxl: 24px; /* deprecated */
-  --calcite-size-fixed-xxxl: 32px; /* deprecated */
+  --calcite-size-fixed-xxxs: 2px; /** deprecated */
+  --calcite-size-fixed-xxs: 4px; /** deprecated */
+  --calcite-size-fixed-xs: 6px; /** deprecated */
+  --calcite-size-fixed-sm: 8px; /** deprecated */
+  --calcite-size-fixed-sm-plus: 10px; /** deprecated */
+  --calcite-size-fixed-md: 12px; /** deprecated */
+  --calcite-size-fixed-md-plus: 14px; /** deprecated */
+  --calcite-size-fixed-lg: 16px; /** deprecated */
+  --calcite-size-fixed-xl: 20px; /** deprecated */
+  --calcite-size-fixed-xxl: 24px; /** deprecated */
+  --calcite-size-fixed-xxxl: 32px; /** deprecated */
   --calcite-size-px: 1px;
   --calcite-size-xxxs: 0.75rem;
   --calcite-size-xxs: 0.875rem;
@@ -103,14 +103,14 @@
   --calcite-size-xl: 3rem;
   --calcite-size-xxl: 4rem;
   --calcite-size-xxxl: 6rem;
-  --calcite-spacing-fixed-xxs: 4px; /* deprecated */
-  --calcite-spacing-fixed-xs: 6px; /* deprecated */
-  --calcite-spacing-fixed-sm: 8px; /* deprecated */
-  --calcite-spacing-fixed-md: 12px; /* deprecated */
-  --calcite-spacing-fixed-lg: 14px; /* deprecated */
-  --calcite-spacing-fixed-xl: 16px; /* deprecated */
-  --calcite-spacing-fixed-xxl: 20px; /* deprecated */
-  --calcite-spacing-fixed-xxxl: 32px; /* deprecated */
+  --calcite-spacing-fixed-xxs: 4px; /** deprecated */
+  --calcite-spacing-fixed-xs: 6px; /** deprecated */
+  --calcite-spacing-fixed-sm: 8px; /** deprecated */
+  --calcite-spacing-fixed-md: 12px; /** deprecated */
+  --calcite-spacing-fixed-lg: 14px; /** deprecated */
+  --calcite-spacing-fixed-xl: 16px; /** deprecated */
+  --calcite-spacing-fixed-xxl: 20px; /** deprecated */
+  --calcite-spacing-fixed-xxxl: 32px; /** deprecated */
   --calcite-spacing-none: 0;
   --calcite-spacing-px: 1px;
   --calcite-spacing-base: 2px;
@@ -134,7 +134,7 @@
   --calcite-z-index-modal: 800;
   --calcite-z-index-popup: 900;
   --calcite-z-index-tooltip: 901;
-  --calcite-corner-radius: var(--calcite-corner-radius-sharp);
+  --calcite-corner-radius: var(--calcite-corner-radius-none);
   --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-md: 0 4px 20px 0 rgba(0, 0, 0, 0.08), 0 12px 30px rgba(0, 0, 0, 0.1);
 }

package/dist/docs/core.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1746138184577,
+  "timestamp": 1747112038578,
   "tokens": [
     {
       "value": "#ffffff",

package/dist/docs/dark.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1746138182007,
+  "timestamp": 1747112036160,
   "tokens": [
     {
       "value": "#363636",
@@ -968,6 +968,33 @@
       "path": ["semantic", "color", "text", "3"],
       "key": "{semantic.color.text.3}"
     },
+    {
+      "value": "#c7eaff",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "type": "color",
+        "item": "text",
+        "subitem": "highlight",
+        "names": {
+          "scss": "$calcite-color-text-highlight",
+          "css": "var(--calcite-color-text-highlight)",
+          "js": "semantic.color.text.highlight",
+          "docs": "semantic.color.text.highlight",
+          "es6": "calciteColorTextHighlight"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/dark.json",
+      "isSource": true,
+      "name": "Color Text Highlight",
+      "path": ["semantic", "color", "text", "highlight"],
+      "key": "{semantic.color.text.highlight}"
+    },
     {
       "value": "#141414",
       "type": "color",

package/dist/docs/global.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1746138184266,
+  "timestamp": 1747112038317,
   "tokens": [
     {
       "value": "{\"light\":\"#f7f7f7\",\"dark\":\"#363636\"}",
@@ -966,6 +966,33 @@
       "path": ["semantic", "color", "text", "3"],
       "key": "{semantic.color.text.3}"
     },
+    {
+      "value": "{\"light\":\"#004874\",\"dark\":\"#c7eaff\"}",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "type": "color",
+        "item": "text",
+        "subitem": "highlight",
+        "names": {
+          "scss": "$calcite-color-text-highlight",
+          "css": "var(--calcite-color-text-highlight)",
+          "js": "semantic.color.text.highlight",
+          "docs": "semantic.color.text.highlight",
+          "es6": "calciteColorTextHighlight"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": false,
+      "name": "Color Text Highlight",
+      "path": ["semantic", "color", "text", "highlight"],
+      "key": "{semantic.color.text.highlight}"
+    },
     {
       "value": "{\"light\":\"#ffffff\",\"dark\":\"#141414\"}",
       "type": "color",

package/dist/docs/light.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1746138182952,
+  "timestamp": 1747112037052,
   "tokens": [
     {
       "value": "#f7f7f7",
@@ -966,6 +966,33 @@
       "path": ["semantic", "color", "text", "3"],
       "key": "{semantic.color.text.3}"
     },
+    {
+      "value": "#004874",
+      "type": "color",
+      "attributes": {
+        "category": "color",
+        "type": "color",
+        "item": "text",
+        "subitem": "highlight",
+        "names": {
+          "scss": "$calcite-color-text-highlight",
+          "css": "var(--calcite-color-text-highlight)",
+          "js": "semantic.color.text.highlight",
+          "docs": "semantic.color.text.highlight",
+          "es6": "calciteColorTextHighlight"
+        },
+        "calcite-schema": {
+          "system": "calcite",
+          "tier": "color",
+          "type": "color"
+        }
+      },
+      "filePath": "src/tokens/semantic/color/light.json",
+      "isSource": true,
+      "name": "Color Text Highlight",
+      "path": ["semantic", "color", "text", "highlight"],
+      "key": "{semantic.color.text.highlight}"
+    },
     {
       "value": "#ffffff",
       "type": "color",

package/dist/docs/semantic.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": 1746138184476,
+  "timestamp": 1747112038499,
   "tokens": [
     {
       "value": "0",