From add71c7bf5fc6f044ab3911d208f1115937e37c8 Mon Sep 17 00:00:00 2001
From: Ditwan Price <price.ditwan@gmail.com>
Date: Thu, 16 Nov 2023 15:26:52 -0800
Subject: [PATCH 01/30] docs(label, list): update usage examples (#8192)

**Related Issue:** #6374

Updates component usage examples for the label and list components

---------

Co-authored-by: JC Franco <jfranco@esri.com>
Co-authored-by: Matt Driscoll <mdriscoll@esri.com>
Co-authored-by: Ben Elan <no-reply@benelan.dev>
Co-authored-by: jcfranco <jcfranco@users.noreply.github.com>
Co-authored-by: Adam Tirella <adam@tirel.la>
---
 .../src/components/label/usage/Basic.md       | 11 ++++--
 .../src/components/list/usage/Advanced.md     | 36 ++++++++-----------
 .../src/components/list/usage/Basic.md        | 14 ++++----
 .../src/components/list/usage/DragEnabled.md  | 27 +++++++++-----
 .../list/usage/DragEnabledNested.md           | 35 ++++++++++--------
 .../src/components/list/usage/Grouped.md      | 31 ++++++++++------
 .../list/usage/MultipleSelections.md          | 18 ++++++++++
 .../src/components/list/usage/Nested.md       | 10 +++---
 8 files changed, 110 insertions(+), 72 deletions(-)
 create mode 100644 packages/calcite-components/src/components/list/usage/MultipleSelections.md

diff --git a/packages/calcite-components/src/components/label/usage/Basic.md b/packages/calcite-components/src/components/label/usage/Basic.md
index c0bf7ada417..8fb05f3cdb2 100644
--- a/packages/calcite-components/src/components/label/usage/Basic.md
+++ b/packages/calcite-components/src/components/label/usage/Basic.md
@@ -1,7 +1,12 @@
 ```html
 <calcite-label>
-  Invalid input
-  <calcite-input status="invalid" type="search" placeholder="Filter your files" value="adfo2h2"></calcite-input>
-  <calcite-input-message icon status="invalid"> Something doesn't look right </calcite-input-message>
+  Email address
+  <calcite-input
+    status="invalid"
+    type="email"
+    placeholder="Enter your email address"
+    value="invalidemailformat.com"
+  ></calcite-input>
+  <calcite-input-message icon status="invalid">Enter a valid email address</calcite-input-message>
 </calcite-label>
 ```
diff --git a/packages/calcite-components/src/components/list/usage/Advanced.md b/packages/calcite-components/src/components/list/usage/Advanced.md
index 7cad9725dcd..8d9bbf676dc 100644
--- a/packages/calcite-components/src/components/list/usage/Advanced.md
+++ b/packages/calcite-components/src/components/list/usage/Advanced.md
@@ -1,37 +1,31 @@
 ```html
 <calcite-list>
-  <calcite-list-item label="Princess Bubblegum" description="Ruler of The Candy Kingdom">
+  <calcite-list-item
+    label="Dog"
+    description="Also known as Canis familiaris, a carnivorous mammal closely related to the gray wolf that has been domesticated as a pet."
+  >
     <calcite-action icon="drag" label="drag" scale="s" slot="actions-start"></calcite-action>
-    <calcite-icon scale="l" icon="effects" slot="content-start"></calcite-icon>
-    <calcite-avatar
-      scale="l"
-      slot="content-start"
-      thumbnail="https://slm-assets.secondlife.com/assets/19947929/view_large/Capture_du_2018-03-04_20-40-56.jpg?1520192584"
-    ></calcite-avatar>
+    <calcite-icon scale="l" icon="layer" slot="content-start"></calcite-icon>
+    <calcite-avatar scale="l" slot="content-start" thumbnail="https://placedog.net/300/300"></calcite-avatar>
     <calcite-icon scale="s" icon="check" slot="content-end" style="color: var(--calcite-color-success)"></calcite-icon>
     <calcite-action icon="ellipsis" label="menu" slot="actions-end"></calcite-action>
     <calcite-action icon="x" label="remove" slot="actions-end"></calcite-action>
   </calcite-list-item>
-  <calcite-list-item label="Finn Mertens" description="Part owner of the Tree House">
+  <calcite-list-item
+    label="Cat"
+    description="Also known as Felis catus, a carnivorous mammal that has long been domesticated as a pet and for catching rats and mice."
+  >
     <calcite-action icon="drag" label="drag" scale="s" slot="actions-start"></calcite-action>
-    <calcite-icon scale="l" icon="running" slot="content-start"></calcite-icon>
-    <calcite-avatar
-      scale="l"
-      slot="content-start"
-      thumbnail="https://www.seekpng.com/png/detail/90-906849_89kib-1024x631-finn-finn-adventure-time-face.png"
-    ></calcite-avatar>
+    <calcite-icon scale="l" icon="layer" slot="content-start"></calcite-icon>
+    <calcite-avatar scale="l" slot="content-start" thumbnail="https://placekitten.com/g/300/300"></calcite-avatar>
     <calcite-icon scale="s" icon="check" slot="content-end" style="color: var(--calcite-color-success)"></calcite-icon>
     <calcite-action icon="ellipsis" label="menu" slot="actions-end"></calcite-action>
     <calcite-action icon="x" label="remove" slot="actions-end"></calcite-action>
   </calcite-list-item>
-  <calcite-list-item label="Jake T. Dog" description="Part owner of the Tree House">
+  <calcite-list-item label="Bear" description="Carnivorous mammals of the family Ursidae.">
     <calcite-action icon="drag" label="drag" scale="s" slot="actions-start"></calcite-action>
-    <calcite-icon scale="l" icon="walking" slot="content-start"></calcite-icon>
-    <calcite-avatar
-      scale="l"
-      slot="content-start"
-      thumbnail="https://static.wikia.nocookie.net/adventuretimewithfinnandjake/images/c/c9/603138_454321168018988_647044807_n.png/revision/latest/scale-to-width-down/250?cb=20140624024310"
-    ></calcite-avatar>
+    <calcite-icon scale="l" icon="layer" slot="content-start"></calcite-icon>
+    <calcite-avatar scale="l" slot="content-start" thumbnail="https://placebear.com/g/400/400"></calcite-avatar>
     <calcite-icon
       scale="s"
       icon="exclamation-mark-triangle"
diff --git a/packages/calcite-components/src/components/list/usage/Basic.md b/packages/calcite-components/src/components/list/usage/Basic.md
index 7ef4ce18a73..3b51be6a435 100644
--- a/packages/calcite-components/src/components/list/usage/Basic.md
+++ b/packages/calcite-components/src/components/list/usage/Basic.md
@@ -1,18 +1,16 @@
 ```html
 <calcite-list>
   <calcite-list-item
-    label="Cras iaculis ultricies nulla."
-    description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+    label="Comet"
+    description="Cosmic snowballs of frozen gases, rock, and dust that orbit the Sun."
   ></calcite-list-item>
   <calcite-list-item
-    label="Ut aliquam sollicitudin leo."
-    description="Aliquam tincidunt mauris eu risus."
+    label="Meteoroid"
+    description="A small body of matter from outer space that enters Earth's atmosphere and appears like a streak of light."
   ></calcite-list-item>
   <calcite-list-item
-    label="Vestibulum commodo felis quis tortor.
-  "
-    description="Vestibulum auctor dapibus neque.
-  "
+    label="Asteroid"
+    description="A celestial body made of rock and metal that orbits the Sun."
   ></calcite-list-item>
 </calcite-list>
 ```
diff --git a/packages/calcite-components/src/components/list/usage/DragEnabled.md b/packages/calcite-components/src/components/list/usage/DragEnabled.md
index 0009ab0e079..b3d117a83f6 100644
--- a/packages/calcite-components/src/components/list/usage/DragEnabled.md
+++ b/packages/calcite-components/src/components/list/usage/DragEnabled.md
@@ -1,16 +1,25 @@
 ```html
 <calcite-list drag-enabled>
-  <calcite-list-item label="test1" value="test1" description="hello world 1">
-    <calcite-icon icon="banana" slot="content-start"></calcite-icon>
+  <calcite-list-item
+    label="Don Quixote"
+    value="1"
+    description="Don Quixote is a Spanish epic novel by Miguel de Cervantes."
+  >
+    <calcite-icon icon="book" slot="content-start"></calcite-icon>
   </calcite-list-item>
-  <calcite-list-item label="test2" value="test2" description="hello world 2">
-    <calcite-icon icon="accessibility" slot="content-start"></calcite-icon>
+  <calcite-list-item
+    label="A Tale of Two Cities"
+    value="2"
+    description="A historical novel published in 1859 by Charles Dickens, set in London and Paris before and during the French Revolution."
+  >
+    <calcite-icon icon="book" slot="content-start"></calcite-icon>
   </calcite-list-item>
-  <calcite-list-item label="test3" value="test3" description="hello world 3">
-    <calcite-icon icon="article" slot="content-start"></calcite-icon>
-  </calcite-list-item>
-  <calcite-list-item disabled label="test4" value="test4" description="hello world 4">
-    <calcite-icon icon="compass" slot="content-start"></calcite-icon>
+  <calcite-list-item
+    label="The Lord of the Rings"
+    value="3"
+    description="An epic high-fantasy novel by the English author and scholar J. R. R. Tolkien."
+  >
+    <calcite-icon icon="book" slot="content-start"></calcite-icon>
   </calcite-list-item>
 </calcite-list>
 ```
diff --git a/packages/calcite-components/src/components/list/usage/DragEnabledNested.md b/packages/calcite-components/src/components/list/usage/DragEnabledNested.md
index bcc553fc4ee..45cd613b626 100644
--- a/packages/calcite-components/src/components/list/usage/DragEnabledNested.md
+++ b/packages/calcite-components/src/components/list/usage/DragEnabledNested.md
@@ -1,19 +1,24 @@
 ```html
-<calcite-list drag-enabled group="mygroup" selection-mode="multiple">
-  <calcite-list-item open label="My Item 1" description="hello world">
-    <calcite-list drag-enabled group="mygroup" selection-mode="multiple">
-      <calcite-list-item open label="My Item 2" description="hello world">
-        <calcite-list drag-enabled group="mygroup" selection-mode="multiple">
-          <calcite-list-item label="My Item 3" description="hello world">
-            <calcite-list drag-enabled group="mygroup" selection-mode="multiple"></calcite-list>
-          </calcite-list-item>
-          <calcite-list-item label="My Item 4" description="hello world"></calcite-list-item>
-        </calcite-list>
-      </calcite-list-item>
-      <calcite-list-item label="My Item 5" description="hello world"></calcite-list-item>
-    </calcite-list>
+<calcite-list drag-enabled group="Birds">
+  <calcite-list-item open label="Eagles">
+    <calcite-list-item
+      label="Bald Eagle"
+      description="The bald eagle is a bird of prey found in North America."
+    ></calcite-list-item>
+    <calcite-list-item
+      label="Golden Eagle"
+      description="The golden eagle is a bird of prey living in the Northern Hemisphere."
+    ></calcite-list-item>
+  </calcite-list-item>
+  <calcite-list-item open label="Owls">
+    <calcite-list-item
+      label="Great Horned Owl"
+      description="The great horned owl, also known as the tiger owl, or the hoot owl, is a large owl native to the Americas."
+    ></calcite-list-item>
+    <calcite-list-item
+      label="Snow Owl"
+      description="The snowy owl, also known as the polar owl, the white owl and the Arctic owl, is a large, white owl of the true owl family."
+    ></calcite-list-item>
   </calcite-list-item>
-  <calcite-list-item label="My Item 6" description="hello world"></calcite-list-item>
-  <calcite-list-item label="My Item 7" description="hello world"></calcite-list-item>
 </calcite-list>
 ```
diff --git a/packages/calcite-components/src/components/list/usage/Grouped.md b/packages/calcite-components/src/components/list/usage/Grouped.md
index 3a5afbac10d..9285ee36edd 100644
--- a/packages/calcite-components/src/components/list/usage/Grouped.md
+++ b/packages/calcite-components/src/components/list/usage/Grouped.md
@@ -1,22 +1,31 @@
 ```html
 <calcite-list>
-  <calcite-list-item-group heading="Digits">
+  <calcite-list-item-group heading="Continents in order of size">
     <calcite-list-item
-      label="One"
-      description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+      label="Asia"
+      description="Asia is the largest continent in the world by both land area and population."
+    ></calcite-list-item>
+    <calcite-list-item
+      label="Africa"
+      description="Africa is the world's second-largest and second-most populous continent, after Asia in both aspects."
+    ></calcite-list-item>
+    <calcite-list-item
+      label="North America"
+      description="North America is the third largest continent, after Asia and Africa."
     ></calcite-list-item>
-    <calcite-list-item label="Two" description="Aliquam tincidunt mauris eu risus."></calcite-list-item>
-    <calcite-list-item label="Three" description="Vestibulum auctor dapibus neque."></calcite-list-item>
   </calcite-list-item-group>
-  <calcite-list-item-group heading="Letters">
+  <calcite-list-item-group heading="Mountains in order of height">
+    <calcite-list-item
+      label="Mount Everest"
+      description="Mount Everest is the highest of the Himalayan mountains, and at 8,850 meters considered the highest point on Earth."
+    ></calcite-list-item>
     <calcite-list-item
-      label="A"
-      description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+      label="Godwin Austen (K2)"
+      description="Mount Godwin-Austen also known as K2 is the second highest mountain in the world at 8,611 meters above sea level."
     ></calcite-list-item>
-    <calcite-list-item label="B" description="Aliquam tincidunt mauris eu risus."></calcite-list-item>
     <calcite-list-item
-      label="C"
-      description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+      label="Kangchenjunga"
+      description="Mount Kanchenjunga Main is the third highest mountain peak in the world with an elevation of 8,586 meters."
     ></calcite-list-item>
   </calcite-list-item-group>
 </calcite-list>
diff --git a/packages/calcite-components/src/components/list/usage/MultipleSelections.md b/packages/calcite-components/src/components/list/usage/MultipleSelections.md
new file mode 100644
index 00000000000..68d4c4ec82a
--- /dev/null
+++ b/packages/calcite-components/src/components/list/usage/MultipleSelections.md
@@ -0,0 +1,18 @@
+```html
+<calcite-list selection-mode="multiple">
+  <calcite-list-item-group heading="Sports">
+    <calcite-list-item
+      label="Tennis"
+      description="Tennis is a racket sport that is played either individually against a single opponent or between two teams of two players each."
+    ></calcite-list-item>
+    <calcite-list-item
+      label="Baseball"
+      description="Baseball is a bat-and-ball sport played between two teams of nine players each, taking turns batting and fielding."
+    ></calcite-list-item>
+    <calcite-list-item
+      label="Golf"
+      description="Golf is a sport in which a small ball is struck with a club into a series of small holes in the ground, the object being to use the fewest possible strokes to complete the course."
+    ></calcite-list-item>
+  </calcite-list-item-group>
+</calcite-list>
+```
diff --git a/packages/calcite-components/src/components/list/usage/Nested.md b/packages/calcite-components/src/components/list/usage/Nested.md
index a1efe689269..df2dcbf6640 100644
--- a/packages/calcite-components/src/components/list/usage/Nested.md
+++ b/packages/calcite-components/src/components/list/usage/Nested.md
@@ -1,13 +1,13 @@
 ```html
 <calcite-list>
   <calcite-list-item
-    label="Cras iaculis ultricies nulla."
-    description="Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+    label="United States of America"
+    description="A country located in North America consisting of 50 states."
   >
-    <calcite-list-item label="Ut aliquam sollicitudin leo." description="Aliquam tincidunt mauris eu risus.">
+    <calcite-list-item label="California" description="A state on the western coast of the United States.">
       <calcite-list-item
-        label="Vestibulum commodo felis quis tortor."
-        description="Vestibulum auctor dapibus neque."
+        label="Redlands"
+        description="A city in California and the hometown of Esri."
       ></calcite-list-item></calcite-list-item
   ></calcite-list-item>
 </calcite-list>

From 3804f96b0c9dee002cca1a1ffb3db77b4b22965f Mon Sep 17 00:00:00 2001
From: Matt Driscoll <mdriscoll@esri.com>
Date: Thu, 16 Nov 2023 16:06:01 -0800
Subject: [PATCH 02/30] feat(list-item): Add content-bottom slot for placing
 content below the label and description of the component (#8183)

**Related Issue:** #8173

## Summary

- Adds a new slot `content-bottom`.
- `content-bottom` is indented the same as the item.
- screenshot tests
---
 .../src/components/list-item/list-item.scss   | 10 +++-
 .../src/components/list-item/list-item.tsx    | 52 ++++++++++++++-----
 .../src/components/list-item/resources.ts     |  2 +
 .../src/components/list/list.stories.ts       | 28 ++++++++++
 4 files changed, 79 insertions(+), 13 deletions(-)

diff --git a/packages/calcite-components/src/components/list-item/list-item.scss b/packages/calcite-components/src/components/list-item/list-item.scss
index 928464a0f61..7cfecc3a516 100755
--- a/packages/calcite-components/src/components/list-item/list-item.scss
+++ b/packages/calcite-components/src/components/list-item/list-item.scss
@@ -74,7 +74,8 @@ td:focus {
 }
 
 .label,
-.description {
+.description,
+.content-bottom {
   @apply text-n2 word-break font-sans font-normal;
   &:only-child {
     @apply m-0 py-1;
@@ -102,6 +103,13 @@ td:focus {
   @apply flex-auto;
 }
 
+.content-bottom {
+  @apply bg-foreground-1 flex flex-col;
+  padding-inline-start: calc(
+    var(--calcite-list-item-spacing-indent) * var(--calcite-list-item-spacing-indent-multiplier)
+  );
+}
+
 .content-container--has-center-content .content-start,
 .content-container--has-center-content .content-end {
   @apply flex-initial;
diff --git a/packages/calcite-components/src/components/list-item/list-item.tsx b/packages/calcite-components/src/components/list-item/list-item.tsx
index 5c1b4f27e58..91e9ca18edc 100644
--- a/packages/calcite-components/src/components/list-item/list-item.tsx
+++ b/packages/calcite-components/src/components/list-item/list-item.tsx
@@ -51,6 +51,7 @@ import {
  * @slot content - A slot for adding non-actionable, centered content in place of the `label` and `description` of the component.
  * @slot content-end - A slot for adding non-actionable elements after the label and description of the component.
  * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the component.
+ * @slot content-bottom - A slot for adding content below the component's `label` and `description`.
  */
 @Component({
   tag: "calcite-list-item",
@@ -276,6 +277,8 @@ export class ListItem
 
   @State() hasContentEnd = false;
 
+  @State() hasContentBottom = false;
+
   containerEl: HTMLTableRowElement;
 
   contentEl: HTMLTableCellElement;
@@ -474,6 +477,35 @@ export class ListItem
     );
   }
 
+  renderContentBottom(): VNode {
+    const { hasContentBottom, visualLevel } = this;
+    return (
+      <div
+        class={CSS.contentBottom}
+        hidden={!hasContentBottom}
+        style={{ "--calcite-list-item-spacing-indent-multiplier": `${visualLevel}` }}
+      >
+        <slot name={SLOTS.contentBottom} onSlotchange={this.handleContentBottomSlotChange} />
+      </div>
+    );
+  }
+
+  renderDefaultContainer(): VNode {
+    return (
+      <div
+        class={{
+          [CSS.nestedContainer]: true,
+          [CSS.nestedContainerHidden]: this.openable && !this.open,
+        }}
+      >
+        <slot
+          onSlotchange={this.handleDefaultSlotChange}
+          ref={(el: HTMLSlotElement) => (this.defaultSlotEl = el)}
+        />
+      </div>
+    );
+  }
+
   renderContentProperties(): VNode {
     const { label, description, hasCustomContent } = this;
 
@@ -535,6 +567,7 @@ export class ListItem
       selectionAppearance,
       selectionMode,
       closed,
+      visualLevel,
     } = this;
 
     const showBorder = selectionMode !== "none" && selectionAppearance === "border";
@@ -559,7 +592,7 @@ export class ListItem
           onFocus={this.focusCellNull}
           onKeyDown={this.handleItemKeyDown}
           role="row"
-          style={{ "--calcite-list-item-spacing-indent-multiplier": `${this.visualLevel}` }}
+          style={{ "--calcite-list-item-spacing-indent-multiplier": `${visualLevel}` }}
           tabIndex={active ? 0 : -1}
           // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
           ref={(el) => (this.containerEl = el)}
@@ -571,17 +604,8 @@ export class ListItem
           {this.renderContentContainer()}
           {this.renderActionsEnd()}
         </tr>
-        <div
-          class={{
-            [CSS.nestedContainer]: true,
-            [CSS.nestedContainerHidden]: openable && !open,
-          }}
-        >
-          <slot
-            onSlotchange={this.handleDefaultSlotChange}
-            ref={(el: HTMLSlotElement) => (this.defaultSlotEl = el)}
-          />
-        </div>
+        {this.renderContentBottom()}
+        {this.renderDefaultContainer()}
       </Host>
     );
   }
@@ -621,6 +645,10 @@ export class ListItem
     this.hasContentEnd = slotChangeHasAssignedElement(event);
   };
 
+  handleContentBottomSlotChange = (event: Event): void => {
+    this.hasContentBottom = slotChangeHasAssignedElement(event);
+  };
+
   setSelectionDefaults(): void {
     const { parentListEl, selectionMode, selectionAppearance } = this;
 
diff --git a/packages/calcite-components/src/components/list-item/resources.ts b/packages/calcite-components/src/components/list-item/resources.ts
index 3e40f74903d..27cb8de1d3a 100644
--- a/packages/calcite-components/src/components/list-item/resources.ts
+++ b/packages/calcite-components/src/components/list-item/resources.ts
@@ -14,6 +14,7 @@ export const CSS = {
   label: "label",
   description: "description",
   contentEnd: "content-end",
+  contentBottom: "content-bottom",
   actionsEnd: "actions-end",
   selectionContainer: "selection-container",
   openContainer: "open-container",
@@ -24,6 +25,7 @@ export const SLOTS = {
   actionsStart: "actions-start",
   contentStart: "content-start",
   content: "content",
+  contentBottom: "content-bottom",
   contentEnd: "content-end",
   actionsEnd: "actions-end",
 };
diff --git a/packages/calcite-components/src/components/list/list.stories.ts b/packages/calcite-components/src/components/list/list.stories.ts
index aaeaac3b0d2..b229a824e51 100644
--- a/packages/calcite-components/src/components/list/list.stories.ts
+++ b/packages/calcite-components/src/components/list/list.stories.ts
@@ -217,6 +217,34 @@ export const startAndEndContentSlots = (): string => html`<calcite-list ${knobsH
   </calcite-list-item>
 </calcite-list> `;
 
+export const contentBottomSlots = (): string => html`<calcite-list ${knobsHTML()}>
+  <calcite-list-item label="Princess Bubblegum" description="Ruler of The Candy Kingdom">
+    <span slot="content-bottom">Some value or something and a <b>thing</b>.</span>
+  </calcite-list-item>
+  <calcite-list-item label="Princess Bubblegum" description="Ruler of The Candy Kingdom">
+    <span slot="content-bottom">Some value or something and a <b>thing</b>.</span>
+  </calcite-list-item>
+  <calcite-list-item label="Princess Bubblegum" description="Ruler of The Candy Kingdom">
+    <span slot="content-bottom">Some value or something and a <b>thing</b>.</span>
+  </calcite-list-item>
+</calcite-list> `;
+
+export const contentBottomSlotsNested = (): string => html`<calcite-list ${knobsHTML()}>
+  <calcite-list-item label="Princess Bubblegum" description="Ruler of The Candy Kingdom" open>
+    <span slot="content-bottom">Some value or something and a <b>thing</b>.</span>
+    <calcite-list
+      ><calcite-list-item label="Princess Bubblegum" description="Ruler of The Candy Kingdom" open>
+        <span slot="content-bottom">Some value or something and a <b>thing</b>.</span
+        ><calcite-list
+          ><calcite-list-item label="Princess Bubblegum" description="Ruler of The Candy Kingdom">
+            <span slot="content-bottom">Some value or something and a <b>thing</b>.</span>
+          </calcite-list-item></calcite-list
+        >
+      </calcite-list-item></calcite-list
+    >
+  </calcite-list-item>
+</calcite-list> `;
+
 export const richContent = (): string => html`
   <calcite-list ${knobsHTML()}>
     <calcite-list-item label="Princess Bubblegum" description="Ruler of The Candy Kingdom">

From 504fdf90051fb274b811ec23e058e597711b54ab Mon Sep 17 00:00:00 2001
From: JC Franco <jfranco@esri.com>
Date: Thu, 16 Nov 2023 22:34:33 -0800
Subject: [PATCH 03/30] chore(design-tokens): delete unnecessary lock file
 (#8197)

**Related Issue:** N/A

## Summary

The design-tokens package no longer has package-level dependencies, so
we can drop the lock file.
---
 .../calcite-design-tokens/package-lock.json   | 8767 -----------------
 1 file changed, 8767 deletions(-)
 delete mode 100644 packages/calcite-design-tokens/package-lock.json

diff --git a/packages/calcite-design-tokens/package-lock.json b/packages/calcite-design-tokens/package-lock.json
deleted file mode 100644
index 60315420922..00000000000
--- a/packages/calcite-design-tokens/package-lock.json
+++ /dev/null
@@ -1,8767 +0,0 @@
-{
-  "name": "@esri/calcite-design-tokens",
-  "version": "1.1.1-next.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "@esri/calcite-design-tokens",
-      "version": "1.1.1-next.0",
-      "devDependencies": {}
-    },
-    "node_modules/@aashutoshrathi/word-wrap": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
-      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/@ampproject/remapping": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
-      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.0",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@babel/code-frame": {
-      "version": "7.22.13",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
-      "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
-      "dev": true,
-      "dependencies": {
-        "@babel/highlight": "^7.22.13",
-        "chalk": "^2.4.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "dev": true
-    },
-    "node_modules/@babel/code-frame/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/code-frame/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/compat-data": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.22.20.tgz",
-      "integrity": "sha512-BQYjKbpXjoXwFW5jGqiizJQQT/aC7pFm9Ok1OWssonuguICi264lbgMzRp2ZMmRSlfkX6DsWDDcsrctK8Rwfiw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/core": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.0.tgz",
-      "integrity": "sha512-97z/ju/Jy1rZmDxybphrBuI+jtJjFVoz7Mr9yUQVVVi+DNZE333uFQeMOqcCIy1x3WYBIbWftUSLmbNXNT7qFQ==",
-      "dev": true,
-      "dependencies": {
-        "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.22.13",
-        "@babel/generator": "^7.23.0",
-        "@babel/helper-compilation-targets": "^7.22.15",
-        "@babel/helper-module-transforms": "^7.23.0",
-        "@babel/helpers": "^7.23.0",
-        "@babel/parser": "^7.23.0",
-        "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.0",
-        "@babel/types": "^7.23.0",
-        "convert-source-map": "^2.0.0",
-        "debug": "^4.1.0",
-        "gensync": "^1.0.0-beta.2",
-        "json5": "^2.2.3",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/babel"
-      }
-    },
-    "node_modules/@babel/core/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/@babel/generator": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.0.tgz",
-      "integrity": "sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.23.0",
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "@jridgewell/trace-mapping": "^0.3.17",
-        "jsesc": "^2.5.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/generator/node_modules/jsesc": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
-      "dev": true,
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz",
-      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/compat-data": "^7.22.9",
-        "@babel/helper-validator-option": "^7.22.15",
-        "browserslist": "^4.21.9",
-        "lru-cache": "^5.1.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/@babel/helper-environment-visitor": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
-      "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-function-name": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
-      "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/template": "^7.22.15",
-        "@babel/types": "^7.23.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-hoist-variables": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz",
-      "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-module-imports": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz",
-      "integrity": "sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.22.15"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-module-transforms": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz",
-      "integrity": "sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-module-imports": "^7.22.15",
-        "@babel/helper-simple-access": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/helper-validator-identifier": "^7.22.20"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz",
-      "integrity": "sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-simple-access": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz",
-      "integrity": "sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-split-export-declaration": {
-      "version": "7.22.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
-      "integrity": "sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-string-parser": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
-      "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
-      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-validator-option": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz",
-      "integrity": "sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helpers": {
-      "version": "7.23.1",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.1.tgz",
-      "integrity": "sha512-chNpneuK18yW5Oxsr+t553UZzzAs3aZnFm4bxhebsNTeshrC95yA7l5yl7GBAG+JG1rF0F7zzD2EixK9mWSDoA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.0",
-        "@babel/types": "^7.23.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/highlight": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz",
-      "integrity": "sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "chalk": "^2.4.2",
-        "js-tokens": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "dev": true
-    },
-    "node_modules/@babel/highlight/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/highlight/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/parser": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.0.tgz",
-      "integrity": "sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==",
-      "dev": true,
-      "bin": {
-        "parser": "bin/babel-parser.js"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-async-generators": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
-      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-bigint": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz",
-      "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-class-properties": {
-      "version": "7.12.13",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
-      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.12.13"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-import-meta": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
-      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-json-strings": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
-      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz",
-      "integrity": "sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
-      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
-      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-numeric-separator": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
-      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-object-rest-spread": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
-      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
-      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-optional-chaining": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
-      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-top-level-await": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
-      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-typescript": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz",
-      "integrity": "sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/runtime": {
-      "version": "7.23.1",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.1.tgz",
-      "integrity": "sha512-hC2v6p8ZSI/W0HUzh3V8C5g+NwSKzKPtJwSpTjwl0o297GP9+ZLQSkdvHz46CM3LqyoXxq+5G9komY+eSqSO0g==",
-      "dev": true,
-      "dependencies": {
-        "regenerator-runtime": "^0.14.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/template": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.22.15.tgz",
-      "integrity": "sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.22.13",
-        "@babel/parser": "^7.22.15",
-        "@babel/types": "^7.22.15"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/traverse": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.0.tgz",
-      "integrity": "sha512-t/QaEvyIoIkwzpiZ7aoSKK8kObQYeF7T2v+dazAYCb8SXtp58zEVkWW7zAnju8FNKNdr4ScAOEDmMItbyOmEYw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.22.13",
-        "@babel/generator": "^7.23.0",
-        "@babel/helper-environment-visitor": "^7.22.20",
-        "@babel/helper-function-name": "^7.23.0",
-        "@babel/helper-hoist-variables": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.23.0",
-        "@babel/types": "^7.23.0",
-        "debug": "^4.1.0",
-        "globals": "^11.1.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/traverse/node_modules/globals": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@babel/types": {
-      "version": "7.23.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.0.tgz",
-      "integrity": "sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
-        "@babel/helper-validator-identifier": "^7.22.20",
-        "to-fast-properties": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@bcoe/v8-coverage": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
-      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
-      "dev": true
-    },
-    "node_modules/@cspell/cspell-bundled-dicts": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/@cspell/cspell-bundled-dicts/-/cspell-bundled-dicts-7.3.7.tgz",
-      "integrity": "sha512-Mw7J0RAWGpEup/+eIePw3wi+OlMGNicrD1r9OhdgIgO6sHEi01ibS/RzNNbC7UziLaYEHi8+WfLyGzmp1ZISrQ==",
-      "dev": true,
-      "dependencies": {
-        "@cspell/dict-ada": "^4.0.2",
-        "@cspell/dict-aws": "^4.0.0",
-        "@cspell/dict-bash": "^4.1.2",
-        "@cspell/dict-companies": "^3.0.24",
-        "@cspell/dict-cpp": "^5.0.5",
-        "@cspell/dict-cryptocurrencies": "^4.0.0",
-        "@cspell/dict-csharp": "^4.0.2",
-        "@cspell/dict-css": "^4.0.10",
-        "@cspell/dict-dart": "^2.0.3",
-        "@cspell/dict-django": "^4.1.0",
-        "@cspell/dict-docker": "^1.1.7",
-        "@cspell/dict-dotnet": "^5.0.0",
-        "@cspell/dict-elixir": "^4.0.3",
-        "@cspell/dict-en_us": "^4.3.8",
-        "@cspell/dict-en-common-misspellings": "^1.0.2",
-        "@cspell/dict-en-gb": "1.1.33",
-        "@cspell/dict-filetypes": "^3.0.1",
-        "@cspell/dict-fonts": "^4.0.0",
-        "@cspell/dict-fsharp": "^1.0.0",
-        "@cspell/dict-fullstack": "^3.1.5",
-        "@cspell/dict-gaming-terms": "^1.0.4",
-        "@cspell/dict-git": "^2.0.0",
-        "@cspell/dict-golang": "^6.0.3",
-        "@cspell/dict-haskell": "^4.0.1",
-        "@cspell/dict-html": "^4.0.5",
-        "@cspell/dict-html-symbol-entities": "^4.0.0",
-        "@cspell/dict-java": "^5.0.6",
-        "@cspell/dict-k8s": "^1.0.1",
-        "@cspell/dict-latex": "^4.0.0",
-        "@cspell/dict-lorem-ipsum": "^4.0.0",
-        "@cspell/dict-lua": "^4.0.1",
-        "@cspell/dict-node": "^4.0.3",
-        "@cspell/dict-npm": "^5.0.10",
-        "@cspell/dict-php": "^4.0.3",
-        "@cspell/dict-powershell": "^5.0.2",
-        "@cspell/dict-public-licenses": "^2.0.4",
-        "@cspell/dict-python": "^4.1.9",
-        "@cspell/dict-r": "^2.0.1",
-        "@cspell/dict-ruby": "^5.0.0",
-        "@cspell/dict-rust": "^4.0.1",
-        "@cspell/dict-scala": "^5.0.0",
-        "@cspell/dict-software-terms": "^3.3.2",
-        "@cspell/dict-sql": "^2.1.1",
-        "@cspell/dict-svelte": "^1.0.2",
-        "@cspell/dict-swift": "^2.0.1",
-        "@cspell/dict-typescript": "^3.1.2",
-        "@cspell/dict-vue": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/@cspell/cspell-pipe": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/@cspell/cspell-pipe/-/cspell-pipe-7.3.7.tgz",
-      "integrity": "sha512-ZO8v3EwGhjUvhPo1S48+CKv7EPXMoYF7LGERB34K8EXFByb9+J74ojMYj9UgLRV68lFTrDFde3bHoZPPVS1FsA==",
-      "dev": true,
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/@cspell/cspell-resolver": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/@cspell/cspell-resolver/-/cspell-resolver-7.3.7.tgz",
-      "integrity": "sha512-WWZcTI5f2cCjr1yRDTMkcVg7Meil3s+0aaKcLCDTGQf9J2UWWjpqDJ6M6keYei3paAjxW2Pk03IRNNwdA3+igQ==",
-      "dev": true,
-      "dependencies": {
-        "global-dirs": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/@cspell/cspell-service-bus": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/@cspell/cspell-service-bus/-/cspell-service-bus-7.3.7.tgz",
-      "integrity": "sha512-pnDOFpjht7dZYydMygcf0brCSk5BGRvbeWRH6MaMhd+3CdyzyEvtZG3IbBQVNyVvDTA2c/K3rljOAo8y3/lpnw==",
-      "dev": true,
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/@cspell/cspell-types": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/@cspell/cspell-types/-/cspell-types-7.3.7.tgz",
-      "integrity": "sha512-zM2BuZJ3UUgPwF78bssggi8X20nmW3a95EmbNJKfbO6Zf2ui7UMzeP3BwpCZk30A/EixGlFhLf6Xd+eBT/DQqw==",
-      "dev": true,
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/@cspell/dict-ada": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-ada/-/dict-ada-4.0.2.tgz",
-      "integrity": "sha512-0kENOWQeHjUlfyId/aCM/mKXtkEgV0Zu2RhUXCBr4hHo9F9vph+Uu8Ww2b0i5a4ZixoIkudGA+eJvyxrG1jUpA==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-aws": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-aws/-/dict-aws-4.0.0.tgz",
-      "integrity": "sha512-1YkCMWuna/EGIDN/zKkW+j98/55mxigftrSFgsehXhPld+ZMJM5J9UuBA88YfL7+/ETvBdd7mwW6IwWsC+/ltQ==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-bash": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-bash/-/dict-bash-4.1.2.tgz",
-      "integrity": "sha512-AEBWjbaMaJEyAjOHW0F15P2izBjli2cNerG3NjuVH7xX/HUUeNoTj8FF1nwpMufKwGQCvuyO2hCmkVxhJ0y55Q==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-companies": {
-      "version": "3.0.26",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-companies/-/dict-companies-3.0.26.tgz",
-      "integrity": "sha512-BGRZ/Uykx+IgQoTGqvRqbBMQy7QSuY0pbTHgtmKtc1scgzZMJQKMDwyuE6LJzlhdlrV7TsVY0lyXREybnDpQPQ==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-cpp": {
-      "version": "5.0.6",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-cpp/-/dict-cpp-5.0.6.tgz",
-      "integrity": "sha512-2z9JqWgsRYROnqeMj1k1L1taSQQHMhqfU6EqDNApsEQT3naznKntV8KKyybr2YSz0bIG9fMbzVv0GoQBbLgD9A==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-cryptocurrencies": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-cryptocurrencies/-/dict-cryptocurrencies-4.0.0.tgz",
-      "integrity": "sha512-EiZp91ATyRxTmauIQfOX9adLYCunKjHEh092rrM7o2eMXP9n7zpXAL9BK7LviL+LbB8VDOm21q+s83cKrrRrsg==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-csharp": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-csharp/-/dict-csharp-4.0.2.tgz",
-      "integrity": "sha512-1JMofhLK+4p4KairF75D3A924m5ERMgd1GvzhwK2geuYgd2ZKuGW72gvXpIV7aGf52E3Uu1kDXxxGAiZ5uVG7g==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-css": {
-      "version": "4.0.12",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-css/-/dict-css-4.0.12.tgz",
-      "integrity": "sha512-vGBgPM92MkHQF5/2jsWcnaahOZ+C6OE/fPvd5ScBP72oFY9tn5GLuomcyO0z8vWCr2e0nUSX1OGimPtcQAlvSw==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-dart": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-dart/-/dict-dart-2.0.3.tgz",
-      "integrity": "sha512-cLkwo1KT5CJY5N5RJVHks2genFkNCl/WLfj+0fFjqNR+tk3tBI1LY7ldr9piCtSFSm4x9pO1x6IV3kRUY1lLiw==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-data-science": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-data-science/-/dict-data-science-1.0.11.tgz",
-      "integrity": "sha512-TaHAZRVe0Zlcc3C23StZqqbzC0NrodRwoSAc8dis+5qLeLLnOCtagYQeROQvDlcDg3X/VVEO9Whh4W/z4PAmYQ==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-django": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-django/-/dict-django-4.1.0.tgz",
-      "integrity": "sha512-bKJ4gPyrf+1c78Z0Oc4trEB9MuhcB+Yg+uTTWsvhY6O2ncFYbB/LbEZfqhfmmuK/XJJixXfI1laF2zicyf+l0w==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-docker": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-docker/-/dict-docker-1.1.7.tgz",
-      "integrity": "sha512-XlXHAr822euV36GGsl2J1CkBIVg3fZ6879ZOg5dxTIssuhUOCiV2BuzKZmt6aIFmcdPmR14+9i9Xq+3zuxeX0A==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-dotnet": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-dotnet/-/dict-dotnet-5.0.0.tgz",
-      "integrity": "sha512-EOwGd533v47aP5QYV8GlSSKkmM9Eq8P3G/eBzSpH3Nl2+IneDOYOBLEUraHuiCtnOkNsz0xtZHArYhAB2bHWAw==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-elixir": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-elixir/-/dict-elixir-4.0.3.tgz",
-      "integrity": "sha512-g+uKLWvOp9IEZvrIvBPTr/oaO6619uH/wyqypqvwpmnmpjcfi8+/hqZH8YNKt15oviK8k4CkINIqNhyndG9d9Q==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-en_us": {
-      "version": "4.3.8",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-en_us/-/dict-en_us-4.3.8.tgz",
-      "integrity": "sha512-rCPsbDHuRnFUbzWAY6O1H9+cLZt5FNQwjPVw2TdQZfipdb0lim984aLGY+nupi1iKC3lfjyd5SVUgmSZEG1QNA==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-en-common-misspellings": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-en-common-misspellings/-/dict-en-common-misspellings-1.0.2.tgz",
-      "integrity": "sha512-jg7ZQZpZH7+aAxNBlcAG4tGhYF6Ksy+QS5Df73Oo+XyckBjC9QS+PrRwLTeYoFIgXy5j3ICParK5r3MSSoL4gw==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-en-gb": {
-      "version": "1.1.33",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-en-gb/-/dict-en-gb-1.1.33.tgz",
-      "integrity": "sha512-tKSSUf9BJEV+GJQAYGw5e+ouhEe2ZXE620S7BLKe3ZmpnjlNG9JqlnaBhkIMxKnNFkLY2BP/EARzw31AZnOv4g==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-filetypes": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-filetypes/-/dict-filetypes-3.0.1.tgz",
-      "integrity": "sha512-8z8mY1IbrTyTRumx2vvD9yzRhNMk9SajM/GtI5hdMM2pPpNSp25bnuauzjRf300eqlqPY2MNb5MmhBFO014DJw==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-fonts": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-fonts/-/dict-fonts-4.0.0.tgz",
-      "integrity": "sha512-t9V4GeN/m517UZn63kZPUYP3OQg5f0OBLSd3Md5CU3eH1IFogSvTzHHnz4Wqqbv8NNRiBZ3HfdY/pqREZ6br3Q==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-fsharp": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-fsharp/-/dict-fsharp-1.0.0.tgz",
-      "integrity": "sha512-dHPkMHwW4dWv3Lv9VWxHuVm4IylqvcfRBSnZ7usJTRThraetSVrOPIJwr6UJh7F5un/lGJx2lxWVApf2WQaB/A==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-fullstack": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-fullstack/-/dict-fullstack-3.1.5.tgz",
-      "integrity": "sha512-6ppvo1dkXUZ3fbYn/wwzERxCa76RtDDl5Afzv2lijLoijGGUw5yYdLBKJnx8PJBGNLh829X352ftE7BElG4leA==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-gaming-terms": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-gaming-terms/-/dict-gaming-terms-1.0.4.tgz",
-      "integrity": "sha512-hbDduNXlk4AOY0wFxcDMWBPpm34rpqJBeqaySeoUH70eKxpxm+dvjpoRLJgyu0TmymEICCQSl6lAHTHSDiWKZg==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-git": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-git/-/dict-git-2.0.0.tgz",
-      "integrity": "sha512-n1AxyX5Kgxij/sZFkxFJlzn3K9y/sCcgVPg/vz4WNJ4K9YeTsUmyGLA2OQI7d10GJeiuAo2AP1iZf2A8j9aj2w==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-golang": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-golang/-/dict-golang-6.0.3.tgz",
-      "integrity": "sha512-KiNnjAeqDBq6zH4s46hzBrKgqIrkSZ9bbHzQ54PbHfe+jurZkSZ4lXz6E+315RNh2TkRLcNppFvaZqJvKZXomA==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-haskell": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-haskell/-/dict-haskell-4.0.1.tgz",
-      "integrity": "sha512-uRrl65mGrOmwT7NxspB4xKXFUenNC7IikmpRZW8Uzqbqcu7ZRCUfstuVH7T1rmjRgRkjcIjE4PC11luDou4wEQ==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-html": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-html/-/dict-html-4.0.5.tgz",
-      "integrity": "sha512-p0brEnRybzSSWi8sGbuVEf7jSTDmXPx7XhQUb5bgG6b54uj+Z0Qf0V2n8b/LWwIPJNd1GygaO9l8k3HTCy1h4w==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-html-symbol-entities": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-html-symbol-entities/-/dict-html-symbol-entities-4.0.0.tgz",
-      "integrity": "sha512-HGRu+48ErJjoweR5IbcixxETRewrBb0uxQBd6xFGcxbEYCX8CnQFTAmKI5xNaIt2PKaZiJH3ijodGSqbKdsxhw==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-java": {
-      "version": "5.0.6",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-java/-/dict-java-5.0.6.tgz",
-      "integrity": "sha512-kdE4AHHHrixyZ5p6zyms1SLoYpaJarPxrz8Tveo6gddszBVVwIUZ+JkQE1bWNLK740GWzIXdkznpUfw1hP9nXw==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-k8s": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-k8s/-/dict-k8s-1.0.1.tgz",
-      "integrity": "sha512-gc5y4Nm3hVdMZNBZfU2M1AsAmObZsRWjCUk01NFPfGhFBXyVne41T7E62rpnzu5330FV/6b/TnFcPgRmak9lLw==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-latex": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-latex/-/dict-latex-4.0.0.tgz",
-      "integrity": "sha512-LPY4y6D5oI7D3d+5JMJHK/wxYTQa2lJMSNxps2JtuF8hbAnBQb3igoWEjEbIbRRH1XBM0X8dQqemnjQNCiAtxQ==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-lorem-ipsum": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-lorem-ipsum/-/dict-lorem-ipsum-4.0.0.tgz",
-      "integrity": "sha512-1l3yjfNvMzZPibW8A7mQU4kTozwVZVw0AvFEdy+NcqtbxH+TvbSkNMqROOFWrkD2PjnKG0+Ea0tHI2Pi6Gchnw==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-lua": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-lua/-/dict-lua-4.0.2.tgz",
-      "integrity": "sha512-eeC20Q+UnHcTVBK6pgwhSjGIVugO2XqU7hv4ZfXp2F9DxGx1RME0+1sKX4qAGhdFGwOBsEzb2fwUsAEP6Mibpg==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-node": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-node/-/dict-node-4.0.3.tgz",
-      "integrity": "sha512-sFlUNI5kOogy49KtPg8SMQYirDGIAoKBO3+cDLIwD4MLdsWy1q0upc7pzGht3mrjuyMiPRUV14Bb0rkVLrxOhg==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-npm": {
-      "version": "5.0.12",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-npm/-/dict-npm-5.0.12.tgz",
-      "integrity": "sha512-T/+WeQmtbxo7ad6hrdI8URptYstKJP+kXyWJZfuVJJGWJQ7yubxrI5Z5AfM+Dh/ff4xHmdzapxD9adaEQ727uw==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-php": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-php/-/dict-php-4.0.3.tgz",
-      "integrity": "sha512-PxtSmWJCDEB4M8R9ER9ijxBum/tvUqYT26QeuV58q2IFs5IrPZ6hocQKvnFGXItjCWH4oYXyAEAAzINlBC4Opg==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-powershell": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-powershell/-/dict-powershell-5.0.2.tgz",
-      "integrity": "sha512-IHfWLme3FXE7vnOmMncSBxOsMTdNWd1Vcyhag03WS8oANSgX8IZ+4lMI00mF0ptlgchf16/OU8WsV4pZfikEFw==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-public-licenses": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-public-licenses/-/dict-public-licenses-2.0.4.tgz",
-      "integrity": "sha512-KjsfuGwMWvPkp6s0nR+s4mZc9SQhh1tHDOyQZfEVRwi+2ev7f8l7R6ts9sP2Mplb8UcxwO6YmKwxHjN+XHoMoA==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-python": {
-      "version": "4.1.9",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-python/-/dict-python-4.1.9.tgz",
-      "integrity": "sha512-JMA4v/ZPJWuDt3PPFz+23VIY3iDIB+xOTQ6nw+WkcJU5yr6FUl5zMU9ModKrgujg3jGRuuJqofErZVPqHNHYAA==",
-      "dev": true,
-      "dependencies": {
-        "@cspell/dict-data-science": "^1.0.11"
-      }
-    },
-    "node_modules/@cspell/dict-r": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-r/-/dict-r-2.0.1.tgz",
-      "integrity": "sha512-KCmKaeYMLm2Ip79mlYPc8p+B2uzwBp4KMkzeLd5E6jUlCL93Y5Nvq68wV5fRLDRTf7N1LvofkVFWfDcednFOgA==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-ruby": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-ruby/-/dict-ruby-5.0.1.tgz",
-      "integrity": "sha512-rruTm7Emhty/BSYavSm8ZxRuVw0OBqzJkwIFXcV0cX7To8D1qbmS9HFHRuRg8IL11+/nJvtdDz+lMFBSmPUagQ==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-rust": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-rust/-/dict-rust-4.0.1.tgz",
-      "integrity": "sha512-xJSSzHDK2z6lSVaOmMxl3PTOtfoffaxMo7fTcbZUF+SCJzfKbO6vnN9TCGX2sx1RHFDz66Js6goz6SAZQdOwaw==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-scala": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-scala/-/dict-scala-5.0.0.tgz",
-      "integrity": "sha512-ph0twaRoV+ylui022clEO1dZ35QbeEQaKTaV2sPOsdwIokABPIiK09oWwGK9qg7jRGQwVaRPEq0Vp+IG1GpqSQ==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-software-terms": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-software-terms/-/dict-software-terms-3.3.4.tgz",
-      "integrity": "sha512-+WpBcJmhPl+jZEEGqgeiyDeJuCJ/M2TuVPaHJJI83LQLvLf1z4/5dkHXU7fUkimpxXFJWWR1DlWLA3+PKBeTfg==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-sql": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-sql/-/dict-sql-2.1.1.tgz",
-      "integrity": "sha512-v1mswi9NF40+UDUMuI148YQPEQvWjac72P6ZsjlRdLjEiQEEMEsTQ+zlkIdnzC9QCNyJaqD5Liq9Mn78/8Zxtw==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-svelte": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-svelte/-/dict-svelte-1.0.2.tgz",
-      "integrity": "sha512-rPJmnn/GsDs0btNvrRBciOhngKV98yZ9SHmg8qI6HLS8hZKvcXc0LMsf9LLuMK1TmS2+WQFAan6qeqg6bBxL2Q==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-swift": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-swift/-/dict-swift-2.0.1.tgz",
-      "integrity": "sha512-gxrCMUOndOk7xZFmXNtkCEeroZRnS2VbeaIPiymGRHj5H+qfTAzAKxtv7jJbVA3YYvEzWcVE2oKDP4wcbhIERw==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-typescript": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-typescript/-/dict-typescript-3.1.2.tgz",
-      "integrity": "sha512-lcNOYWjLUvDZdLa0UMNd/LwfVdxhE9rKA+agZBGjL3lTA3uNvH7IUqSJM/IXhJoBpLLMVEOk8v1N9xi+vDuCdA==",
-      "dev": true
-    },
-    "node_modules/@cspell/dict-vue": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-vue/-/dict-vue-3.0.0.tgz",
-      "integrity": "sha512-niiEMPWPV9IeRBRzZ0TBZmNnkK3olkOPYxC1Ny2AX4TGlYRajcW0WUtoSHmvvjZNfWLSg2L6ruiBeuPSbjnG6A==",
-      "dev": true
-    },
-    "node_modules/@cspell/dynamic-import": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/@cspell/dynamic-import/-/dynamic-import-7.3.7.tgz",
-      "integrity": "sha512-ac52OLDMYBHkRQ8XzihOWnyfqri3M84ELTZdqBhR5YGcHW/mxKhsmXqudA980SdRRKaicD39yhX4idAFb4AsDg==",
-      "dev": true,
-      "dependencies": {
-        "import-meta-resolve": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/@cspell/eslint-plugin": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/@cspell/eslint-plugin/-/eslint-plugin-7.3.7.tgz",
-      "integrity": "sha512-0C3DK+HMLT0Bnhfp+fvlfO2v3edW3m8b1HMtOuCZ9ymFS89D8HzPxTzCVMCMo7e365vmoEExenEPIgtfQWUtvw==",
-      "dev": true,
-      "dependencies": {
-        "@cspell/cspell-types": "7.3.7",
-        "cspell-lib": "7.3.7",
-        "estree-walker": "^3.0.3",
-        "synckit": "^0.8.5"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/@cspell/strong-weak-map": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/@cspell/strong-weak-map/-/strong-weak-map-7.3.7.tgz",
-      "integrity": "sha512-n+jRgwH0wU+HsfqgCGVzPmWnZl4SyhtvPxusKwXj6L/STGdt8IP2rYl1PFOtyvgjPjh8xXe/jRrq7zH07btiKA==",
-      "dev": true,
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/@cspotcode/source-map-support": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
-      "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/trace-mapping": "0.3.9"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@cspotcode/source-map-support/node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
-      "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.0.3",
-        "@jridgewell/sourcemap-codec": "^1.4.10"
-      }
-    },
-    "node_modules/@es-joy/jsdoccomment": {
-      "version": "0.38.0",
-      "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.38.0.tgz",
-      "integrity": "sha512-TFac4Bnv0ZYNkEeDnOWHQhaS1elWlvOCQxH06iHeu5iffs+hCaLVIZJwF+FqksQi68R4i66Pu+4DfFGvble+Uw==",
-      "dev": true,
-      "dependencies": {
-        "comment-parser": "1.3.1",
-        "esquery": "^1.5.0",
-        "jsdoc-type-pratt-parser": "~4.0.0"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
-      "dev": true,
-      "dependencies": {
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-      }
-    },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.9.1.tgz",
-      "integrity": "sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==",
-      "dev": true,
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@eslint/eslintrc": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.2.tgz",
-      "integrity": "sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==",
-      "dev": true,
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^9.6.0",
-        "globals": "^13.19.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/@eslint/js": {
-      "version": "8.50.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.50.0.tgz",
-      "integrity": "sha512-NCC3zz2+nvYd+Ckfh87rA47zfu2QsQpvc6k1yzTk+b9KzRj0wkGa8LSoGOXN6Zv4lRf/EIoZ80biDh9HOI+RNQ==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      }
-    },
-    "node_modules/@humanwhocodes/config-array": {
-      "version": "0.11.11",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.11.tgz",
-      "integrity": "sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==",
-      "dev": true,
-      "dependencies": {
-        "@humanwhocodes/object-schema": "^1.2.1",
-        "debug": "^4.1.1",
-        "minimatch": "^3.0.5"
-      },
-      "engines": {
-        "node": ">=10.10.0"
-      }
-    },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@humanwhocodes/object-schema": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
-      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
-      "dev": true
-    },
-    "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "dev": true,
-      "dependencies": {
-        "string-width": "^5.1.2",
-        "string-width-cjs": "npm:string-width@^4.2.0",
-        "strip-ansi": "^7.0.1",
-        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-        "wrap-ansi": "^8.1.0",
-        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true
-    },
-    "node_modules/@isaacs/cliui/node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "dev": true,
-      "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^6.1.0",
-        "string-width": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
-      "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
-      "dev": true,
-      "dependencies": {
-        "camelcase": "^5.3.1",
-        "find-up": "^4.1.0",
-        "get-package-type": "^0.1.0",
-        "js-yaml": "^3.13.1",
-        "resolve-from": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dev": true,
-      "dependencies": {
-        "sprintf-js": "~1.0.2"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/js-yaml": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-      "dev": true,
-      "dependencies": {
-        "argparse": "^1.0.7",
-        "esprima": "^4.0.0"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@istanbuljs/schema": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
-      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@jest/console": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/console/-/console-29.7.0.tgz",
-      "integrity": "sha512-5Ni4CU7XHQi32IJ398EEP4RrB8eV09sXP2ROqD4bksHrnTree52PsxvX8tpL8LvTZ3pFzXyPbNQReSN41CAhOg==",
-      "dev": true,
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "jest-message-util": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/core": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/core/-/core-29.7.0.tgz",
-      "integrity": "sha512-n7aeXWKMnGtDA48y8TLWJPJmLmmZ642Ceo78cYWEpiD7FzDgmNDV/GCVRorPABdXLJZ/9wzzgZAlHjXjxDHGsg==",
-      "dev": true,
-      "dependencies": {
-        "@jest/console": "^29.7.0",
-        "@jest/reporters": "^29.7.0",
-        "@jest/test-result": "^29.7.0",
-        "@jest/transform": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "ansi-escapes": "^4.2.1",
-        "chalk": "^4.0.0",
-        "ci-info": "^3.2.0",
-        "exit": "^0.1.2",
-        "graceful-fs": "^4.2.9",
-        "jest-changed-files": "^29.7.0",
-        "jest-config": "^29.7.0",
-        "jest-haste-map": "^29.7.0",
-        "jest-message-util": "^29.7.0",
-        "jest-regex-util": "^29.6.3",
-        "jest-resolve": "^29.7.0",
-        "jest-resolve-dependencies": "^29.7.0",
-        "jest-runner": "^29.7.0",
-        "jest-runtime": "^29.7.0",
-        "jest-snapshot": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "jest-validate": "^29.7.0",
-        "jest-watcher": "^29.7.0",
-        "micromatch": "^4.0.4",
-        "pretty-format": "^29.7.0",
-        "slash": "^3.0.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@jest/environment": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-29.7.0.tgz",
-      "integrity": "sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==",
-      "dev": true,
-      "dependencies": {
-        "@jest/fake-timers": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "jest-mock": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/expect": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/expect/-/expect-29.7.0.tgz",
-      "integrity": "sha512-8uMeAMycttpva3P1lBHB8VciS9V0XAr3GymPpipdyQXbBcuhkLQOSe8E/p92RyAdToS6ZD1tFkX+CkhoECE0dQ==",
-      "dev": true,
-      "dependencies": {
-        "expect": "^29.7.0",
-        "jest-snapshot": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/expect-utils": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/expect-utils/-/expect-utils-29.7.0.tgz",
-      "integrity": "sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==",
-      "dev": true,
-      "dependencies": {
-        "jest-get-type": "^29.6.3"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/fake-timers": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-29.7.0.tgz",
-      "integrity": "sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==",
-      "dev": true,
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "@sinonjs/fake-timers": "^10.0.2",
-        "@types/node": "*",
-        "jest-message-util": "^29.7.0",
-        "jest-mock": "^29.7.0",
-        "jest-util": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/globals": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-29.7.0.tgz",
-      "integrity": "sha512-mpiz3dutLbkW2MNFubUGUEVLkTGiqW6yLVTA+JbP6fI6J5iL9Y0Nlg8k95pcF8ctKwCS7WVxteBs29hhfAotzQ==",
-      "dev": true,
-      "dependencies": {
-        "@jest/environment": "^29.7.0",
-        "@jest/expect": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "jest-mock": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/reporters": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-29.7.0.tgz",
-      "integrity": "sha512-DApq0KJbJOEzAFYjHADNNxAE3KbhxQB1y5Kplb5Waqw6zVbuWatSnMjE5gs8FUgEPmNsnZA3NCWl9NG0ia04Pg==",
-      "dev": true,
-      "dependencies": {
-        "@bcoe/v8-coverage": "^0.2.3",
-        "@jest/console": "^29.7.0",
-        "@jest/test-result": "^29.7.0",
-        "@jest/transform": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@jridgewell/trace-mapping": "^0.3.18",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "collect-v8-coverage": "^1.0.0",
-        "exit": "^0.1.2",
-        "glob": "^7.1.3",
-        "graceful-fs": "^4.2.9",
-        "istanbul-lib-coverage": "^3.0.0",
-        "istanbul-lib-instrument": "^6.0.0",
-        "istanbul-lib-report": "^3.0.0",
-        "istanbul-lib-source-maps": "^4.0.0",
-        "istanbul-reports": "^3.1.3",
-        "jest-message-util": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "jest-worker": "^29.7.0",
-        "slash": "^3.0.0",
-        "string-length": "^4.0.1",
-        "strip-ansi": "^6.0.0",
-        "v8-to-istanbul": "^9.0.1"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@jest/schemas": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
-      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
-      "dev": true,
-      "dependencies": {
-        "@sinclair/typebox": "^0.27.8"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/source-map": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-29.6.3.tgz",
-      "integrity": "sha512-MHjT95QuipcPrpLM+8JMSzFx6eHp5Bm+4XeFDJlwsvVBjmKNiIAvasGK2fxz2WbGRlnvqehFbh07MMa7n3YJnw==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.18",
-        "callsites": "^3.0.0",
-        "graceful-fs": "^4.2.9"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/test-result": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-29.7.0.tgz",
-      "integrity": "sha512-Fdx+tv6x1zlkJPcWXmMDAG2HBnaR9XPSd5aDWQVsfrZmLVT3lU1cwyxLgRmXR9yrq4NBoEm9BMsfgFzTQAbJYA==",
-      "dev": true,
-      "dependencies": {
-        "@jest/console": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "collect-v8-coverage": "^1.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/test-sequencer": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-29.7.0.tgz",
-      "integrity": "sha512-GQwJ5WZVrKnOJuiYiAF52UNUJXgTZx1NHjFSEB0qEMmSZKAkdMoIzw/Cj6x6NF4AvV23AUqDpFzQkN/eYCYTxw==",
-      "dev": true,
-      "dependencies": {
-        "@jest/test-result": "^29.7.0",
-        "graceful-fs": "^4.2.9",
-        "jest-haste-map": "^29.7.0",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/transform": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-29.7.0.tgz",
-      "integrity": "sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.11.6",
-        "@jest/types": "^29.6.3",
-        "@jridgewell/trace-mapping": "^0.3.18",
-        "babel-plugin-istanbul": "^6.1.1",
-        "chalk": "^4.0.0",
-        "convert-source-map": "^2.0.0",
-        "fast-json-stable-stringify": "^2.1.0",
-        "graceful-fs": "^4.2.9",
-        "jest-haste-map": "^29.7.0",
-        "jest-regex-util": "^29.6.3",
-        "jest-util": "^29.7.0",
-        "micromatch": "^4.0.4",
-        "pirates": "^4.0.4",
-        "slash": "^3.0.0",
-        "write-file-atomic": "^4.0.2"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jest/types": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
-      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
-      "dev": true,
-      "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^17.0.8",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
-      "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/set-array": "^1.0.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.9"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
-      "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
-      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.15",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
-      "dev": true
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.19",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz",
-      "integrity": "sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
-      }
-    },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "dev": true,
-      "optional": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/@pkgr/utils": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/@pkgr/utils/-/utils-2.4.2.tgz",
-      "integrity": "sha512-POgTXhjrTfbTV63DiFXav4lBHiICLKKwDeaKn9Nphwj7WH6m0hMMCaJkMyRWjgtPFyRKRVoMXXjczsTQRDEhYw==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "fast-glob": "^3.3.0",
-        "is-glob": "^4.0.3",
-        "open": "^9.1.0",
-        "picocolors": "^1.0.0",
-        "tslib": "^2.6.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/unts"
-      }
-    },
-    "node_modules/@sinclair/typebox": {
-      "version": "0.27.8",
-      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
-      "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
-      "dev": true
-    },
-    "node_modules/@sinonjs/commons": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.0.tgz",
-      "integrity": "sha512-jXBtWAF4vmdNmZgD5FoKsVLv3rPgDnLgPbU84LIJ3otV44vJlDRokVng5v8NFJdCf/da9legHcKaRuZs4L7faA==",
-      "dev": true,
-      "dependencies": {
-        "type-detect": "4.0.8"
-      }
-    },
-    "node_modules/@sinonjs/fake-timers": {
-      "version": "10.3.0",
-      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz",
-      "integrity": "sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==",
-      "dev": true,
-      "dependencies": {
-        "@sinonjs/commons": "^3.0.0"
-      }
-    },
-    "node_modules/@tokens-studio/sd-transforms": {
-      "version": "0.8.7",
-      "resolved": "https://registry.npmjs.org/@tokens-studio/sd-transforms/-/sd-transforms-0.8.7.tgz",
-      "integrity": "sha512-ppqKGFA7l7BiYrkIngXCS5R5maHhtra3npHK2+nhGc5sy3ixRevGtt+5HbDccgHbp6JjPycSXc0ROYhvzwsIKA==",
-      "dev": true,
-      "dependencies": {
-        "@tokens-studio/types": "^0.2.1",
-        "color2k": "^2.0.1",
-        "colorjs.io": "^0.4.3",
-        "deepmerge": "^4.3.1",
-        "expr-eval": "^2.0.2",
-        "is-mergeable-object": "^1.1.1",
-        "postcss-calc-ast-parser": "^0.1.4",
-        "style-dictionary": "^3.7.2"
-      },
-      "engines": {
-        "node": ">=15.14.0"
-      }
-    },
-    "node_modules/@tokens-studio/types": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/@tokens-studio/types/-/types-0.2.5.tgz",
-      "integrity": "sha512-pJ0zWxGnEjca4dznFIHC9/oXuovu3DKHUhLDNJVzTRZEVXhWkIRIUbjDwIRihxBr39c776W+3thYvWMgChT0Rw==",
-      "dev": true
-    },
-    "node_modules/@tsconfig/node10": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz",
-      "integrity": "sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==",
-      "dev": true
-    },
-    "node_modules/@tsconfig/node12": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
-      "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
-      "dev": true
-    },
-    "node_modules/@tsconfig/node14": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
-      "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
-      "dev": true
-    },
-    "node_modules/@tsconfig/node16": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
-      "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
-      "dev": true
-    },
-    "node_modules/@types/babel__core": {
-      "version": "7.20.2",
-      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.2.tgz",
-      "integrity": "sha512-pNpr1T1xLUc2l3xJKuPtsEky3ybxN3m4fJkknfIpTCTfIZCDW57oAg+EfCgIIp2rvCe0Wn++/FfodDS4YXxBwA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7",
-        "@types/babel__generator": "*",
-        "@types/babel__template": "*",
-        "@types/babel__traverse": "*"
-      }
-    },
-    "node_modules/@types/babel__generator": {
-      "version": "7.6.5",
-      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.5.tgz",
-      "integrity": "sha512-h9yIuWbJKdOPLJTbmSpPzkF67e659PbQDba7ifWm5BJ8xTv+sDmS7rFmywkWOvXedGTivCdeGSIIX8WLcRTz8w==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.0.0"
-      }
-    },
-    "node_modules/@types/babel__template": {
-      "version": "7.4.2",
-      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.2.tgz",
-      "integrity": "sha512-/AVzPICMhMOMYoSx9MoKpGDKdBRsIXMNByh1PXSZoa+v6ZoLa8xxtsT/uLQ/NJm0XVAWl/BvId4MlDeXJaeIZQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/parser": "^7.1.0",
-        "@babel/types": "^7.0.0"
-      }
-    },
-    "node_modules/@types/babel__traverse": {
-      "version": "7.20.2",
-      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.2.tgz",
-      "integrity": "sha512-ojlGK1Hsfce93J0+kn3H5R73elidKUaZonirN33GSmgTUMpzI/MIFfSpF3haANe3G1bEBS9/9/QEqwTzwqFsKw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/types": "^7.20.7"
-      }
-    },
-    "node_modules/@types/estree": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.2.tgz",
-      "integrity": "sha512-VeiPZ9MMwXjO32/Xu7+OwflfmeoRwkE/qzndw42gGtgJwZopBnzy2gD//NN1+go1mADzkDcqf/KnFRSjTJ8xJA==",
-      "dev": true
-    },
-    "node_modules/@types/graceful-fs": {
-      "version": "4.1.7",
-      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.7.tgz",
-      "integrity": "sha512-MhzcwU8aUygZroVwL2jeYk6JisJrPl/oov/gsgGCue9mkgl9wjGbzReYQClxiUgFDnib9FuHqTndccKeZKxTRw==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/istanbul-lib-coverage": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
-      "integrity": "sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==",
-      "dev": true
-    },
-    "node_modules/@types/istanbul-lib-report": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
-      "integrity": "sha512-gPQuzaPR5h/djlAv2apEG1HVOyj1IUs7GpfMZixU0/0KXT3pm64ylHuMUI1/Akh+sq/iikxg6Z2j+fcMDXaaTQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "*"
-      }
-    },
-    "node_modules/@types/istanbul-reports": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.2.tgz",
-      "integrity": "sha512-kv43F9eb3Lhj+lr/Hn6OcLCs/sSM8bt+fIaP11rCYngfV6NVjzWXJ17owQtDQTL9tQ8WSLUrGsSJ6rJz0F1w1A==",
-      "dev": true,
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/@types/jest": {
-      "version": "29.5.5",
-      "resolved": "https://registry.npmjs.org/@types/jest/-/jest-29.5.5.tgz",
-      "integrity": "sha512-ebylz2hnsWR9mYvmBFbXJXr+33UPc4+ZdxyDXh5w0FlPBTfCVN3wPL+kuOiQt3xvrK419v7XWeAs+AeOksafXg==",
-      "dev": true,
-      "dependencies": {
-        "expect": "^29.0.0",
-        "pretty-format": "^29.0.0"
-      }
-    },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.13",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.13.tgz",
-      "integrity": "sha512-RbSSoHliUbnXj3ny0CNFOoxrIDV6SUGyStHsvDqosw6CkdPV8TtWGlfecuK4ToyMEAql6pzNxgCFKanovUzlgQ==",
-      "dev": true
-    },
-    "node_modules/@types/json5": {
-      "version": "0.0.29",
-      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
-      "dev": true
-    },
-    "node_modules/@types/node": {
-      "version": "18.18.3",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.3.tgz",
-      "integrity": "sha512-0OVfGupTl3NBFr8+iXpfZ8NR7jfFO+P1Q+IO/q0wbo02wYkP5gy36phojeYWpLQ6WAMjl+VfmqUk2YbUfp0irA==",
-      "dev": true
-    },
-    "node_modules/@types/normalize-package-data": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.2.tgz",
-      "integrity": "sha512-lqa4UEhhv/2sjjIQgjX8B+RBjj47eo0mzGasklVJ78UKGQY1r0VpB9XHDaZZO9qzEFDdy4MrXLuEaSmPrPSe/A==",
-      "dev": true
-    },
-    "node_modules/@types/semver": {
-      "version": "7.5.3",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.3.tgz",
-      "integrity": "sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw==",
-      "dev": true
-    },
-    "node_modules/@types/stack-utils": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.1.tgz",
-      "integrity": "sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==",
-      "dev": true
-    },
-    "node_modules/@types/yargs": {
-      "version": "17.0.26",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.26.tgz",
-      "integrity": "sha512-Y3vDy2X6zw/ZCumcwLpdhM5L7jmyGpmBCTYMHDLqT2IKVMYRRLdv6ZakA+wxhra6Z/3bwhNbNl9bDGXaFU+6rw==",
-      "dev": true,
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/@types/yargs-parser": {
-      "version": "21.0.1",
-      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.1.tgz",
-      "integrity": "sha512-axdPBuLuEJt0c4yI5OZssC19K2Mq1uKdrfZBzuxLvaztgqUtFYZUNw7lETExPYJR9jdEoIg4mb7RQKRQzOkeGQ==",
-      "dev": true
-    },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz",
-      "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.4.0",
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/type-utils": "5.62.0",
-        "@typescript-eslint/utils": "5.62.0",
-        "debug": "^4.3.4",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "natural-compare-lite": "^1.4.0",
-        "semver": "^7.3.7",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^5.0.0",
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
-      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
-      "dev": true,
-      "peer": true,
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
-      "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/visitor-keys": "5.62.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz",
-      "integrity": "sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "@typescript-eslint/utils": "5.62.0",
-        "debug": "^4.3.4",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "*"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/types": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz",
-      "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
-      "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/visitor-keys": "5.62.0",
-        "debug": "^4.3.4",
-        "globby": "^11.1.0",
-        "is-glob": "^4.0.3",
-        "semver": "^7.3.7",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz",
-      "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@types/json-schema": "^7.0.9",
-        "@types/semver": "^7.3.12",
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "eslint-scope": "^5.1.1",
-        "semver": "^7.3.7"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
-      "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "8.10.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
-      "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
-      "dev": true,
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/acorn-walk": {
-      "version": "8.2.0",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
-      "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ansi-escapes": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
-      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.21.3"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/ansi-escapes/node_modules/type-fest": {
-      "version": "0.21.3",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
-      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "dev": true,
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/are-docs-informative": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/are-docs-informative/-/are-docs-informative-0.0.2.tgz",
-      "integrity": "sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==",
-      "dev": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/arg": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
-      "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
-      "dev": true
-    },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
-    },
-    "node_modules/array-buffer-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
-      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "is-array-buffer": "^3.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-includes": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.7.tgz",
-      "integrity": "sha512-dlcsNBIiWhPkHdOEEKnehA+RNUWDc4UqFtnIXU4uuYDPtA4LDkr7qip2p0VvFAEXNDr0yWZ9PJyIRiGjRLQzwQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-string": "^1.0.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-timsort": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/array-timsort/-/array-timsort-1.0.3.tgz",
-      "integrity": "sha512-/+3GRL7dDAGEfM6TseQk/U+mi18TU2Ms9I3UlLdUMhz2hbvGNTKdj9xniwXfUqgYhHxRx0+8UnKkvlNwVU+cWQ==",
-      "dev": true
-    },
-    "node_modules/array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/array.prototype.findlastindex": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz",
-      "integrity": "sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0",
-        "get-intrinsic": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flat": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
-      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flatmap": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
-      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz",
-      "integrity": "sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1",
-        "is-array-buffer": "^3.0.2",
-        "is-shared-array-buffer": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/available-typed-arrays": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
-      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/babel-jest": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-29.7.0.tgz",
-      "integrity": "sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==",
-      "dev": true,
-      "dependencies": {
-        "@jest/transform": "^29.7.0",
-        "@types/babel__core": "^7.1.14",
-        "babel-plugin-istanbul": "^6.1.1",
-        "babel-preset-jest": "^29.6.3",
-        "chalk": "^4.0.0",
-        "graceful-fs": "^4.2.9",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.8.0"
-      }
-    },
-    "node_modules/babel-plugin-istanbul": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
-      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.0.0",
-        "@istanbuljs/load-nyc-config": "^1.0.0",
-        "@istanbuljs/schema": "^0.1.2",
-        "istanbul-lib-instrument": "^5.0.4",
-        "test-exclude": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/babel-plugin-istanbul/node_modules/istanbul-lib-instrument": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
-      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.12.3",
-        "@babel/parser": "^7.14.7",
-        "@istanbuljs/schema": "^0.1.2",
-        "istanbul-lib-coverage": "^3.2.0",
-        "semver": "^6.3.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/babel-plugin-istanbul/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/babel-plugin-jest-hoist": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.6.3.tgz",
-      "integrity": "sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/template": "^7.3.3",
-        "@babel/types": "^7.3.3",
-        "@types/babel__core": "^7.1.14",
-        "@types/babel__traverse": "^7.0.6"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/babel-preset-current-node-syntax": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz",
-      "integrity": "sha512-M7LQ0bxarkxQoN+vz5aJPsLBn77n8QgTFmo8WK0/44auK2xlCXrYcUxHFxgU7qW5Yzw/CjmLRK2uJzaCd7LvqQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/plugin-syntax-async-generators": "^7.8.4",
-        "@babel/plugin-syntax-bigint": "^7.8.3",
-        "@babel/plugin-syntax-class-properties": "^7.8.3",
-        "@babel/plugin-syntax-import-meta": "^7.8.3",
-        "@babel/plugin-syntax-json-strings": "^7.8.3",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.8.3",
-        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
-        "@babel/plugin-syntax-numeric-separator": "^7.8.3",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
-        "@babel/plugin-syntax-top-level-await": "^7.8.3"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/babel-preset-jest": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-29.6.3.tgz",
-      "integrity": "sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==",
-      "dev": true,
-      "dependencies": {
-        "babel-plugin-jest-hoist": "^29.6.3",
-        "babel-preset-current-node-syntax": "^1.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true
-    },
-    "node_modules/big-integer": {
-      "version": "1.6.51",
-      "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.51.tgz",
-      "integrity": "sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.6"
-      }
-    },
-    "node_modules/bplist-parser": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.2.0.tgz",
-      "integrity": "sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==",
-      "dev": true,
-      "dependencies": {
-        "big-integer": "^1.6.44"
-      },
-      "engines": {
-        "node": ">= 5.10.0"
-      }
-    },
-    "node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dev": true,
-      "dependencies": {
-        "fill-range": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/browserslist": {
-      "version": "4.22.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
-      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001541",
-        "electron-to-chromium": "^1.4.535",
-        "node-releases": "^2.0.13",
-        "update-browserslist-db": "^1.0.13"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/bs-logger": {
-      "version": "0.2.6",
-      "resolved": "https://registry.npmjs.org/bs-logger/-/bs-logger-0.2.6.tgz",
-      "integrity": "sha512-pd8DCoxmbgc7hyPKOvxtqNcjYoOsABPQdcCUjGp3d42VR2CX1ORhk2A87oqqu5R1kk+76nsxZupkmyd+MVtCog==",
-      "dev": true,
-      "dependencies": {
-        "fast-json-stable-stringify": "2.x"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/bser": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
-      "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
-      "dev": true,
-      "dependencies": {
-        "node-int64": "^0.4.0"
-      }
-    },
-    "node_modules/buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "dev": true
-    },
-    "node_modules/builtin-modules": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
-      "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/bundle-name": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-3.0.0.tgz",
-      "integrity": "sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==",
-      "dev": true,
-      "dependencies": {
-        "run-applescript": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/call-bind": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
-      "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.1",
-        "get-intrinsic": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camel-case": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
-      "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
-      "dev": true,
-      "dependencies": {
-        "pascal-case": "^3.1.2",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001543",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001543.tgz",
-      "integrity": "sha512-qxdO8KPWPQ+Zk6bvNpPeQIOH47qZSYdFZd6dXQzb2KzhnSXju4Kd7H1PkSJx6NICSMgo/IhRZRhhfPTHYpJUCA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ]
-    },
-    "node_modules/capital-case": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz",
-      "integrity": "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==",
-      "dev": true,
-      "dependencies": {
-        "no-case": "^3.0.4",
-        "tslib": "^2.0.3",
-        "upper-case-first": "^2.0.2"
-      }
-    },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/chalk/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/change-case": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz",
-      "integrity": "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==",
-      "dev": true,
-      "dependencies": {
-        "camel-case": "^4.1.2",
-        "capital-case": "^1.0.4",
-        "constant-case": "^3.0.4",
-        "dot-case": "^3.0.4",
-        "header-case": "^2.0.4",
-        "no-case": "^3.0.4",
-        "param-case": "^3.0.4",
-        "pascal-case": "^3.1.2",
-        "path-case": "^3.0.4",
-        "sentence-case": "^3.0.4",
-        "snake-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/char-regex": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
-      "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/ci-info": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
-      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/sibiraj-s"
-        }
-      ],
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cjs-module-lexer": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.3.tgz",
-      "integrity": "sha512-0TNiGstbQmCFwt4akjjBg5pLRTSyj/PkWQ1ZoO2zntmg9yLqSRxwEa4iCfQLGjqhiqBfOJa7W/E8wfGrTDmlZQ==",
-      "dev": true
-    },
-    "node_modules/clean-regexp": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/clean-regexp/-/clean-regexp-1.0.0.tgz",
-      "integrity": "sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==",
-      "dev": true,
-      "dependencies": {
-        "escape-string-regexp": "^1.0.5"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/clean-regexp/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/clear-module": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/clear-module/-/clear-module-4.1.2.tgz",
-      "integrity": "sha512-LWAxzHqdHsAZlPlEyJ2Poz6AIs384mPeqLVCru2p0BrP9G/kVGuhNyZYClLO6cXlnuJjzC8xtsJIuMjKqLXoAw==",
-      "dev": true,
-      "dependencies": {
-        "parent-module": "^2.0.0",
-        "resolve-from": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/clear-module/node_modules/parent-module": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-2.0.0.tgz",
-      "integrity": "sha512-uo0Z9JJeWzv8BG+tRcapBKNJ0dro9cLyczGzulS6EfeyAdeC9sbojtW6XwvYxJkEne9En+J2XEl4zyglVeIwFg==",
-      "dev": true,
-      "dependencies": {
-        "callsites": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/clear-module/node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cliui": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
-      "dev": true,
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.1",
-        "wrap-ansi": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/co": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
-      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
-      "dev": true,
-      "engines": {
-        "iojs": ">= 1.0.0",
-        "node": ">= 0.12.0"
-      }
-    },
-    "node_modules/collect-v8-coverage": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz",
-      "integrity": "sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==",
-      "dev": true
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
-    "node_modules/color2k": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/color2k/-/color2k-2.0.2.tgz",
-      "integrity": "sha512-kJhwH5nAwb34tmyuqq/lgjEKzlFXn1U99NlnB6Ws4qVaERcRUYeYP1cBw6BJ4vxaWStAUEef4WMr7WjOCnBt8w==",
-      "dev": true
-    },
-    "node_modules/colorjs.io": {
-      "version": "0.4.5",
-      "resolved": "https://registry.npmjs.org/colorjs.io/-/colorjs.io-0.4.5.tgz",
-      "integrity": "sha512-yCtUNCmge7llyfd/Wou19PMAcf5yC3XXhgFoAh6zsO2pGswhUPBaaUh8jzgHnXtXuZyFKzXZNAnyF5i+apICow==",
-      "dev": true
-    },
-    "node_modules/commander": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
-      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
-      "dev": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/comment-json": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/comment-json/-/comment-json-4.2.3.tgz",
-      "integrity": "sha512-SsxdiOf064DWoZLH799Ata6u7iV658A11PlWtZATDlXPpKGJnbJZ5Z24ybixAi+LUUqJ/GKowAejtC5GFUG7Tw==",
-      "dev": true,
-      "dependencies": {
-        "array-timsort": "^1.0.3",
-        "core-util-is": "^1.0.3",
-        "esprima": "^4.0.1",
-        "has-own-prop": "^2.0.0",
-        "repeat-string": "^1.6.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/comment-parser": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/comment-parser/-/comment-parser-1.3.1.tgz",
-      "integrity": "sha512-B52sN2VNghyq5ofvUsqZjmk6YkihBX5vMSChmSK9v4ShjKf3Vk5Xcmgpw4o+iIgtrnM/u5FiMpz9VKb8lpBveA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 12.0.0"
-      }
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
-    },
-    "node_modules/concurrently": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-8.2.1.tgz",
-      "integrity": "sha512-nVraf3aXOpIcNud5pB9M82p1tynmZkrSGQ1p6X/VY8cJ+2LMVqAgXsJxYYefACSHbTYlm92O1xuhdGTjwoEvbQ==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "^4.1.2",
-        "date-fns": "^2.30.0",
-        "lodash": "^4.17.21",
-        "rxjs": "^7.8.1",
-        "shell-quote": "^1.8.1",
-        "spawn-command": "0.0.2",
-        "supports-color": "^8.1.1",
-        "tree-kill": "^1.2.2",
-        "yargs": "^17.7.2"
-      },
-      "bin": {
-        "conc": "dist/bin/concurrently.js",
-        "concurrently": "dist/bin/concurrently.js"
-      },
-      "engines": {
-        "node": "^14.13.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
-      }
-    },
-    "node_modules/configstore": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/configstore/-/configstore-6.0.0.tgz",
-      "integrity": "sha512-cD31W1v3GqUlQvbBCGcXmd2Nj9SvLDOP1oQ0YFuLETufzSPaKp11rYBsSOm7rCsW3OnIRAFM3OxRhceaXNYHkA==",
-      "dev": true,
-      "dependencies": {
-        "dot-prop": "^6.0.1",
-        "graceful-fs": "^4.2.6",
-        "unique-string": "^3.0.0",
-        "write-file-atomic": "^3.0.3",
-        "xdg-basedir": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/yeoman/configstore?sponsor=1"
-      }
-    },
-    "node_modules/configstore/node_modules/write-file-atomic": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
-      "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
-      "dev": true,
-      "dependencies": {
-        "imurmurhash": "^0.1.4",
-        "is-typedarray": "^1.0.0",
-        "signal-exit": "^3.0.2",
-        "typedarray-to-buffer": "^3.1.5"
-      }
-    },
-    "node_modules/constant-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz",
-      "integrity": "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==",
-      "dev": true,
-      "dependencies": {
-        "no-case": "^3.0.4",
-        "tslib": "^2.0.3",
-        "upper-case": "^2.0.2"
-      }
-    },
-    "node_modules/convert-source-map": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "dev": true
-    },
-    "node_modules/core-util-is": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
-      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
-      "dev": true
-    },
-    "node_modules/cosmiconfig": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.0.0.tgz",
-      "integrity": "sha512-da1EafcpH6b/TD8vDRaWV7xFINlHlF6zKsGwS1TsuVJTZRkquaS5HTMq7uq6h31619QjbsYl21gVDOm32KM1vQ==",
-      "dev": true,
-      "dependencies": {
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/create-jest": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/create-jest/-/create-jest-29.7.0.tgz",
-      "integrity": "sha512-Adz2bdH0Vq3F53KEMJOoftQFutWCukm6J24wbPWRO4k1kMY7gS7ds/uoJkNuV8wDCtWWnuwGcJwpWcih+zEW1Q==",
-      "dev": true,
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "chalk": "^4.0.0",
-        "exit": "^0.1.2",
-        "graceful-fs": "^4.2.9",
-        "jest-config": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "prompts": "^2.0.1"
-      },
-      "bin": {
-        "create-jest": "bin/create-jest.js"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/create-require": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
-      "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
-      "dev": true
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/crypto-random-string": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-4.0.0.tgz",
-      "integrity": "sha512-x8dy3RnvYdlUcPOjkEHqozhiwzKNSq7GcPuXFbnyMOCHxX8V3OgIg/pYuabl2sbUPfIJaeAQB7PMOK8DFIdoRA==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/crypto-random-string/node_modules/type-fest": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-1.4.0.tgz",
-      "integrity": "sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/cspell-dictionary": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/cspell-dictionary/-/cspell-dictionary-7.3.7.tgz",
-      "integrity": "sha512-mJ0h2BGxYEqb/1FxKD50WuufKhDaCaIk8pwZQryqazXQCvoTpla0yud3KO61Cke92za8z37Rfb+5xATlywEfaw==",
-      "dev": true,
-      "dependencies": {
-        "@cspell/cspell-pipe": "7.3.7",
-        "@cspell/cspell-types": "7.3.7",
-        "cspell-trie-lib": "7.3.7",
-        "fast-equals": "^4.0.3",
-        "gensequence": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/cspell-dictionary/node_modules/fast-equals": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-4.0.3.tgz",
-      "integrity": "sha512-G3BSX9cfKttjr+2o1O22tYMLq0DPluZnYtq1rXumE1SpL/F/SLIfHx08WYQoWSIpeMYf8sRbJ8++71+v6Pnxfg==",
-      "dev": true
-    },
-    "node_modules/cspell-glob": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/cspell-glob/-/cspell-glob-7.3.7.tgz",
-      "integrity": "sha512-DJX5wJ5dhcNzyycukZst+WtbIdpCLTL7DaKS0EKW/57QjzMwwMBgpsF89ufnreGHB8dHrPF85epF9qyOI1SRNg==",
-      "dev": true,
-      "dependencies": {
-        "micromatch": "^4.0.5"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/cspell-grammar": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/cspell-grammar/-/cspell-grammar-7.3.7.tgz",
-      "integrity": "sha512-4cyJ4Alq/wBGTctH7fNTbY9EZCihm11fbrGSYVe8w+msRNx6W8rugsMX009aHiw9zlvGrMAeTD08YFPnBVdfpA==",
-      "dev": true,
-      "dependencies": {
-        "@cspell/cspell-pipe": "7.3.7",
-        "@cspell/cspell-types": "7.3.7"
-      },
-      "bin": {
-        "cspell-grammar": "bin.mjs"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/cspell-io": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/cspell-io/-/cspell-io-7.3.7.tgz",
-      "integrity": "sha512-zqGGllG/OM3Of7zaOELdrSoBpCyG9nJuSRCzLfKgnCG4g2zpoMfDZknJaY9VjZODHP99PvYWooF8E6kVxT34Fw==",
-      "dev": true,
-      "dependencies": {
-        "@cspell/cspell-service-bus": "7.3.7",
-        "node-fetch": "^2.7.0"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/cspell-lib": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/cspell-lib/-/cspell-lib-7.3.7.tgz",
-      "integrity": "sha512-KuFn0WTwmK50Ij1KVaXVuheleSOfv3oFIO3PfMuFg7llkfPfaRawF0b61da/EFGckU/hUc8uHRbBuGELlDo3tA==",
-      "dev": true,
-      "dependencies": {
-        "@cspell/cspell-bundled-dicts": "7.3.7",
-        "@cspell/cspell-pipe": "7.3.7",
-        "@cspell/cspell-resolver": "7.3.7",
-        "@cspell/cspell-types": "7.3.7",
-        "@cspell/dynamic-import": "7.3.7",
-        "@cspell/strong-weak-map": "7.3.7",
-        "clear-module": "^4.1.2",
-        "comment-json": "^4.2.3",
-        "configstore": "^6.0.0",
-        "cosmiconfig": "8.0.0",
-        "cspell-dictionary": "7.3.7",
-        "cspell-glob": "7.3.7",
-        "cspell-grammar": "7.3.7",
-        "cspell-io": "7.3.7",
-        "cspell-trie-lib": "7.3.7",
-        "fast-equals": "^5.0.1",
-        "find-up": "^6.3.0",
-        "gensequence": "^6.0.0",
-        "import-fresh": "^3.3.0",
-        "resolve-from": "^5.0.0",
-        "vscode-languageserver-textdocument": "^1.0.11",
-        "vscode-uri": "^3.0.7"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/cspell-lib/node_modules/find-up": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz",
-      "integrity": "sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^7.1.0",
-        "path-exists": "^5.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/cspell-lib/node_modules/locate-path": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz",
-      "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^6.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/cspell-lib/node_modules/p-limit": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
-      "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
-      "dev": true,
-      "dependencies": {
-        "yocto-queue": "^1.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/cspell-lib/node_modules/p-locate": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz",
-      "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^4.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/cspell-lib/node_modules/path-exists": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz",
-      "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==",
-      "dev": true,
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      }
-    },
-    "node_modules/cspell-lib/node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cspell-lib/node_modules/yocto-queue": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
-      "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/cspell-trie-lib": {
-      "version": "7.3.7",
-      "resolved": "https://registry.npmjs.org/cspell-trie-lib/-/cspell-trie-lib-7.3.7.tgz",
-      "integrity": "sha512-Vv8TdTMZD3DE79SorTwn5NoWj8JD7DnYMeUK+5S6JDNLy4Ck+kTEPN6Ic9hvLAxuDmQjmoZI3TizrWvuCG66aA==",
-      "dev": true,
-      "dependencies": {
-        "@cspell/cspell-pipe": "7.3.7",
-        "@cspell/cspell-types": "7.3.7",
-        "gensequence": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/date-fns": {
-      "version": "2.30.0",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
-      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.21.0"
-      },
-      "engines": {
-        "node": ">=0.11"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/date-fns"
-      }
-    },
-    "node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/dedent": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.5.1.tgz",
-      "integrity": "sha512-+LxW+KLWxu3HW3M2w2ympwtqPrqYRzU8fqi6Fhd18fBALe15blJPI/I4+UHveMVG6lJqB4JNd4UG0S5cnVHwIg==",
-      "dev": true,
-      "peerDependencies": {
-        "babel-plugin-macros": "^3.1.0"
-      },
-      "peerDependenciesMeta": {
-        "babel-plugin-macros": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/deep-extend": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
-      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true
-    },
-    "node_modules/deepmerge": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
-      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/default-browser": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-4.0.0.tgz",
-      "integrity": "sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==",
-      "dev": true,
-      "dependencies": {
-        "bundle-name": "^3.0.0",
-        "default-browser-id": "^3.0.0",
-        "execa": "^7.1.1",
-        "titleize": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/default-browser-id": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-3.0.0.tgz",
-      "integrity": "sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==",
-      "dev": true,
-      "dependencies": {
-        "bplist-parser": "^0.2.0",
-        "untildify": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/default-browser/node_modules/execa": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-7.2.0.tgz",
-      "integrity": "sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.1",
-        "human-signals": "^4.3.0",
-        "is-stream": "^3.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^5.1.0",
-        "onetime": "^6.0.0",
-        "signal-exit": "^3.0.7",
-        "strip-final-newline": "^3.0.0"
-      },
-      "engines": {
-        "node": "^14.18.0 || ^16.14.0 || >=18.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/default-browser/node_modules/human-signals": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz",
-      "integrity": "sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=14.18.0"
-      }
-    },
-    "node_modules/default-browser/node_modules/is-stream": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-3.0.0.tgz",
-      "integrity": "sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==",
-      "dev": true,
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/default-browser/node_modules/mimic-fn": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-4.0.0.tgz",
-      "integrity": "sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/default-browser/node_modules/npm-run-path": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.1.0.tgz",
-      "integrity": "sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^4.0.0"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/default-browser/node_modules/onetime": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-6.0.0.tgz",
-      "integrity": "sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==",
-      "dev": true,
-      "dependencies": {
-        "mimic-fn": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/default-browser/node_modules/path-key": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-4.0.0.tgz",
-      "integrity": "sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/default-browser/node_modules/strip-final-newline": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
-      "integrity": "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/define-data-property": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.0.tgz",
-      "integrity": "sha512-UzGwzcjyv3OtAvolTj1GoyNYzfFR+iqbGjcnBEENZVCpM4/Ng1yhGNvS3lR/xDS74Tb2wGG9WzNSNIOS9UVb2g==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.1",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/define-lazy-prop": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
-      "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/define-properties": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/detect-newline": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
-      "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/diff": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
-      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.3.1"
-      }
-    },
-    "node_modules/diff-sequences": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz",
-      "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==",
-      "dev": true,
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/dir-glob": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dev": true,
-      "dependencies": {
-        "path-type": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/dot-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
-      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
-      "dev": true,
-      "dependencies": {
-        "no-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/dot-prop": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-6.0.1.tgz",
-      "integrity": "sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==",
-      "dev": true,
-      "dependencies": {
-        "is-obj": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "dev": true
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.4.540",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.540.tgz",
-      "integrity": "sha512-aoCqgU6r9+o9/S7wkcSbmPRFi7OWZWiXS9rtjEd+Ouyu/Xyw5RSq2XN8s5Qp8IaFOLiRrhQCphCIjAxgG3eCAg==",
-      "dev": true
-    },
-    "node_modules/emittery": {
-      "version": "0.13.1",
-      "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.13.1.tgz",
-      "integrity": "sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/emittery?sponsor=1"
-      }
-    },
-    "node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
-    },
-    "node_modules/entities": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz",
-      "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/error-ex": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-      "dev": true,
-      "dependencies": {
-        "is-arrayish": "^0.2.1"
-      }
-    },
-    "node_modules/es-abstract": {
-      "version": "1.22.2",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.2.tgz",
-      "integrity": "sha512-YoxfFcDmhjOgWPWsV13+2RNjq1F6UQnfs+8TftwNqtzlmFzEXvlUwdrNrYeaizfjQzRMxkZ6ElWMOJIFKdVqwA==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "arraybuffer.prototype.slice": "^1.0.2",
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
-        "es-set-tostringtag": "^2.0.1",
-        "es-to-primitive": "^1.2.1",
-        "function.prototype.name": "^1.1.6",
-        "get-intrinsic": "^1.2.1",
-        "get-symbol-description": "^1.0.0",
-        "globalthis": "^1.0.3",
-        "gopd": "^1.0.1",
-        "has": "^1.0.3",
-        "has-property-descriptors": "^1.0.0",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.5",
-        "is-array-buffer": "^3.0.2",
-        "is-callable": "^1.2.7",
-        "is-negative-zero": "^2.0.2",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "is-string": "^1.0.7",
-        "is-typed-array": "^1.1.12",
-        "is-weakref": "^1.0.2",
-        "object-inspect": "^1.12.3",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.1",
-        "safe-array-concat": "^1.0.1",
-        "safe-regex-test": "^1.0.0",
-        "string.prototype.trim": "^1.2.8",
-        "string.prototype.trimend": "^1.0.7",
-        "string.prototype.trimstart": "^1.0.7",
-        "typed-array-buffer": "^1.0.0",
-        "typed-array-byte-length": "^1.0.0",
-        "typed-array-byte-offset": "^1.0.0",
-        "typed-array-length": "^1.0.4",
-        "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.11"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/es-set-tostringtag": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
-      "integrity": "sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.3",
-        "has": "^1.0.3",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-shim-unscopables": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
-      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
-      "dev": true,
-      "dependencies": {
-        "has": "^1.0.3"
-      }
-    },
-    "node_modules/es-to-primitive": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
-      "dev": true,
-      "dependencies": {
-        "is-callable": "^1.1.4",
-        "is-date-object": "^1.0.1",
-        "is-symbol": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint": {
-      "version": "8.50.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.50.0.tgz",
-      "integrity": "sha512-FOnOGSuFuFLv/Sa+FDVRZl4GGVAAFFi8LecRsI5a1tMO5HIE8nCm4ivAlzt4dT3ol/PaaGC0rJEEXQmHJBGoOg==",
-      "dev": true,
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.2",
-        "@eslint/js": "8.50.0",
-        "@humanwhocodes/config-array": "^0.11.11",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@nodelib/fs.walk": "^1.2.8",
-        "ajv": "^6.12.4",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
-        "debug": "^4.3.2",
-        "doctrine": "^3.0.0",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.2.2",
-        "eslint-visitor-keys": "^3.4.3",
-        "espree": "^9.6.1",
-        "esquery": "^1.4.2",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^6.0.1",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "globals": "^13.19.0",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "is-path-inside": "^3.0.3",
-        "js-yaml": "^4.1.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3",
-        "strip-ansi": "^6.0.1",
-        "text-table": "^0.2.0"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-config-prettier": {
-      "version": "8.10.0",
-      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.10.0.tgz",
-      "integrity": "sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==",
-      "dev": true,
-      "bin": {
-        "eslint-config-prettier": "bin/cli.js"
-      },
-      "peerDependencies": {
-        "eslint": ">=7.0.0"
-      }
-    },
-    "node_modules/eslint-import-resolver-node": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.13.0",
-        "resolve": "^1.22.4"
-      }
-    },
-    "node_modules/eslint-import-resolver-node/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-module-utils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz",
-      "integrity": "sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^3.2.7"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependenciesMeta": {
-        "eslint": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-module-utils/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-import": {
-      "version": "2.28.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.28.1.tgz",
-      "integrity": "sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==",
-      "dev": true,
-      "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.findlastindex": "^1.2.2",
-        "array.prototype.flat": "^1.3.1",
-        "array.prototype.flatmap": "^1.3.1",
-        "debug": "^3.2.7",
-        "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.7",
-        "eslint-module-utils": "^2.8.0",
-        "has": "^1.0.3",
-        "is-core-module": "^2.13.0",
-        "is-glob": "^4.0.3",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.6",
-        "object.groupby": "^1.0.0",
-        "object.values": "^1.1.6",
-        "semver": "^6.3.1",
-        "tsconfig-paths": "^3.14.2"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dev": true,
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dev": true,
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      }
-    },
-    "node_modules/eslint-plugin-jest": {
-      "version": "27.4.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-27.4.2.tgz",
-      "integrity": "sha512-3Nfvv3wbq2+PZlRTf2oaAWXWwbdBejFRBR2O8tAO67o+P8zno+QGbcDYaAXODlreXVg+9gvWhKKmG2rgfb8GEg==",
-      "dev": true,
-      "dependencies": {
-        "@typescript-eslint/utils": "^5.10.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/eslint-plugin": "^5.0.0 || ^6.0.0",
-        "eslint": "^7.0.0 || ^8.0.0",
-        "jest": "*"
-      },
-      "peerDependenciesMeta": {
-        "@typescript-eslint/eslint-plugin": {
-          "optional": true
-        },
-        "jest": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-plugin-jsdoc": {
-      "version": "43.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-43.2.0.tgz",
-      "integrity": "sha512-Hst7XUfqh28UmPD52oTXmjaRN3d0KrmOZdgtp4h9/VHUJD3Evoo82ZGXi1TtRDWgWhvqDIRI63O49H0eH7NrZQ==",
-      "dev": true,
-      "dependencies": {
-        "@es-joy/jsdoccomment": "~0.38.0",
-        "are-docs-informative": "^0.0.2",
-        "comment-parser": "1.3.1",
-        "debug": "^4.3.4",
-        "escape-string-regexp": "^4.0.0",
-        "esquery": "^1.5.0",
-        "semver": "^7.5.0",
-        "spdx-expression-parse": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=16"
-      },
-      "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/eslint-plugin-prettier": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz",
-      "integrity": "sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==",
-      "dev": true,
-      "dependencies": {
-        "prettier-linter-helpers": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "eslint": ">=7.28.0",
-        "prettier": ">=2.0.0"
-      },
-      "peerDependenciesMeta": {
-        "eslint-config-prettier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-plugin-unicorn": {
-      "version": "46.0.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-46.0.1.tgz",
-      "integrity": "sha512-setGhMTiLAddg1asdwjZ3hekIN5zLznNa5zll7pBPwFOka6greCKDQydfqy4fqyUhndi74wpDzClSQMEcmOaew==",
-      "dev": true,
-      "dependencies": {
-        "@babel/helper-validator-identifier": "^7.19.1",
-        "@eslint-community/eslint-utils": "^4.1.2",
-        "ci-info": "^3.6.1",
-        "clean-regexp": "^1.0.0",
-        "esquery": "^1.4.0",
-        "indent-string": "^4.0.0",
-        "is-builtin-module": "^3.2.0",
-        "jsesc": "^3.0.2",
-        "lodash": "^4.17.21",
-        "pluralize": "^8.0.0",
-        "read-pkg-up": "^7.0.1",
-        "regexp-tree": "^0.1.24",
-        "regjsparser": "^0.9.1",
-        "safe-regex": "^2.1.1",
-        "semver": "^7.3.8",
-        "strip-indent": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=14.18"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/eslint-plugin-unicorn?sponsor=1"
-      },
-      "peerDependencies": {
-        "eslint": ">=8.28.0"
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/node_modules/eslint-scope": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-      "dev": true,
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/espree": {
-      "version": "9.6.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
-      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
-      "dev": true,
-      "dependencies": {
-        "acorn": "^8.9.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.4.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/esprima": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
-      "dev": true,
-      "bin": {
-        "esparse": "bin/esparse.js",
-        "esvalidate": "bin/esvalidate.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/esquery": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/esquery/node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/esrecurse/node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estree-walker": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-      "dev": true,
-      "dependencies": {
-        "@types/estree": "^1.0.0"
-      }
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/execa": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.0",
-        "human-signals": "^2.1.0",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.1",
-        "onetime": "^5.1.2",
-        "signal-exit": "^3.0.3",
-        "strip-final-newline": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/exit": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
-      "integrity": "sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/expect": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/expect/-/expect-29.7.0.tgz",
-      "integrity": "sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==",
-      "dev": true,
-      "dependencies": {
-        "@jest/expect-utils": "^29.7.0",
-        "jest-get-type": "^29.6.3",
-        "jest-matcher-utils": "^29.7.0",
-        "jest-message-util": "^29.7.0",
-        "jest-util": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/expr-eval": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/expr-eval/-/expr-eval-2.0.2.tgz",
-      "integrity": "sha512-4EMSHGOPSwAfBiibw3ndnP0AvjDWLsMvGOvWEZ2F96IGk0bIVdjQisOHxReSkE13mHcfbuCiXw+G4y0zv6N8Eg==",
-      "dev": true
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
-    },
-    "node_modules/fast-diff": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz",
-      "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==",
-      "dev": true
-    },
-    "node_modules/fast-equals": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.0.1.tgz",
-      "integrity": "sha512-WF1Wi8PwwSY7/6Kx0vKXtw8RwuSGoM1bvDaJbu7MxDlR1vovZjIAKrnzyrThgAjm6JDTu0fVgWXDlMGspodfoQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/fast-glob": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
-      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
-      "dev": true,
-      "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true
-    },
-    "node_modules/fastq": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
-      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
-      "dev": true,
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/fb-watchman": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
-      "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
-      "dev": true,
-      "dependencies": {
-        "bser": "2.1.1"
-      }
-    },
-    "node_modules/file-entry-cache": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-      "dev": true,
-      "dependencies": {
-        "flat-cache": "^3.0.4"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dev": true,
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/flat-cache": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.1.0.tgz",
-      "integrity": "sha512-OHx4Qwrrt0E4jEIcI5/Xb+f+QmJYNj2rrK8wiIdQOIrB9WrrJL8cjZvXdXuBTkkEwEqLycb5BeZDV1o2i9bTew==",
-      "dev": true,
-      "dependencies": {
-        "flatted": "^3.2.7",
-        "keyv": "^4.5.3",
-        "rimraf": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/flat-cache/node_modules/rimraf": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "dev": true,
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/flatted": {
-      "version": "3.2.9",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
-      "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==",
-      "dev": true
-    },
-    "node_modules/for-each": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-      "dev": true,
-      "dependencies": {
-        "is-callable": "^1.1.3"
-      }
-    },
-    "node_modules/foreground-child": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
-      "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.0",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/foreground-child/node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/fs-extra": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
-      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-      "dev": true
-    },
-    "node_modules/function.prototype.name": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
-      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "functions-have-names": "^1.2.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/functions-have-names": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/gensequence": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/gensequence/-/gensequence-6.0.0.tgz",
-      "integrity": "sha512-8WwuywE9pokJRAcg2QFR/plk3cVPebSUqRPzpGQh3WQ0wIiHAw+HyOQj5IuHyUTQBHpBKFoB2JUMu9zT3vJ16Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/gensync": {
-      "version": "1.0.0-beta.2",
-      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "dev": true,
-      "engines": {
-        "node": "6.* || 8.* || >= 10.*"
-      }
-    },
-    "node_modules/get-intrinsic": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.1.tgz",
-      "integrity": "sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==",
-      "dev": true,
-      "dependencies": {
-        "function-bind": "^1.1.1",
-        "has": "^1.0.3",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-package-type": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
-      "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/get-stdin": {
-      "version": "9.0.0",
-      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-9.0.0.tgz",
-      "integrity": "sha512-dVKBjfWisLAicarI2Sf+JuBE/DghV4UzNAVe9yhEJuzeREd3JhOTE9cUaJTeSa77fsbQUK3pcOpJfM59+VKZaA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/get-symbol-description": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.0.tgz",
-      "integrity": "sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "dev": true,
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/global-dirs": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.1.tgz",
-      "integrity": "sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==",
-      "dev": true,
-      "dependencies": {
-        "ini": "2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/global-dirs/node_modules/ini": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-2.0.0.tgz",
-      "integrity": "sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/globals": {
-      "version": "13.22.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.22.0.tgz",
-      "integrity": "sha512-H1Ddc/PbZHTDVJSnj8kWptIRSD6AM3pK+mKytuIVF4uoBV7rshFlhhvA58ceJ5wp3Er58w6zj7bykMpYXt3ETw==",
-      "dev": true,
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/globalthis": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
-      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
-      "dev": true,
-      "dependencies": {
-        "define-properties": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dev": true,
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/graceful-fs": {
-      "version": "4.2.11",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "dev": true
-    },
-    "node_modules/graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true
-    },
-    "node_modules/has": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.4.tgz",
-      "integrity": "sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/has-bigints": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/has-own-prop": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/has-own-prop/-/has-own-prop-2.0.0.tgz",
-      "integrity": "sha512-Pq0h+hvsVm6dDEa8x82GnLSYHOzNDt7f0ddFa3FqcQlgzEiptPqL+XrOJNavjOzSYiYWIrgeVYYgGlLmnxwilQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/has-property-descriptors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
-      "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.1.tgz",
-      "integrity": "sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
-      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/header-case": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz",
-      "integrity": "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==",
-      "dev": true,
-      "dependencies": {
-        "capital-case": "^1.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/hosted-git-info": {
-      "version": "2.8.9",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
-      "dev": true
-    },
-    "node_modules/html-escaper": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
-      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
-      "dev": true
-    },
-    "node_modules/human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.17.0"
-      }
-    },
-    "node_modules/ignore": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
-      "integrity": "sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "dev": true,
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/import-local": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz",
-      "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==",
-      "dev": true,
-      "dependencies": {
-        "pkg-dir": "^4.2.0",
-        "resolve-cwd": "^3.0.0"
-      },
-      "bin": {
-        "import-local-fixture": "fixtures/cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/import-meta-resolve": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-3.0.0.tgz",
-      "integrity": "sha512-4IwhLhNNA8yy445rPjD/lWh++7hMDOml2eHtd58eG7h+qK3EryMuuRbsHGPikCoAgIkkDnckKfWSk2iDla/ejg==",
-      "dev": true,
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "node_modules/indent-string": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "dev": true,
-      "dependencies": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
-    },
-    "node_modules/ini": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-3.0.1.tgz",
-      "integrity": "sha512-it4HyVAUTKBc6m8e1iXWvXSTdndF7HbdN713+kvLrymxTaU4AUBWrJ4vEooP+V7fexnVD3LKcBshjGGPefSMUQ==",
-      "dev": true,
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
-      }
-    },
-    "node_modules/internal-slot": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.5.tgz",
-      "integrity": "sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.0",
-        "has": "^1.0.3",
-        "side-channel": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/is-array-buffer": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
-      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.0",
-        "is-typed-array": "^1.1.10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-arrayish": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
-      "dev": true
-    },
-    "node_modules/is-bigint": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
-      "dev": true,
-      "dependencies": {
-        "has-bigints": "^1.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-boolean-object": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-builtin-module": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz",
-      "integrity": "sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==",
-      "dev": true,
-      "dependencies": {
-        "builtin-modules": "^3.3.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-callable": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-core-module": {
-      "version": "2.13.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.0.tgz",
-      "integrity": "sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==",
-      "dev": true,
-      "dependencies": {
-        "has": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-date-object": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-docker": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz",
-      "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
-      "dev": true,
-      "bin": {
-        "is-docker": "cli.js"
-      },
-      "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-generator-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-generator-fn/-/is-generator-fn-2.1.0.tgz",
-      "integrity": "sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-inside-container": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz",
-      "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==",
-      "dev": true,
-      "dependencies": {
-        "is-docker": "^3.0.0"
-      },
-      "bin": {
-        "is-inside-container": "cli.js"
-      },
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-mergeable-object": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-mergeable-object/-/is-mergeable-object-1.1.1.tgz",
-      "integrity": "sha512-CPduJfuGg8h8vW74WOxHtHmtQutyQBzR+3MjQ6iDHIYdbOnm1YC7jv43SqCoU8OPGTJD4nibmiryA4kmogbGrA==",
-      "dev": true
-    },
-    "node_modules/is-negative-zero": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.2.tgz",
-      "integrity": "sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/is-number-object": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-obj": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
-      "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-path-inside": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-shared-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-stream": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
-      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-string": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
-      "dev": true,
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-symbol": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
-      "dev": true,
-      "dependencies": {
-        "has-symbols": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-typed-array": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
-      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
-      "dev": true,
-      "dependencies": {
-        "which-typed-array": "^1.1.11"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-typedarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
-      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==",
-      "dev": true
-    },
-    "node_modules/is-weakref": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-wsl": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
-      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-      "dev": true,
-      "dependencies": {
-        "is-docker": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-wsl/node_modules/is-docker": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
-      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-      "dev": true,
-      "bin": {
-        "is-docker": "cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/isarray": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
-      "dev": true
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true
-    },
-    "node_modules/istanbul-lib-coverage": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz",
-      "integrity": "sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/istanbul-lib-instrument": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.1.tgz",
-      "integrity": "sha512-EAMEJBsYuyyztxMxW3g7ugGPkrZsV57v0Hmv3mm1uQsmB+QnZuepg731CRaIgeUVSdmsTngOkSnauNF8p7FIhA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.12.3",
-        "@babel/parser": "^7.14.7",
-        "@istanbuljs/schema": "^0.1.2",
-        "istanbul-lib-coverage": "^3.2.0",
-        "semver": "^7.5.4"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/istanbul-lib-report": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
-      "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
-      "dev": true,
-      "dependencies": {
-        "istanbul-lib-coverage": "^3.0.0",
-        "make-dir": "^4.0.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/istanbul-lib-report/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/istanbul-lib-source-maps": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
-      "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^4.1.1",
-        "istanbul-lib-coverage": "^3.0.0",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/istanbul-reports": {
-      "version": "3.1.6",
-      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.6.tgz",
-      "integrity": "sha512-TLgnMkKg3iTDsQ9PbPTdpfAK2DzjF9mqUG7RMgcQl8oFjad8ob4laGxv5XV5U9MAfx8D6tSJiUyuAwzLicaxlg==",
-      "dev": true,
-      "dependencies": {
-        "html-escaper": "^2.0.0",
-        "istanbul-lib-report": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jackspeak": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
-      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
-      "dev": true,
-      "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
-    "node_modules/jest": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest/-/jest-29.7.0.tgz",
-      "integrity": "sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==",
-      "dev": true,
-      "dependencies": {
-        "@jest/core": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "import-local": "^3.0.2",
-        "jest-cli": "^29.7.0"
-      },
-      "bin": {
-        "jest": "bin/jest.js"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jest-changed-files": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-29.7.0.tgz",
-      "integrity": "sha512-fEArFiwf1BpQ+4bXSprcDc3/x4HSzL4al2tozwVpDFpsxALjLYdyiIK4e5Vz66GQJIbXJ82+35PtysofptNX2w==",
-      "dev": true,
-      "dependencies": {
-        "execa": "^5.0.0",
-        "jest-util": "^29.7.0",
-        "p-limit": "^3.1.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-circus": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-circus/-/jest-circus-29.7.0.tgz",
-      "integrity": "sha512-3E1nCMgipcTkCocFwM90XXQab9bS+GMsjdpmPrlelaxwD93Ad8iVEjX/vvHPdLPnFf+L40u+5+iutRdA1N9myw==",
-      "dev": true,
-      "dependencies": {
-        "@jest/environment": "^29.7.0",
-        "@jest/expect": "^29.7.0",
-        "@jest/test-result": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "co": "^4.6.0",
-        "dedent": "^1.0.0",
-        "is-generator-fn": "^2.0.0",
-        "jest-each": "^29.7.0",
-        "jest-matcher-utils": "^29.7.0",
-        "jest-message-util": "^29.7.0",
-        "jest-runtime": "^29.7.0",
-        "jest-snapshot": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "p-limit": "^3.1.0",
-        "pretty-format": "^29.7.0",
-        "pure-rand": "^6.0.0",
-        "slash": "^3.0.0",
-        "stack-utils": "^2.0.3"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-cli": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-29.7.0.tgz",
-      "integrity": "sha512-OVVobw2IubN/GSYsxETi+gOe7Ka59EFMR/twOU3Jb2GnKKeMGJB5SGUUrEz3SFVmJASUdZUzy83sLNNQ2gZslg==",
-      "dev": true,
-      "dependencies": {
-        "@jest/core": "^29.7.0",
-        "@jest/test-result": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "chalk": "^4.0.0",
-        "create-jest": "^29.7.0",
-        "exit": "^0.1.2",
-        "import-local": "^3.0.2",
-        "jest-config": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "jest-validate": "^29.7.0",
-        "yargs": "^17.3.1"
-      },
-      "bin": {
-        "jest": "bin/jest.js"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jest-config": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-29.7.0.tgz",
-      "integrity": "sha512-uXbpfeQ7R6TZBqI3/TxCU4q4ttk3u0PJeC+E0zbfSoSjq6bJ7buBPxzQPL0ifrkY4DNu4JUdk0ImlBUYi840eQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.11.6",
-        "@jest/test-sequencer": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "babel-jest": "^29.7.0",
-        "chalk": "^4.0.0",
-        "ci-info": "^3.2.0",
-        "deepmerge": "^4.2.2",
-        "glob": "^7.1.3",
-        "graceful-fs": "^4.2.9",
-        "jest-circus": "^29.7.0",
-        "jest-environment-node": "^29.7.0",
-        "jest-get-type": "^29.6.3",
-        "jest-regex-util": "^29.6.3",
-        "jest-resolve": "^29.7.0",
-        "jest-runner": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "jest-validate": "^29.7.0",
-        "micromatch": "^4.0.4",
-        "parse-json": "^5.2.0",
-        "pretty-format": "^29.7.0",
-        "slash": "^3.0.0",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "peerDependencies": {
-        "@types/node": "*",
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        },
-        "ts-node": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jest-diff": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-29.7.0.tgz",
-      "integrity": "sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "diff-sequences": "^29.6.3",
-        "jest-get-type": "^29.6.3",
-        "pretty-format": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-docblock": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-29.7.0.tgz",
-      "integrity": "sha512-q617Auw3A612guyaFgsbFeYpNP5t2aoUNLwBUbc/0kD1R4t9ixDbyFTHd1nok4epoVFpr7PmeWHrhvuV3XaJ4g==",
-      "dev": true,
-      "dependencies": {
-        "detect-newline": "^3.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-each": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-29.7.0.tgz",
-      "integrity": "sha512-gns+Er14+ZrEoC5fhOfYCY1LOHHr0TI+rQUHZS8Ttw2l7gl+80eHc/gFf2Ktkw0+SIACDTeWvpFcv3B04VembQ==",
-      "dev": true,
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "chalk": "^4.0.0",
-        "jest-get-type": "^29.6.3",
-        "jest-util": "^29.7.0",
-        "pretty-format": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-environment-node": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-29.7.0.tgz",
-      "integrity": "sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==",
-      "dev": true,
-      "dependencies": {
-        "@jest/environment": "^29.7.0",
-        "@jest/fake-timers": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "jest-mock": "^29.7.0",
-        "jest-util": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-get-type": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-29.6.3.tgz",
-      "integrity": "sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==",
-      "dev": true,
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-haste-map": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-29.7.0.tgz",
-      "integrity": "sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==",
-      "dev": true,
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "@types/graceful-fs": "^4.1.3",
-        "@types/node": "*",
-        "anymatch": "^3.0.3",
-        "fb-watchman": "^2.0.0",
-        "graceful-fs": "^4.2.9",
-        "jest-regex-util": "^29.6.3",
-        "jest-util": "^29.7.0",
-        "jest-worker": "^29.7.0",
-        "micromatch": "^4.0.4",
-        "walker": "^1.0.8"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "^2.3.2"
-      }
-    },
-    "node_modules/jest-leak-detector": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-29.7.0.tgz",
-      "integrity": "sha512-kYA8IJcSYtST2BY9I+SMC32nDpBT3J2NvWJx8+JCuCdl/CR1I4EKUJROiP8XtCcxqgTTBGJNdbB1A8XRKbTetw==",
-      "dev": true,
-      "dependencies": {
-        "jest-get-type": "^29.6.3",
-        "pretty-format": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-matcher-utils": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz",
-      "integrity": "sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "jest-diff": "^29.7.0",
-        "jest-get-type": "^29.6.3",
-        "pretty-format": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-message-util": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-29.7.0.tgz",
-      "integrity": "sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.12.13",
-        "@jest/types": "^29.6.3",
-        "@types/stack-utils": "^2.0.0",
-        "chalk": "^4.0.0",
-        "graceful-fs": "^4.2.9",
-        "micromatch": "^4.0.4",
-        "pretty-format": "^29.7.0",
-        "slash": "^3.0.0",
-        "stack-utils": "^2.0.3"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-mock": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-29.7.0.tgz",
-      "integrity": "sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==",
-      "dev": true,
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "jest-util": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-pnp-resolver": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
-      "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      },
-      "peerDependencies": {
-        "jest-resolve": "*"
-      },
-      "peerDependenciesMeta": {
-        "jest-resolve": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jest-regex-util": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-29.6.3.tgz",
-      "integrity": "sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==",
-      "dev": true,
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-resolve": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-29.7.0.tgz",
-      "integrity": "sha512-IOVhZSrg+UvVAshDSDtHyFCCBUl/Q3AAJv8iZ6ZjnZ74xzvwuzLXid9IIIPgTnY62SJjfuupMKZsZQRsCvxEgA==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "graceful-fs": "^4.2.9",
-        "jest-haste-map": "^29.7.0",
-        "jest-pnp-resolver": "^1.2.2",
-        "jest-util": "^29.7.0",
-        "jest-validate": "^29.7.0",
-        "resolve": "^1.20.0",
-        "resolve.exports": "^2.0.0",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-resolve-dependencies": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-29.7.0.tgz",
-      "integrity": "sha512-un0zD/6qxJ+S0et7WxeI3H5XSe9lTBBR7bOHCHXkKR6luG5mwDDlIzVQ0V5cZCuoTgEdcdwzTghYkTWfubi+nA==",
-      "dev": true,
-      "dependencies": {
-        "jest-regex-util": "^29.6.3",
-        "jest-snapshot": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-runner": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-29.7.0.tgz",
-      "integrity": "sha512-fsc4N6cPCAahybGBfTRcq5wFR6fpLznMg47sY5aDpsoejOcVYFb07AHuSnR0liMcPTgBsA3ZJL6kFOjPdoNipQ==",
-      "dev": true,
-      "dependencies": {
-        "@jest/console": "^29.7.0",
-        "@jest/environment": "^29.7.0",
-        "@jest/test-result": "^29.7.0",
-        "@jest/transform": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "emittery": "^0.13.1",
-        "graceful-fs": "^4.2.9",
-        "jest-docblock": "^29.7.0",
-        "jest-environment-node": "^29.7.0",
-        "jest-haste-map": "^29.7.0",
-        "jest-leak-detector": "^29.7.0",
-        "jest-message-util": "^29.7.0",
-        "jest-resolve": "^29.7.0",
-        "jest-runtime": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "jest-watcher": "^29.7.0",
-        "jest-worker": "^29.7.0",
-        "p-limit": "^3.1.0",
-        "source-map-support": "0.5.13"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-runtime": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-29.7.0.tgz",
-      "integrity": "sha512-gUnLjgwdGqW7B4LvOIkbKs9WGbn+QLqRQQ9juC6HndeDiezIwhDP+mhMwHWCEcfQ5RUXa6OPnFF8BJh5xegwwQ==",
-      "dev": true,
-      "dependencies": {
-        "@jest/environment": "^29.7.0",
-        "@jest/fake-timers": "^29.7.0",
-        "@jest/globals": "^29.7.0",
-        "@jest/source-map": "^29.6.3",
-        "@jest/test-result": "^29.7.0",
-        "@jest/transform": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "cjs-module-lexer": "^1.0.0",
-        "collect-v8-coverage": "^1.0.0",
-        "glob": "^7.1.3",
-        "graceful-fs": "^4.2.9",
-        "jest-haste-map": "^29.7.0",
-        "jest-message-util": "^29.7.0",
-        "jest-mock": "^29.7.0",
-        "jest-regex-util": "^29.6.3",
-        "jest-resolve": "^29.7.0",
-        "jest-snapshot": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "slash": "^3.0.0",
-        "strip-bom": "^4.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-snapshot": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-29.7.0.tgz",
-      "integrity": "sha512-Rm0BMWtxBcioHr1/OX5YCP8Uov4riHvKPknOGs804Zg9JGZgmIBkbtlxJC/7Z4msKYVbIJtfU+tKb8xlYNfdkw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/core": "^7.11.6",
-        "@babel/generator": "^7.7.2",
-        "@babel/plugin-syntax-jsx": "^7.7.2",
-        "@babel/plugin-syntax-typescript": "^7.7.2",
-        "@babel/types": "^7.3.3",
-        "@jest/expect-utils": "^29.7.0",
-        "@jest/transform": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "babel-preset-current-node-syntax": "^1.0.0",
-        "chalk": "^4.0.0",
-        "expect": "^29.7.0",
-        "graceful-fs": "^4.2.9",
-        "jest-diff": "^29.7.0",
-        "jest-get-type": "^29.6.3",
-        "jest-matcher-utils": "^29.7.0",
-        "jest-message-util": "^29.7.0",
-        "jest-util": "^29.7.0",
-        "natural-compare": "^1.4.0",
-        "pretty-format": "^29.7.0",
-        "semver": "^7.5.3"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-util": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
-      "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
-      "dev": true,
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "ci-info": "^3.2.0",
-        "graceful-fs": "^4.2.9",
-        "picomatch": "^2.2.3"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-validate": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-29.7.0.tgz",
-      "integrity": "sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==",
-      "dev": true,
-      "dependencies": {
-        "@jest/types": "^29.6.3",
-        "camelcase": "^6.2.0",
-        "chalk": "^4.0.0",
-        "jest-get-type": "^29.6.3",
-        "leven": "^3.1.0",
-        "pretty-format": "^29.7.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-validate/node_modules/camelcase": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
-      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/jest-watcher": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-29.7.0.tgz",
-      "integrity": "sha512-49Fg7WXkU3Vl2h6LbLtMQ/HyB6rXSIX7SqvBLQmssRBGN9I0PNvPmAmCWSOY6SOvrjhI/F7/bGAv9RtnsPA03g==",
-      "dev": true,
-      "dependencies": {
-        "@jest/test-result": "^29.7.0",
-        "@jest/types": "^29.6.3",
-        "@types/node": "*",
-        "ansi-escapes": "^4.2.1",
-        "chalk": "^4.0.0",
-        "emittery": "^0.13.1",
-        "jest-util": "^29.7.0",
-        "string-length": "^4.0.1"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/jest-worker": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.7.0.tgz",
-      "integrity": "sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*",
-        "jest-util": "^29.7.0",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^8.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "dev": true
-    },
-    "node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dev": true,
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/jsdoc-type-pratt-parser": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.0.0.tgz",
-      "integrity": "sha512-YtOli5Cmzy3q4dP26GraSOeAhqecewG04hoO8DY56CH4KJ9Fvv5qKWUCCo3HZob7esJQHCv6/+bnTy72xZZaVQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/jsesc": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
-      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
-      "dev": true,
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true
-    },
-    "node_modules/json-parse-even-better-errors": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "dev": true
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
-    },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true
-    },
-    "node_modules/json5": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "dev": true,
-      "bin": {
-        "json5": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/jsonc-parser": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
-      "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
-      "dev": true
-    },
-    "node_modules/jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dev": true,
-      "dependencies": {
-        "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/keyv": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.3.tgz",
-      "integrity": "sha512-QCiSav9WaX1PgETJ+SpNnx2PRRapJ/oRSXM4VO5OGYGSjrxbKPVFVhB3l2OCbLCk329N8qyAtsJjSjvVBWzEug==",
-      "dev": true,
-      "dependencies": {
-        "json-buffer": "3.0.1"
-      }
-    },
-    "node_modules/kleur": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
-      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/leven": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
-      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true
-    },
-    "node_modules/linkify-it": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-4.0.1.tgz",
-      "integrity": "sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==",
-      "dev": true,
-      "dependencies": {
-        "uc.micro": "^1.0.1"
-      }
-    },
-    "node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "dev": true
-    },
-    "node_modules/lodash.memoize": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
-      "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
-      "dev": true
-    },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
-    },
-    "node_modules/lower-case": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
-      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/lru-cache": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^3.0.2"
-      }
-    },
-    "node_modules/make-dir": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
-      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
-      "dev": true,
-      "dependencies": {
-        "semver": "^7.5.3"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/make-error": {
-      "version": "1.3.6",
-      "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
-      "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
-      "dev": true
-    },
-    "node_modules/makeerror": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
-      "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
-      "dev": true,
-      "dependencies": {
-        "tmpl": "1.0.5"
-      }
-    },
-    "node_modules/markdown-it": {
-      "version": "13.0.1",
-      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-13.0.1.tgz",
-      "integrity": "sha512-lTlxriVoy2criHP0JKRhO2VDG9c2ypWCsT237eDiLqi09rmbKoUetyGHq2uOIRoRS//kfoJckS0eUzzkDR+k2Q==",
-      "dev": true,
-      "dependencies": {
-        "argparse": "^2.0.1",
-        "entities": "~3.0.1",
-        "linkify-it": "^4.0.1",
-        "mdurl": "^1.0.1",
-        "uc.micro": "^1.0.5"
-      },
-      "bin": {
-        "markdown-it": "bin/markdown-it.js"
-      }
-    },
-    "node_modules/markdownlint": {
-      "version": "0.28.2",
-      "resolved": "https://registry.npmjs.org/markdownlint/-/markdownlint-0.28.2.tgz",
-      "integrity": "sha512-yYaQXoKKPV1zgrFsyAuZPEQoe+JrY9GDag9ObKpk09twx4OCU5lut+0/kZPrQ3W7w82SmgKhd7D8m34aG1unVw==",
-      "dev": true,
-      "dependencies": {
-        "markdown-it": "13.0.1",
-        "markdownlint-micromark": "0.1.2"
-      },
-      "engines": {
-        "node": ">=14.18.0"
-      }
-    },
-    "node_modules/markdownlint-cli": {
-      "version": "0.34.0",
-      "resolved": "https://registry.npmjs.org/markdownlint-cli/-/markdownlint-cli-0.34.0.tgz",
-      "integrity": "sha512-4G9I++VBTZkaye6Yfc/7dU6HQHcyldZEVB+bYyQJLcpJOHKk/q5ZpGqK80oKMIdlxzsA3aWOJLZ4DkoaoUWXbQ==",
-      "dev": true,
-      "dependencies": {
-        "commander": "~10.0.1",
-        "get-stdin": "~9.0.0",
-        "glob": "~10.2.2",
-        "ignore": "~5.2.4",
-        "js-yaml": "^4.1.0",
-        "jsonc-parser": "~3.2.0",
-        "markdownlint": "~0.28.2",
-        "minimatch": "~9.0.0",
-        "run-con": "~1.2.11"
-      },
-      "bin": {
-        "markdownlint": "markdownlint.js"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/markdownlint-cli/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/markdownlint-cli/node_modules/glob": {
-      "version": "10.2.7",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.2.7.tgz",
-      "integrity": "sha512-jTKehsravOJo8IJxUGfZILnkvVJM/MOfHRs8QcXolVef2zNI9Tqyy5+SeuOAZd3upViEZQLyFpQhYiHLrMUNmA==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.0.3",
-        "minimatch": "^9.0.1",
-        "minipass": "^5.0.0 || ^6.0.2",
-        "path-scurry": "^1.7.0"
-      },
-      "bin": {
-        "glob": "dist/cjs/src/bin.js"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/markdownlint-cli/node_modules/minimatch": {
-      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
-      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/markdownlint-micromark": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/markdownlint-micromark/-/markdownlint-micromark-0.1.2.tgz",
-      "integrity": "sha512-jRxlQg8KpOfM2IbCL9RXM8ZiYWz2rv6DlZAnGv8ASJQpUh6byTBnEsbuMZ6T2/uIgntyf7SKg/mEaEBo1164fQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=14.18.0"
-      }
-    },
-    "node_modules/mdurl": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
-      "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==",
-      "dev": true
-    },
-    "node_modules/merge-stream": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
-      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
-      "dev": true
-    },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-      "dev": true,
-      "dependencies": {
-        "braces": "^3.0.2",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/min-indent": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
-      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/minimist": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/minipass": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-6.0.2.tgz",
-      "integrity": "sha512-MzWSV5nYVT7mVyWCwn2o7JH13w2TBRmmSqSRCKzTw+lmft9X4z+3wjvs06Tzijo5z4W/kahUCDpRXTF+ZrmF/w==",
-      "dev": true,
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/ms": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "dev": true
-    },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true
-    },
-    "node_modules/natural-compare-lite": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
-      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==",
-      "dev": true
-    },
-    "node_modules/no-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
-      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
-      "dev": true,
-      "dependencies": {
-        "lower-case": "^2.0.2",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/node-fetch": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
-      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
-      "dev": true,
-      "dependencies": {
-        "whatwg-url": "^5.0.0"
-      },
-      "engines": {
-        "node": "4.x || >=6.0.0"
-      },
-      "peerDependencies": {
-        "encoding": "^0.1.0"
-      },
-      "peerDependenciesMeta": {
-        "encoding": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/node-int64": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
-      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
-      "dev": true
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
-      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==",
-      "dev": true
-    },
-    "node_modules/normalize-package-data": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
-      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
-      "dev": true,
-      "dependencies": {
-        "hosted-git-info": "^2.1.4",
-        "resolve": "^1.10.0",
-        "semver": "2 || 3 || 4 || 5",
-        "validate-npm-package-license": "^3.0.1"
-      }
-    },
-    "node_modules/normalize-package-data/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/npm-run-path": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
-      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/object-inspect": {
-      "version": "1.12.3",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
-      "integrity": "sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/object.assign": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
-      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.1.4",
-        "has-symbols": "^1.0.3",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.fromentries": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.7.tgz",
-      "integrity": "sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.groupby": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.1.tgz",
-      "integrity": "sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "get-intrinsic": "^1.2.1"
-      }
-    },
-    "node_modules/object.values": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.7.tgz",
-      "integrity": "sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dev": true,
-      "dependencies": {
-        "wrappy": "1"
-      }
-    },
-    "node_modules/onetime": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-      "dev": true,
-      "dependencies": {
-        "mimic-fn": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/open": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/open/-/open-9.1.0.tgz",
-      "integrity": "sha512-OS+QTnw1/4vrf+9hh1jc1jnYjzSG4ttTBB8UxOwAnInG3Uo4ssetzC1ihqaIHjLJnA5GGlRl6QlZXOTQhRBUvg==",
-      "dev": true,
-      "dependencies": {
-        "default-browser": "^4.0.0",
-        "define-lazy-prop": "^3.0.0",
-        "is-inside-container": "^1.0.0",
-        "is-wsl": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=14.16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/optionator": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
-      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
-      "dev": true,
-      "dependencies": {
-        "@aashutoshrathi/word-wrap": "^1.2.3",
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/param-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
-      "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
-      "dev": true,
-      "dependencies": {
-        "dot-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
-      "dependencies": {
-        "callsites": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/parse-json": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
-      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/code-frame": "^7.0.0",
-        "error-ex": "^1.3.1",
-        "json-parse-even-better-errors": "^2.3.0",
-        "lines-and-columns": "^1.1.6"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/pascal-case": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
-      "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
-      "dev": true,
-      "dependencies": {
-        "no-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/path-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz",
-      "integrity": "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==",
-      "dev": true,
-      "dependencies": {
-        "dot-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true
-    },
-    "node_modules/path-scurry": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz",
-      "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^9.1.1 || ^10.0.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/path-scurry/node_modules/lru-cache": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.0.1.tgz",
-      "integrity": "sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g==",
-      "dev": true,
-      "engines": {
-        "node": "14 || >=16.14"
-      }
-    },
-    "node_modules/path-type": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-      "dev": true
-    },
-    "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/pirates": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/pkg-dir": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
-      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/pkg-dir/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/pluralize": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-8.0.0.tgz",
-      "integrity": "sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/postcss-calc-ast-parser": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/postcss-calc-ast-parser/-/postcss-calc-ast-parser-0.1.4.tgz",
-      "integrity": "sha512-CebpbHc96zgFjGgdQ6BqBy6XIUgRx1xXWCAAk6oke02RZ5nxwo9KQejTg8y7uYEeI9kv8jKQPYjoe6REsY23vw==",
-      "dev": true,
-      "dependencies": {
-        "postcss-value-parser": "^3.3.1"
-      },
-      "engines": {
-        "node": ">=6.5"
-      }
-    },
-    "node_modules/postcss-value-parser": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
-      "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
-      "dev": true
-    },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/prettier": {
-      "version": "2.8.8",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
-      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
-      "dev": true,
-      "bin": {
-        "prettier": "bin-prettier.js"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "url": "https://github.com/prettier/prettier?sponsor=1"
-      }
-    },
-    "node_modules/prettier-linter-helpers": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
-      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
-      "dev": true,
-      "dependencies": {
-        "fast-diff": "^1.1.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/pretty-format": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
-      "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/pretty-format/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/prompts": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
-      "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
-      "dev": true,
-      "dependencies": {
-        "kleur": "^3.0.3",
-        "sisteransi": "^1.0.5"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/punycode": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz",
-      "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/pure-rand": {
-      "version": "6.0.4",
-      "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.0.4.tgz",
-      "integrity": "sha512-LA0Y9kxMYv47GIPJy6MI84fqTd2HmYZI83W/kM/SkKfDlajnZYfmXFTxkbY+xSBPkLJxltMa9hIkmdc29eguMA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/dubzzz"
-        },
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/fast-check"
-        }
-      ]
-    },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/react-is": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
-      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
-      "dev": true
-    },
-    "node_modules/read-pkg": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
-      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
-      "dev": true,
-      "dependencies": {
-        "@types/normalize-package-data": "^2.4.0",
-        "normalize-package-data": "^2.5.0",
-        "parse-json": "^5.0.0",
-        "type-fest": "^0.6.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
-      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^4.1.0",
-        "read-pkg": "^5.2.0",
-        "type-fest": "^0.8.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg-up/node_modules/type-fest": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg/node_modules/type-fest": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
-      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/regenerator-runtime": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
-      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==",
-      "dev": true
-    },
-    "node_modules/regexp-tree": {
-      "version": "0.1.27",
-      "resolved": "https://registry.npmjs.org/regexp-tree/-/regexp-tree-0.1.27.tgz",
-      "integrity": "sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==",
-      "dev": true,
-      "bin": {
-        "regexp-tree": "bin/regexp-tree"
-      }
-    },
-    "node_modules/regexp.prototype.flags": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
-      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "set-function-name": "^2.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/regjsparser": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
-      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
-      "dev": true,
-      "dependencies": {
-        "jsesc": "~0.5.0"
-      },
-      "bin": {
-        "regjsparser": "bin/parser"
-      }
-    },
-    "node_modules/regjsparser/node_modules/jsesc": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
-      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
-      "dev": true,
-      "bin": {
-        "jsesc": "bin/jsesc"
-      }
-    },
-    "node_modules/repeat-string": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
-      "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/require-directory": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/resolve": {
-      "version": "1.22.6",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.6.tgz",
-      "integrity": "sha512-njhxM7mV12JfufShqGy3Rz8j11RPdLy4xi15UurGJeoHLfJpVXKdh3ueuOqbYUcDZnffr6X739JBo5LzyahEsw==",
-      "dev": true,
-      "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/resolve-cwd": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
-      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
-      "dev": true,
-      "dependencies": {
-        "resolve-from": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/resolve-cwd/node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/resolve.exports": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.2.tgz",
-      "integrity": "sha512-X2UW6Nw3n/aMgDVy+0rSqgHlv39WZAlZrXCdnbyEiKm17DSqHX4MmQMaST3FbeWR5FTuRcUwYAziZajji0Y7mg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "dev": true,
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/rimraf": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-5.0.5.tgz",
-      "integrity": "sha512-CqDakW+hMe/Bz202FPEymy68P+G50RfMQK+Qo5YUqc9SPipvbGjCGKd0RSKEelbsfQuw3g5NZDSrlZZAJurH1A==",
-      "dev": true,
-      "dependencies": {
-        "glob": "^10.3.7"
-      },
-      "bin": {
-        "rimraf": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/rimraf/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/rimraf/node_modules/glob": {
-      "version": "10.3.10",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
-      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.5",
-        "minimatch": "^9.0.1",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
-        "path-scurry": "^1.10.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/rimraf/node_modules/minimatch": {
-      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
-      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/run-applescript": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-5.0.0.tgz",
-      "integrity": "sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==",
-      "dev": true,
-      "dependencies": {
-        "execa": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/run-con": {
-      "version": "1.2.12",
-      "resolved": "https://registry.npmjs.org/run-con/-/run-con-1.2.12.tgz",
-      "integrity": "sha512-5257ILMYIF4RztL9uoZ7V9Q97zHtNHn5bN3NobeAnzB1P3ASLgg8qocM2u+R18ttp+VEM78N2LK8XcNVtnSRrg==",
-      "dev": true,
-      "dependencies": {
-        "deep-extend": "^0.6.0",
-        "ini": "~3.0.0",
-        "minimist": "^1.2.8",
-        "strip-json-comments": "~3.1.1"
-      },
-      "bin": {
-        "run-con": "cli.js"
-      }
-    },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
-    "node_modules/rxjs": {
-      "version": "7.8.1",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/safe-array-concat": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
-      "integrity": "sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "isarray": "^2.0.5"
-      },
-      "engines": {
-        "node": ">=0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/safe-regex": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-2.1.1.tgz",
-      "integrity": "sha512-rx+x8AMzKb5Q5lQ95Zoi6ZbJqwCLkqi3XuJXp5P3rT8OEc6sZCJG5AE5dU3lsgRr/F4Bs31jSlVN+j5KrsGu9A==",
-      "dev": true,
-      "dependencies": {
-        "regexp-tree": "~0.1.1"
-      }
-    },
-    "node_modules/safe-regex-test": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz",
-      "integrity": "sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "is-regex": "^1.1.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/semver": {
-      "version": "7.5.4",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
-      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/semver/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/semver/node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/sentence-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz",
-      "integrity": "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==",
-      "dev": true,
-      "dependencies": {
-        "no-case": "^3.0.4",
-        "tslib": "^2.0.3",
-        "upper-case-first": "^2.0.2"
-      }
-    },
-    "node_modules/set-function-name": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
-      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
-      "dev": true,
-      "dependencies": {
-        "define-data-property": "^1.0.1",
-        "functions-have-names": "^1.2.3",
-        "has-property-descriptors": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shell-quote": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz",
-      "integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==",
-      "dev": true,
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/side-channel": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.0",
-        "get-intrinsic": "^1.0.2",
-        "object-inspect": "^1.9.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/signal-exit": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
-      "dev": true
-    },
-    "node_modules/sisteransi": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
-      "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
-      "dev": true
-    },
-    "node_modules/slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/snake-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
-      "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
-      "dev": true,
-      "dependencies": {
-        "dot-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/source-map-support": {
-      "version": "0.5.13",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz",
-      "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==",
-      "dev": true,
-      "dependencies": {
-        "buffer-from": "^1.0.0",
-        "source-map": "^0.6.0"
-      }
-    },
-    "node_modules/spawn-command": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/spawn-command/-/spawn-command-0.0.2.tgz",
-      "integrity": "sha512-zC8zGoGkmc8J9ndvml8Xksr1Amk9qBujgbF0JAIWO7kXr43w0h/0GJNM/Vustixu+YE8N/MTrQ7N31FvHUACxQ==",
-      "dev": true
-    },
-    "node_modules/spdx-correct": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
-      "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
-      "dev": true,
-      "dependencies": {
-        "spdx-expression-parse": "^3.0.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/spdx-exceptions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
-      "integrity": "sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==",
-      "dev": true
-    },
-    "node_modules/spdx-expression-parse": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
-      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
-      "dev": true,
-      "dependencies": {
-        "spdx-exceptions": "^2.1.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/spdx-license-ids": {
-      "version": "3.0.15",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.15.tgz",
-      "integrity": "sha512-lpT8hSQp9jAKp9mhtBU4Xjon8LPGBvLIuBiSVhMEtmLecTh2mO0tlqrAMp47tBXzMr13NJMQ2lf7RpQGLJ3HsQ==",
-      "dev": true
-    },
-    "node_modules/sprintf-js": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
-      "dev": true
-    },
-    "node_modules/stack-utils": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
-      "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
-      "dev": true,
-      "dependencies": {
-        "escape-string-regexp": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/stack-utils/node_modules/escape-string-regexp": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
-      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-length": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
-      "integrity": "sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==",
-      "dev": true,
-      "dependencies": {
-        "char-regex": "^1.0.2",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs": {
-      "name": "string-width",
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string.prototype.trim": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
-      "integrity": "sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimend": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz",
-      "integrity": "sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/string.prototype.trimstart": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz",
-      "integrity": "sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-bom": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
-      "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-final-newline": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
-      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/strip-indent": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
-      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
-      "dev": true,
-      "dependencies": {
-        "min-indent": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/style-dictionary": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/style-dictionary/-/style-dictionary-3.8.0.tgz",
-      "integrity": "sha512-wHlB/f5eO3mDcYv6WtOz6gvQC477jBKrwuIXe+PtHskTCBsJdAOvL8hCquczJxDui2TnwpeNE+2msK91JJomZg==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "change-case": "^4.1.2",
-        "commander": "^8.3.0",
-        "fs-extra": "^10.0.0",
-        "glob": "^7.2.0",
-        "json5": "^2.2.2",
-        "jsonc-parser": "^3.0.0",
-        "lodash": "^4.17.15",
-        "tinycolor2": "^1.4.1"
-      },
-      "bin": {
-        "style-dictionary": "bin/style-dictionary"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/style-dictionary/node_modules/commander": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
-      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
-      "dev": true,
-      "engines": {
-        "node": ">= 12"
-      }
-    },
-    "node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/synckit": {
-      "version": "0.8.5",
-      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.8.5.tgz",
-      "integrity": "sha512-L1dapNV6vu2s/4Sputv8xGsCdAVlb5nRDMFU/E27D44l5U6cw1g0dGd45uLc+OXjNMmF4ntiMdCimzcjFKQI8Q==",
-      "dev": true,
-      "dependencies": {
-        "@pkgr/utils": "^2.3.1",
-        "tslib": "^2.5.0"
-      },
-      "engines": {
-        "node": "^14.18.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/unts"
-      }
-    },
-    "node_modules/test-exclude": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
-      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
-      "dev": true,
-      "dependencies": {
-        "@istanbuljs/schema": "^0.1.2",
-        "glob": "^7.1.4",
-        "minimatch": "^3.0.4"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true
-    },
-    "node_modules/tinycolor2": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz",
-      "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==",
-      "dev": true
-    },
-    "node_modules/titleize": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/titleize/-/titleize-3.0.0.tgz",
-      "integrity": "sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/tmpl": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
-      "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
-      "dev": true
-    },
-    "node_modules/to-fast-properties": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
-      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/tr46": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
-      "dev": true
-    },
-    "node_modules/tree-kill": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
-      "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
-      "dev": true,
-      "bin": {
-        "tree-kill": "cli.js"
-      }
-    },
-    "node_modules/ts-jest": {
-      "version": "29.1.1",
-      "resolved": "https://registry.npmjs.org/ts-jest/-/ts-jest-29.1.1.tgz",
-      "integrity": "sha512-D6xjnnbP17cC85nliwGiL+tpoKN0StpgE0TeOjXQTU6MVCfsB4v7aW05CgQ/1OywGb0x/oy9hHFnN+sczTiRaA==",
-      "dev": true,
-      "dependencies": {
-        "bs-logger": "0.x",
-        "fast-json-stable-stringify": "2.x",
-        "jest-util": "^29.0.0",
-        "json5": "^2.2.3",
-        "lodash.memoize": "4.x",
-        "make-error": "1.x",
-        "semver": "^7.5.3",
-        "yargs-parser": "^21.0.1"
-      },
-      "bin": {
-        "ts-jest": "cli.js"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": ">=7.0.0-beta.0 <8",
-        "@jest/types": "^29.0.0",
-        "babel-jest": "^29.0.0",
-        "jest": "^29.0.0",
-        "typescript": ">=4.3 <6"
-      },
-      "peerDependenciesMeta": {
-        "@babel/core": {
-          "optional": true
-        },
-        "@jest/types": {
-          "optional": true
-        },
-        "babel-jest": {
-          "optional": true
-        },
-        "esbuild": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/ts-node": {
-      "version": "10.9.1",
-      "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.1.tgz",
-      "integrity": "sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==",
-      "dev": true,
-      "dependencies": {
-        "@cspotcode/source-map-support": "^0.8.0",
-        "@tsconfig/node10": "^1.0.7",
-        "@tsconfig/node12": "^1.0.7",
-        "@tsconfig/node14": "^1.0.0",
-        "@tsconfig/node16": "^1.0.2",
-        "acorn": "^8.4.1",
-        "acorn-walk": "^8.1.1",
-        "arg": "^4.1.0",
-        "create-require": "^1.1.0",
-        "diff": "^4.0.1",
-        "make-error": "^1.1.1",
-        "v8-compile-cache-lib": "^3.0.1",
-        "yn": "3.1.1"
-      },
-      "bin": {
-        "ts-node": "dist/bin.js",
-        "ts-node-cwd": "dist/bin-cwd.js",
-        "ts-node-esm": "dist/bin-esm.js",
-        "ts-node-script": "dist/bin-script.js",
-        "ts-node-transpile-only": "dist/bin-transpile.js",
-        "ts-script": "dist/bin-script-deprecated.js"
-      },
-      "peerDependencies": {
-        "@swc/core": ">=1.2.50",
-        "@swc/wasm": ">=1.2.50",
-        "@types/node": "*",
-        "typescript": ">=2.7"
-      },
-      "peerDependenciesMeta": {
-        "@swc/core": {
-          "optional": true
-        },
-        "@swc/wasm": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/tsconfig-paths": {
-      "version": "3.14.2",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
-      "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
-      "dev": true,
-      "dependencies": {
-        "@types/json5": "^0.0.29",
-        "json5": "^1.0.2",
-        "minimist": "^1.2.6",
-        "strip-bom": "^3.0.0"
-      }
-    },
-    "node_modules/tsconfig-paths/node_modules/json5": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
-      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-      "dev": true,
-      "dependencies": {
-        "minimist": "^1.2.0"
-      },
-      "bin": {
-        "json5": "lib/cli.js"
-      }
-    },
-    "node_modules/tsconfig-paths/node_modules/strip-bom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
-      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/tslib": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
-      "dev": true
-    },
-    "node_modules/tsutils": {
-      "version": "3.21.0",
-      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
-      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^1.8.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      },
-      "peerDependencies": {
-        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
-      }
-    },
-    "node_modules/tsutils/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-      "dev": true
-    },
-    "node_modules/type-check": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
-      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
-      "dev": true,
-      "dependencies": {
-        "prelude-ls": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/type-detect": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
-      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/typed-array-buffer": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
-      "integrity": "sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/typed-array-byte-length": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz",
-      "integrity": "sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typed-array-byte-offset": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz",
-      "integrity": "sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==",
-      "dev": true,
-      "dependencies": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "has-proto": "^1.0.1",
-        "is-typed-array": "^1.1.10"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typed-array-length": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.4.tgz",
-      "integrity": "sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "is-typed-array": "^1.1.9"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typedarray-to-buffer": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
-      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
-      "dev": true,
-      "dependencies": {
-        "is-typedarray": "^1.0.0"
-      }
-    },
-    "node_modules/typescript": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
-      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
-      "dev": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/uc.micro": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
-      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==",
-      "dev": true
-    },
-    "node_modules/unbox-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-bigints": "^1.0.2",
-        "has-symbols": "^1.0.3",
-        "which-boxed-primitive": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/unique-string": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-3.0.0.tgz",
-      "integrity": "sha512-VGXBUVwxKMBUznyffQweQABPRRW1vHZAbadFZud4pLFAqRGvv/96vafgjWFqzourzr8YonlQiPgH0YCJfawoGQ==",
-      "dev": true,
-      "dependencies": {
-        "crypto-random-string": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/universalify": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-      "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
-    "node_modules/untildify": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz",
-      "integrity": "sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
-      },
-      "bin": {
-        "update-browserslist-db": "cli.js"
-      },
-      "peerDependencies": {
-        "browserslist": ">= 4.21.0"
-      }
-    },
-    "node_modules/upper-case": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz",
-      "integrity": "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/upper-case-first": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz",
-      "integrity": "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==",
-      "dev": true,
-      "dependencies": {
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/uri-js": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
-      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/v8-compile-cache-lib": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
-      "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
-      "dev": true
-    },
-    "node_modules/v8-to-istanbul": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.1.2.tgz",
-      "integrity": "sha512-ZGBe7VAivuuoQXTeckpbYKTdtjXGcm3ZUHXC0PAk0CzFyuYvwi73a58iEKI3GkGD1c3EHc+EgfR1w5pgbfzJlQ==",
-      "dev": true,
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.12",
-        "@types/istanbul-lib-coverage": "^2.0.1",
-        "convert-source-map": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10.12.0"
-      }
-    },
-    "node_modules/validate-npm-package-license": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
-      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
-      "dev": true,
-      "dependencies": {
-        "spdx-correct": "^3.0.0",
-        "spdx-expression-parse": "^3.0.0"
-      }
-    },
-    "node_modules/vscode-languageserver-textdocument": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.11.tgz",
-      "integrity": "sha512-X+8T3GoiwTVlJbicx/sIAF+yuJAqz8VvwJyoMVhwEMoEKE/fkDmrqUgDMyBECcM2A2frVZIUj5HI/ErRXCfOeA==",
-      "dev": true
-    },
-    "node_modules/vscode-uri": {
-      "version": "3.0.8",
-      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.0.8.tgz",
-      "integrity": "sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==",
-      "dev": true
-    },
-    "node_modules/walker": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
-      "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
-      "dev": true,
-      "dependencies": {
-        "makeerror": "1.0.12"
-      }
-    },
-    "node_modules/webidl-conversions": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
-      "dev": true
-    },
-    "node_modules/whatwg-url": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
-      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
-      "dev": true,
-      "dependencies": {
-        "tr46": "~0.0.3",
-        "webidl-conversions": "^3.0.0"
-      }
-    },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/which-boxed-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
-      "dev": true,
-      "dependencies": {
-        "is-bigint": "^1.0.1",
-        "is-boolean-object": "^1.1.0",
-        "is-number-object": "^1.0.4",
-        "is-string": "^1.0.5",
-        "is-symbol": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/which-typed-array": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.11.tgz",
-      "integrity": "sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==",
-      "dev": true,
-      "dependencies": {
-        "available-typed-arrays": "^1.0.5",
-        "call-bind": "^1.0.2",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "wrap-ansi",
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
-    },
-    "node_modules/write-file-atomic": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz",
-      "integrity": "sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==",
-      "dev": true,
-      "dependencies": {
-        "imurmurhash": "^0.1.4",
-        "signal-exit": "^3.0.7"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
-      }
-    },
-    "node_modules/xdg-basedir": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-5.1.0.tgz",
-      "integrity": "sha512-GCPAHLvrIH13+c0SuacwvRYj2SxJXQ4kaVTT5xgL3kPrz56XxkF21IGhjSE1+W0aw7gpBWRGXLCPnPby6lSpmQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/y18n": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/yallist": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-      "dev": true
-    },
-    "node_modules/yargs": {
-      "version": "17.7.2",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
-      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
-      "dev": true,
-      "dependencies": {
-        "cliui": "^8.0.1",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.3",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^21.1.1"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "21.1.1",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/yn": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
-      "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/yocto-queue": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
-      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    }
-  }
-}

From 963195e6915b37850c273faaa1e26948731c7b36 Mon Sep 17 00:00:00 2001
From: Matt Driscoll <mdriscoll@esri.com>
Date: Fri, 17 Nov 2023 13:48:00 -0800
Subject: [PATCH 04/30] fix(list-item, stack): stretch dropdown when placed
 inside a list-item or stack (#8204)

**Related Issue:** #8185

## Summary

- stretch dropdown component in list-item and stack
---
 .../src/components/list-item/list-item.scss               | 3 ++-
 .../src/components/list/list.stories.ts                   | 8 ++++++++
 .../calcite-components/src/components/stack/stack.scss    | 3 ++-
 .../src/components/stack/stack.stories.ts                 | 8 ++++++++
 4 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/packages/calcite-components/src/components/list-item/list-item.scss b/packages/calcite-components/src/components/list-item/list-item.scss
index 7cfecc3a516..f8bda120535 100755
--- a/packages/calcite-components/src/components/list-item/list-item.scss
+++ b/packages/calcite-components/src/components/list-item/list-item.scss
@@ -146,7 +146,8 @@ td:focus {
 .actions-end {
   ::slotted(calcite-action),
   ::slotted(calcite-action-menu),
-  ::slotted(calcite-handle) {
+  ::slotted(calcite-handle),
+  ::slotted(calcite-dropdown) {
     @apply self-stretch;
 
     color: inherit;
diff --git a/packages/calcite-components/src/components/list/list.stories.ts b/packages/calcite-components/src/components/list/list.stories.ts
index b229a824e51..eff2841b90e 100644
--- a/packages/calcite-components/src/components/list/list.stories.ts
+++ b/packages/calcite-components/src/components/list/list.stories.ts
@@ -81,6 +81,14 @@ export const stretchSlottedContent = (): string => html`
         <calcite-action appearance="transparent" text="Minus" icon="minus" text-enabled></calcite-action>
         <calcite-action appearance="transparent" text="Table" icon="table" text-enabled></calcite-action>
       </calcite-action-menu>
+      <calcite-dropdown slot="actions-end">
+        <calcite-action appearance="transparent" icon="plus" slot="trigger"></calcite-action>
+        <calcite-dropdown-group selection-mode="single" group-title="Sort by">
+          <calcite-dropdown-item>Relevance</calcite-dropdown-item>
+          <calcite-dropdown-item selected="">Date modified</calcite-dropdown-item>
+          <calcite-dropdown-item>Title</calcite-dropdown-item>
+        </calcite-dropdown-group>
+      </calcite-dropdown>
     </calcite-list-item>
   </calcite-list>
 `;
diff --git a/packages/calcite-components/src/components/stack/stack.scss b/packages/calcite-components/src/components/stack/stack.scss
index 98fbe09625f..ab37272fa35 100644
--- a/packages/calcite-components/src/components/stack/stack.scss
+++ b/packages/calcite-components/src/components/stack/stack.scss
@@ -65,7 +65,8 @@
 .actions-end {
   ::slotted(calcite-action),
   ::slotted(calcite-action-menu),
-  ::slotted(calcite-handle) {
+  ::slotted(calcite-handle),
+  ::slotted(calcite-dropdown) {
     @apply self-stretch;
 
     color: inherit;
diff --git a/packages/calcite-components/src/components/stack/stack.stories.ts b/packages/calcite-components/src/components/stack/stack.stories.ts
index fd8c76e1bf3..5fb6207c942 100644
--- a/packages/calcite-components/src/components/stack/stack.stories.ts
+++ b/packages/calcite-components/src/components/stack/stack.stories.ts
@@ -36,6 +36,14 @@ export const stretchSlottedContent = (): string => html`
       <calcite-action appearance="transparent" text="Minus" icon="minus" text-enabled></calcite-action>
       <calcite-action appearance="transparent" text="Table" icon="table" text-enabled></calcite-action>
     </calcite-action-menu>
+    <calcite-dropdown slot="actions-end">
+      <calcite-action appearance="transparent" icon="plus" slot="trigger"></calcite-action>
+      <calcite-dropdown-group selection-mode="single" group-title="Sort by">
+        <calcite-dropdown-item>Relevance</calcite-dropdown-item>
+        <calcite-dropdown-item selected="">Date modified</calcite-dropdown-item>
+        <calcite-dropdown-item>Title</calcite-dropdown-item>
+      </calcite-dropdown-group>
+    </calcite-dropdown>
   </calcite-stack>
 `;
 

From b7edfdc154c09b5918b39681b0dd7ad1bb72640f Mon Sep 17 00:00:00 2001
From: Anveshreddy mekala <anv11827@esri.com>
Date: Fri, 17 Nov 2023 22:26:54 -0600
Subject: [PATCH 05/30] fix(list-item): adds border between grouped and
 ungrouped list-items (#8134)

**Related Issue:** #7546

Adds border to the `calcite-list-item` excluding the first
`calcite-list-item` in the `calcite-list-item-group` or the
`calcite-list`.
---
 packages/calcite-components/calcite-preset.ts |  1 +
 .../list-item-group/list-item-group.scss      |  7 ++--
 .../src/components/list/list.scss             | 11 ++++--
 .../src/components/list/list.stories.ts       |  6 +++-
 .../src/components/list/list.tsx              | 35 +++++++++++++++++++
 5 files changed, 55 insertions(+), 5 deletions(-)

diff --git a/packages/calcite-components/calcite-preset.ts b/packages/calcite-components/calcite-preset.ts
index 06a95cca709..738b30dfb49 100644
--- a/packages/calcite-components/calcite-preset.ts
+++ b/packages/calcite-components/calcite-preset.ts
@@ -165,6 +165,7 @@ export default {
         "2-lg": "var(--calcite-box-shadow-md)",
         "2-sm": "0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16)",
         "border-bottom": "0 1px 0 var(--calcite-color-border-3)",
+        "border-top": "0 -1px 0 var(--calcite-color-border-3)",
         "outline-active": "0 0 0 1px var(--calcite-color-brand)",
         none: "none",
         xs: "0 0 0 1px rgba(0, 0, 0, 0.05)",
diff --git a/packages/calcite-components/src/components/list-item-group/list-item-group.scss b/packages/calcite-components/src/components/list-item-group/list-item-group.scss
index 45875b09dff..6412b93b577 100644
--- a/packages/calcite-components/src/components/list-item-group/list-item-group.scss
+++ b/packages/calcite-components/src/components/list-item-group/list-item-group.scss
@@ -16,11 +16,14 @@
 }
 
 ::slotted(calcite-list-item) {
-  @apply shadow-border-bottom mb-px;
+  @apply shadow-border-top;
+  margin-block-start: 1px;
 }
 
-::slotted(calcite-list-item:last-child) {
+// removes shadow for the first item of the group for both filtered and unfiltered items.
+::slotted(calcite-list-item:nth-child(1 of :not([hidden]))) {
   @apply shadow-none;
+  margin-block-start: 0px;
 }
 
 @include base-component();
diff --git a/packages/calcite-components/src/components/list/list.scss b/packages/calcite-components/src/components/list/list.scss
index f33d96030f6..45d233ed18a 100755
--- a/packages/calcite-components/src/components/list/list.scss
+++ b/packages/calcite-components/src/components/list/list.scss
@@ -29,13 +29,20 @@
 }
 
 ::slotted(calcite-list-item) {
-  @apply shadow-border-bottom mb-px;
+  @apply shadow-border-top;
+  margin-block-start: 1px;
 }
 
-::slotted(calcite-list-item:last-child) {
+::slotted(calcite-list-item:first-of-type) {
   @apply shadow-none;
 }
 
+// removes shadow for the first item in filteredItems of the list.
+::slotted(calcite-list-item[data-filter]) {
+  @apply shadow-none;
+  margin-block-start: 0px;
+}
+
 .sticky-pos {
   @apply sticky
   top-0
diff --git a/packages/calcite-components/src/components/list/list.stories.ts b/packages/calcite-components/src/components/list/list.stories.ts
index eff2841b90e..bcaa92ddddf 100644
--- a/packages/calcite-components/src/components/list/list.stories.ts
+++ b/packages/calcite-components/src/components/list/list.stories.ts
@@ -448,7 +448,7 @@ export const closableListItems_TestOnly = (): string => html`<calcite-list
   </calcite-list-item>
 </calcite-list>`;
 
-export const filteredChildListItems_TestOnly = (): string => html` <calcite-list
+export const filteredChildListItems_TestOnly = (): string => html`<calcite-list
     filter-enabled
     filter-text="est"
     filter-placeholder="Find content"
@@ -630,6 +630,10 @@ export const filteredChildListItems_TestOnly = (): string => html` <calcite-list
     </calcite-list-item-group>
   </calcite-list>`;
 
+filteredChildListItems_TestOnly.parameters = {
+  chromatic: { delay: 1000 },
+};
+
 export const filterActions_TestOnly = (): string => html`<calcite-list
   selection-mode="single"
   label="test"
diff --git a/packages/calcite-components/src/components/list/list.tsx b/packages/calcite-components/src/components/list/list.tsx
index bbdec7d53aa..c10f1a77b04 100755
--- a/packages/calcite-components/src/components/list/list.tsx
+++ b/packages/calcite-components/src/components/list/list.tsx
@@ -360,6 +360,8 @@ export class List implements InteractiveComponent, LoadableComponent, SortableCo
 
   sortable: Sortable;
 
+  private ancestorOfFirstFilteredItem: HTMLCalciteListItemElement;
+
   // --------------------------------------------------------------------------
   //
   //  Public Methods
@@ -579,6 +581,10 @@ export class List implements InteractiveComponent, LoadableComponent, SortableCo
       this.filterElements({ el: listItem, filteredItems, visibleParents })
     );
 
+    if (filteredItems.length > 0) {
+      this.findAncestorOfFirstFilteredItem(filteredItems);
+    }
+
     this.filteredItems = filteredItems;
 
     if (emit) {
@@ -742,6 +748,35 @@ export class List implements InteractiveComponent, LoadableComponent, SortableCo
     }
   };
 
+  private findAncestorOfFirstFilteredItem = (filteredItems: HTMLCalciteListItemElement[]): void => {
+    this.ancestorOfFirstFilteredItem?.removeAttribute("data-filter");
+    filteredItems.forEach((item) => {
+      item.removeAttribute("data-filter");
+    });
+
+    this.ancestorOfFirstFilteredItem = this.getTopLevelAncestorItemElement(filteredItems[0]);
+    filteredItems[0].setAttribute("data-filter", "0");
+    this.ancestorOfFirstFilteredItem?.setAttribute("data-filter", "0");
+  };
+
+  private getTopLevelAncestorItemElement = (
+    el: HTMLCalciteListItemElement
+  ): HTMLCalciteListItemElement | null => {
+    let closestParent = el.parentElement.closest<HTMLCalciteListItemElement>("calcite-list-item");
+
+    while (closestParent) {
+      const closestListItemAncestor =
+        closestParent.parentElement.closest<HTMLCalciteListItemElement>("calcite-list-item");
+
+      if (closestListItemAncestor) {
+        closestParent = closestListItemAncestor;
+      } else {
+        return closestParent;
+      }
+    }
+    return null;
+  };
+
   handleNudgeEvent(event: CustomEvent<HandleNudge>): void {
     const { direction } = event.detail;
 

From 8f7e63ebf3c79122e5c34220011e9ff00f06c942 Mon Sep 17 00:00:00 2001
From: Alan Sangma <asangma@esri.com>
Date: Fri, 17 Nov 2023 22:34:44 -0800
Subject: [PATCH 06/30] test(panel, flow-item): add screenshot tests for
 overflow (#8028) (#8161)

**Related Issue:** #8028

## Summary
Adds screenshots for panel and flow-item.
Follow-up from #8055

cc @driskull
---
 .../components/flow-item/flow-item.stories.ts | 26 +++++++++++++++++++
 .../src/components/panel/panel.stories.ts     | 24 +++++++++++++++++
 2 files changed, 50 insertions(+)

diff --git a/packages/calcite-components/src/components/flow-item/flow-item.stories.ts b/packages/calcite-components/src/components/flow-item/flow-item.stories.ts
index e5ceb1b83e9..8ed395722da 100644
--- a/packages/calcite-components/src/components/flow-item/flow-item.stories.ts
+++ b/packages/calcite-components/src/components/flow-item/flow-item.stories.ts
@@ -242,6 +242,32 @@ export const noDoubleScrollbars_TestOnly = (): string => html`
   </div>
 `;
 
+export const overflowContent_TestOnly = (): string => html` <style>
+    .container {
+      max-height: 300px;
+      width: 300px;
+    }
+  </style>
+  <div class="container">
+    <calcite-flow>
+      <calcite-flow-item heading="My Panel">
+        <calcite-list>
+          <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+          <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+          <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+          <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+          <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+          <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+          <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+          <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+          <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+          <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+          <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+        </calcite-list>
+      </calcite-flow-item>
+    </calcite-flow>
+  </div>`;
+
 export const withActionBar_TestOnly = (): string => html`<div style="width: 300px;">
   <calcite-flow-item height-scale="s">
     <calcite-action-bar slot="action-bar">
diff --git a/packages/calcite-components/src/components/panel/panel.stories.ts b/packages/calcite-components/src/components/panel/panel.stories.ts
index 241cb7fc2a0..58ac6ef9868 100644
--- a/packages/calcite-components/src/components/panel/panel.stories.ts
+++ b/packages/calcite-components/src/components/panel/panel.stories.ts
@@ -404,6 +404,30 @@ export const flexContentWithFAB_TestOnly = (): string => html`<calcite-panel
   <calcite-fab slot="fab"></calcite-fab
 ></calcite-panel>`;
 
+export const overflowContent_TestOnly = (): string => html` <style>
+    .container {
+      max-height: 300px;
+      width: 300px;
+    }
+  </style>
+  <div class="container">
+    <calcite-panel heading="My Panel">
+      <calcite-list>
+        <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+        <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+        <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+        <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+        <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+        <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+        <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+        <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+        <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+        <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+        <calcite-list-item label="My list item" description="My description"></calcite-list-item>
+      </calcite-list>
+    </calcite-panel>
+  </div>`;
+
 export const overflowContentWithFab_TestOnly = (): string => html` <calcite-panel
   style="max-height: 300px; height: 300px; width: 500px"
   heading="My Panel"

From b456fc9e8e32ca0ac79e2f40e088fb17eb43bec6 Mon Sep 17 00:00:00 2001
From: Max Patiiuk <max@patii.uk>
Date: Mon, 20 Nov 2023 10:00:36 -0800
Subject: [PATCH 07/30] docs: update outdated Web Component conventions link
 (#8221)

Old URL is leading to a 404 page.
I found the new URL for the same page.
---
 packages/calcite-components/conventions/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/calcite-components/conventions/README.md b/packages/calcite-components/conventions/README.md
index 8ccd849b295..1f6a47b4bca 100644
--- a/packages/calcite-components/conventions/README.md
+++ b/packages/calcite-components/conventions/README.md
@@ -7,7 +7,7 @@ This is a living document defining our best practices and reasoning for authorin
 Generally adhere to and follow these best practices for authoring components.
 
 - [Google Web Component Best Practices](https://developers.google.com/web/fundamentals/web-components/best-practices)
-- [Custom Element Conformance - W3C Editor's Draft](https://w3c.github.io/webcomponents/spec/custom/#custom-element-conformance)
+- [Custom Element Conformance - W3C Editor's Draft](https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-conformance)
 
 ## Structure
 

From 6aadef85b761d3d3a30c297400f5b36fa26c88f5 Mon Sep 17 00:00:00 2001
From: Adam Tirella <adam@tirel.la>
Date: Mon, 20 Nov 2023 11:16:57 -0800
Subject: [PATCH 08/30] fix(action): Update transparent action styles (#8194)

**Related Issue:** #3834

## Summary
cc @asangma @SkyeSeitz @ashetland
---
 .../src/components/action/action.scss         | 22 +++++++------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/packages/calcite-components/src/components/action/action.scss b/packages/calcite-components/src/components/action/action.scss
index 7216be302c5..ee2a77c5afd 100755
--- a/packages/calcite-components/src/components/action/action.scss
+++ b/packages/calcite-components/src/components/action/action.scss
@@ -160,32 +160,26 @@
 }
 
 :host([appearance="transparent"]) .button {
-  @apply bg-transparent
-    transition-shadow
-    duration-150
-    ease-in-out;
+  @apply bg-transparent;
 }
 
+:host([appearance="transparent"][active]) .button,
 :host([appearance="transparent"]) .button:hover,
 :host([appearance="transparent"]) .button:focus {
-  @apply bg-transparent;
-  box-shadow: 0 0 0 2px theme("borderColor.color.1") inset;
+  background-color: var(--calcite-button-transparent-hover);
 }
 
-:host([active][appearance="transparent"]) .button,
-:host([active][appearance="transparent"]) .button:hover,
-:host([active][appearance="transparent"]) .button:focus {
-  @apply text-color-1 fill-color-1 bg-foreground-3;
+:host([appearance="transparent"]) .button:active {
+  background-color: var(--calcite-button-transparent-press);
 }
 
-:host([appearance="transparent"][loading]) .button,
 :host([appearance="transparent"][disabled]) .button {
   @apply bg-transparent;
 }
 
-:host([loading]) .button,
-:host([loading]) .button:hover,
-:host([loading]) .button:focus {
+:host([loading][appearance="solid"]) .button,
+:host([loading][appearance="solid"]) .button:hover,
+:host([loading][appearance="solid"]) .button:focus {
   @apply bg-foreground-1;
   .text-container {
     @apply opacity-disabled;

From 91fc52f4cb48a0b4fd9b5266d5c6905301d93b75 Mon Sep 17 00:00:00 2001
From: Kitty Hurley <khurley@esri.com>
Date: Mon, 20 Nov 2023 16:22:20 -0600
Subject: [PATCH 09/30] chore: add angular package to issue templates (#8225)

**Related Issue:** #7860

## Summary
Adds the angular package to our issue templates for: a11y, bugs,
enhancements, and refactors.
---
 .github/ISSUE_TEMPLATE/accessibility.yml | 1 +
 .github/ISSUE_TEMPLATE/bug.yml           | 1 +
 .github/ISSUE_TEMPLATE/enhancement.yml   | 1 +
 .github/ISSUE_TEMPLATE/refactor.yml      | 1 +
 4 files changed, 4 insertions(+)

diff --git a/.github/ISSUE_TEMPLATE/accessibility.yml b/.github/ISSUE_TEMPLATE/accessibility.yml
index 7638fa0367a..8a4f53634b0 100644
--- a/.github/ISSUE_TEMPLATE/accessibility.yml
+++ b/.github/ISSUE_TEMPLATE/accessibility.yml
@@ -103,6 +103,7 @@ body:
       description: Select the relevant [package(s)](https://github.com/Esri/calcite-design-system/tree/main/packages) related to the request.
       options:
         - label: "@esri/calcite-components"
+        - label: "@esri/calcite-components-angular"
         - label: "@esri/calcite-components-react"
         - label: "@esri/calcite-design-tokens"
         - label: "@esri/eslint-plugin-calcite-components"
diff --git a/.github/ISSUE_TEMPLATE/bug.yml b/.github/ISSUE_TEMPLATE/bug.yml
index 5cce77d1a46..2d85dc44e3c 100644
--- a/.github/ISSUE_TEMPLATE/bug.yml
+++ b/.github/ISSUE_TEMPLATE/bug.yml
@@ -97,6 +97,7 @@ body:
       description: Select the relevant [package(s)](https://github.com/Esri/calcite-design-system/tree/main/packages) related to the request.
       options:
         - label: "@esri/calcite-components"
+        - label: "@esri/calcite-components-angular"
         - label: "@esri/calcite-components-react"
         - label: "@esri/calcite-design-tokens"
         - label: "@esri/eslint-plugin-calcite-components"
diff --git a/.github/ISSUE_TEMPLATE/enhancement.yml b/.github/ISSUE_TEMPLATE/enhancement.yml
index 7ba468079c1..152527fc2f8 100644
--- a/.github/ISSUE_TEMPLATE/enhancement.yml
+++ b/.github/ISSUE_TEMPLATE/enhancement.yml
@@ -65,6 +65,7 @@ body:
       description: Select the relevant [package(s)](https://github.com/Esri/calcite-design-system/tree/main/packages) related to the request.
       options:
         - label: "@esri/calcite-components"
+        - label: "@esri/calcite-components-angular"
         - label: "@esri/calcite-components-react"
         - label: "@esri/calcite-design-tokens"
         - label: "@esri/eslint-plugin-calcite-components"
diff --git a/.github/ISSUE_TEMPLATE/refactor.yml b/.github/ISSUE_TEMPLATE/refactor.yml
index 0020933a4ab..d6a17722086 100644
--- a/.github/ISSUE_TEMPLATE/refactor.yml
+++ b/.github/ISSUE_TEMPLATE/refactor.yml
@@ -41,6 +41,7 @@ body:
       description: Select the relevant [package(s)](https://github.com/Esri/calcite-design-system/tree/main/packages) related to the request.
       options:
         - label: "@esri/calcite-components"
+        - label: "@esri/calcite-components-angular"
         - label: "@esri/calcite-components-react"
         - label: "@esri/calcite-design-tokens"
         - label: "@esri/eslint-plugin-calcite-components"

From 55a174e035822f0a70868f4fdfe669ef33a7a772 Mon Sep 17 00:00:00 2001
From: Anveshreddy mekala <anv11827@esri.com>
Date: Mon, 20 Nov 2023 23:51:16 -0600
Subject: [PATCH 10/30] fix(input-number): prevents mutating value on blur
 (#8226)

**Related Issue:** #7188

## Summary

Prevents increasing/decreasing the value in `calcite-input-number` on
`blur` via keyboard or mouse
---
 .../input-number/input-number.e2e.ts          | 24 +++++++++++++++++++
 .../components/input-number/input-number.tsx  |  1 +
 2 files changed, 25 insertions(+)

diff --git a/packages/calcite-components/src/components/input-number/input-number.e2e.ts b/packages/calcite-components/src/components/input-number/input-number.e2e.ts
index 79407943587..4fd266e419e 100644
--- a/packages/calcite-components/src/components/input-number/input-number.e2e.ts
+++ b/packages/calcite-components/src/components/input-number/input-number.e2e.ts
@@ -1748,4 +1748,28 @@ describe("calcite-input-number", () => {
     await page.waitForChanges();
     expect(await inputNumber.getProperty("value")).toEqual(value);
   });
+
+  it("should not change the value when user Tab out of the input with ArrowUp/ArrowDown keys are down", async () => {
+    const page = await newE2EPage();
+    await page.setContent(html`<calcite-input-number value="0"></calcite-input-number>`);
+    const calciteInputNumberInput = await page.spyOnEvent("calciteInputNumberInput");
+    const input = await page.find("calcite-input-number");
+    expect(calciteInputNumberInput).toHaveReceivedEventTimes(0);
+
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.down("ArrowUp");
+    // timeout is used to simulate long press.
+    await page.waitForTimeout(3000);
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+
+    const totalNudgesUp = calciteInputNumberInput.length;
+    expect(await input.getProperty("value")).toBe(`${totalNudgesUp}`);
+    expect(calciteInputNumberInput).toHaveReceivedEventTimes(totalNudgesUp);
+
+    await page.waitForTimeout(3000);
+    expect(await input.getProperty("value")).toBe(`${totalNudgesUp}`);
+    expect(calciteInputNumberInput).toHaveReceivedEventTimes(totalNudgesUp);
+  });
 });
diff --git a/packages/calcite-components/src/components/input-number/input-number.tsx b/packages/calcite-components/src/components/input-number/input-number.tsx
index 7b8c4a7c8be..325c4ee22fd 100644
--- a/packages/calcite-components/src/components/input-number/input-number.tsx
+++ b/packages/calcite-components/src/components/input-number/input-number.tsx
@@ -591,6 +591,7 @@ export class InputNumber
   };
 
   private inputNumberBlurHandler = () => {
+    window.clearInterval(this.nudgeNumberValueIntervalId);
     this.calciteInternalInputNumberBlur.emit();
     this.emitChangeIfUserModified();
   };

From 19cf05f79d2b5bc711305a29b4b89a387a71ad7a Mon Sep 17 00:00:00 2001
From: JC Franco <jfranco@esri.com>
Date: Tue, 21 Nov 2023 09:10:34 -0800
Subject: [PATCH 11/30] revert: feat(alert): make component responsive (#8195)

**Related Issue:** N/A

Rolls back responsiveness (#7755) in favor of upcoming alert stack UX
(#2835).

See
https://github.com/Esri/calcite-design-system/issues/7921#issuecomment-1815588607
for more info.
---
 .../src/components/alert/alert.scss           |  88 +++----------
 .../src/components/alert/alert.stories.ts     | 122 +-----------------
 .../src/components/alert/alert.tsx            |  44 ++-----
 3 files changed, 29 insertions(+), 225 deletions(-)

diff --git a/packages/calcite-components/src/components/alert/alert.scss b/packages/calcite-components/src/components/alert/alert.scss
index c4c9c8185ba..17d760e8b98 100644
--- a/packages/calcite-components/src/components/alert/alert.scss
+++ b/packages/calcite-components/src/components/alert/alert.scss
@@ -18,9 +18,9 @@ $border-style: 1px solid var(--calcite-color-border-3);
   box-border
   fixed
   flex
-  flex-wrap
   items-center
   justify-center
+  min-w-min
   mx-auto
   my-0
   opacity-0
@@ -64,20 +64,15 @@ $border-style: 1px solid var(--calcite-color-border-3);
   }
 }
 
-.content {
-  @apply box-border flex flex-auto flex-col transition-default;
-  padding-block: var(--calcite-alert-spacing-token-small);
-  padding-inline: var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small);
-}
-
 .icon {
-  @apply flex flex-col items-center justify-start p-0;
-  margin-block-end: var(--calcite-alert-spacing-token-large);
+  @apply flex flex-col items-center justify-center p-0;
+  margin-block: auto;
   margin-inline-end: auto;
+  padding-inline-start: var(--calcite-alert-spacing-token-large);
 }
 
 .close {
-  @apply bg-transparent border-none cursor-pointer flex items-start justify-end outline-none self-start text-color-3;
+  @apply bg-transparent border-none cursor-pointer flex items-center justify-end outline-none self-stretch text-color-3;
   -webkit-appearance: none;
   padding: var(--calcite-alert-spacing-token-large);
 
@@ -97,19 +92,20 @@ $border-style: 1px solid var(--calcite-color-border-3);
 }
 
 .queue-count {
-  @apply text-color-2
-  bg-foreground-1
-  transition-default
-  invisible
-  flex
+  @apply bg-foreground-1
   cursor-default
+  flex
+  font-medium
+  invisible
   items-center
   justify-around
-  self-stretch
+  min-w-min
+  opacity-0
   overflow-hidden
+  self-stretch
   text-center
-  font-medium
-  opacity-0;
+  text-color-2
+  transition-default;
   border-inline: 0 solid transparent;
   border-start-end-radius: 0;
 
@@ -143,23 +139,14 @@ $border-style: 1px solid var(--calcite-color-border-3);
 }
 
 .text-container {
-  @apply flex flex-1 min-w-0 flex-col break-words;
-}
-
-.content-container {
-  @apply flex flex-1;
+  @apply box-border flex flex-auto min-w-0 flex-col break-words;
+  padding-block: var(--calcite-alert-spacing-token-small);
+  padding-inline: var(--calcite-alert-spacing-token-large) var(--calcite-alert-spacing-token-small);
 }
 
 .footer {
-  @apply flex justify-end order-1 pt-px relative w-full;
-  block-size: var(--calcite-alert-footer-height);
-
-  &:before {
-    content: "";
-    @apply absolute top-0;
-    inset-inline: var(--calcite-alert-footer-divider-gap);
-    border-block-start: $border-style;
-  }
+  @apply flex justify-end pt-px relative self-stretch w-auto;
+  block-size: inherit;
 }
 
 // scale variables
@@ -319,42 +306,5 @@ $alertDurations: "fast" 6000ms, "medium" 10000ms, "slow" 14000ms;
   @apply absolute;
 }
 
-@container responsive-container (min-width: #{$calcite-container-size-width-xs-max}) {
-  .content {
-    @apply flex-row;
-  }
-
-  .close {
-    @apply items-center self-stretch;
-  }
-
-  .icon {
-    @apply justify-center;
-    margin-inline-end: 0;
-    margin-block: 0;
-    padding-inline-end: var(--calcite-alert-spacing-token-large);
-  }
-}
-
-@container responsive-container (min-width: #{$calcite-container-size-width-sm-max}) {
-  .close {
-    @apply self-stretch;
-  }
-
-  .footer {
-    @apply self-stretch w-auto;
-    order: initial;
-    block-size: inherit;
-
-    &:before {
-      content: none;
-    }
-  }
-
-  .icon {
-    padding-inline: var(--calcite-alert-spacing-token-large) 0;
-  }
-}
-
 @include base-component();
 @include calciteHydratedHidden();
diff --git a/packages/calcite-components/src/components/alert/alert.stories.ts b/packages/calcite-components/src/components/alert/alert.stories.ts
index d5a640687d2..3ee99ae940f 100644
--- a/packages/calcite-components/src/components/alert/alert.stories.ts
+++ b/packages/calcite-components/src/components/alert/alert.stories.ts
@@ -1,11 +1,9 @@
 import { select } from "@storybook/addon-knobs";
 import { boolean, iconNames, storyFilters } from "../../../.storybook/helpers";
-import { createBreakpointStories, modesDarkDefault } from "../../../.storybook/utils";
+import { modesDarkDefault } from "../../../.storybook/utils";
 import { html } from "../../../support/formatting";
 import readme from "./readme.md";
 
-const openAlertScreenshotDelay = 1000;
-
 export default {
   title: "Components/Alert",
   parameters: {
@@ -220,121 +218,3 @@ export const autoClosableRetainsCloseButton_TestOnly = (): string => html`
     <calcite-link slot="link" title="my action" role="presentation"> Take action </calcite-link>
   </calcite-alert>
 `;
-
-// we use individual stories since we can't display multiple open alerts at the same time
-
-const breakpointsStoryTemplate = html`
-  <style>
-    .breakpoint-stories-container {
-      height: 600px;
-
-      /* force fixed container placement on the breakpoint-sized stories container */
-      contain: layout;
-    }
-  </style>
-  <calcite-alert icon open scale="{scale}">
-    <div slot="title">title</div>
-    <div slot="message">message</div>
-    <calcite-action scale="{scale}" slot="actions-end" title="Tips" icon="lightbulb"></calcite-action>
-    <calcite-action scale="{scale}" slot="actions-end" title="Get info" icon="attachment"></calcite-action>
-  </calcite-alert>
-  <calcite-alert icon scale="{scale}">
-    <div slot="title">title</div>
-    <div slot="message">message</div>
-    <calcite-action scale="{scale}" slot="actions-end" title="Tips" icon="lightbulb"></calcite-action>
-    <calcite-action scale="{scale}" slot="actions-end" title="Get info" icon="attachment"></calcite-action>
-  </calcite-alert>
-  <script>
-    (async function () {
-      await customElements.whenDefined("calcite-alert");
-      const alert2 = document.querySelectorAll("calcite-alert")[1];
-      await alert2.componentOnReady();
-
-      requestAnimationFrame(() => (alert2.open = true));
-    })();
-  </script>
-`;
-
-export const breakpointsXsmallScaleS_TestOnly = (): string =>
-  createBreakpointStories(breakpointsStoryTemplate, { breakpoint: "xsmall", scale: "s" });
-
-breakpointsXsmallScaleS_TestOnly.parameters = {
-  chromatic: { delay: openAlertScreenshotDelay },
-};
-
-export const breakpointsSmallScaleS_TestOnly = (): string =>
-  createBreakpointStories(breakpointsStoryTemplate, { breakpoint: "small", scale: "s" });
-
-breakpointsSmallScaleS_TestOnly.parameters = {
-  chromatic: { delay: openAlertScreenshotDelay },
-};
-
-export const breakpointsMediumScaleS_TestOnly = (): string =>
-  createBreakpointStories(breakpointsStoryTemplate, { breakpoint: "medium", scale: "s" });
-
-breakpointsMediumScaleS_TestOnly.parameters = {
-  chromatic: { delay: openAlertScreenshotDelay },
-};
-
-export const breakpointsLargeScaleS_TestOnly = (): string =>
-  createBreakpointStories(breakpointsStoryTemplate, { breakpoint: "large", scale: "s" });
-
-breakpointsLargeScaleS_TestOnly.parameters = {
-  chromatic: { delay: openAlertScreenshotDelay },
-};
-
-export const breakpointsXsmallScaleM_TestOnly = (): string =>
-  createBreakpointStories(breakpointsStoryTemplate, { breakpoint: "xsmall", scale: "m" });
-
-breakpointsXsmallScaleM_TestOnly.parameters = {
-  chromatic: { delay: openAlertScreenshotDelay },
-};
-
-export const breakpointsSmallScaleM_TestOnly = (): string =>
-  createBreakpointStories(breakpointsStoryTemplate, { breakpoint: "small", scale: "m" });
-
-breakpointsSmallScaleM_TestOnly.parameters = {
-  chromatic: { delay: openAlertScreenshotDelay },
-};
-
-export const breakpointsMediumScaleM_TestOnly = (): string =>
-  createBreakpointStories(breakpointsStoryTemplate, { breakpoint: "medium", scale: "m" });
-
-breakpointsMediumScaleM_TestOnly.parameters = {
-  chromatic: { delay: openAlertScreenshotDelay },
-};
-
-export const breakpointsLargeScaleM_TestOnly = (): string =>
-  createBreakpointStories(breakpointsStoryTemplate, { breakpoint: "large", scale: "m" });
-
-breakpointsLargeScaleM_TestOnly.parameters = {
-  chromatic: { delay: openAlertScreenshotDelay },
-};
-
-export const breakpointsXsmallScaleL_TestOnly = (): string =>
-  createBreakpointStories(breakpointsStoryTemplate, { breakpoint: "xsmall", scale: "l" });
-
-breakpointsXsmallScaleL_TestOnly.parameters = {
-  chromatic: { delay: openAlertScreenshotDelay },
-};
-
-export const breakpointsSmallScaleL_TestOnly = (): string =>
-  createBreakpointStories(breakpointsStoryTemplate, { breakpoint: "small", scale: "l" });
-
-breakpointsSmallScaleL_TestOnly.parameters = {
-  chromatic: { delay: openAlertScreenshotDelay },
-};
-
-export const breakpointsMediumScaleL_TestOnly = (): string =>
-  createBreakpointStories(breakpointsStoryTemplate, { breakpoint: "medium", scale: "l" });
-
-breakpointsMediumScaleL_TestOnly.parameters = {
-  chromatic: { delay: openAlertScreenshotDelay },
-};
-
-export const breakpointsLargeScaleL_TestOnly = (): string =>
-  createBreakpointStories(breakpointsStoryTemplate, { breakpoint: "large", scale: "l" });
-
-breakpointsLargeScaleL_TestOnly.parameters = {
-  chromatic: { delay: openAlertScreenshotDelay },
-};
diff --git a/packages/calcite-components/src/components/alert/alert.tsx b/packages/calcite-components/src/components/alert/alert.tsx
index c3f1c2fc45a..eee843b1cac 100644
--- a/packages/calcite-components/src/components/alert/alert.tsx
+++ b/packages/calcite-components/src/components/alert/alert.tsx
@@ -46,8 +46,6 @@ import { KindIcons } from "../resources";
 import { AlertMessages } from "./assets/alert/t9n";
 import { AlertDuration, Sync, Unregister } from "./interfaces";
 import { CSS, DURATIONS, SLOTS } from "./resources";
-import { createObserver } from "../../utils/observers";
-import { breakpoints } from "../../utils/responsive";
 
 /**
  * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned
@@ -175,9 +173,6 @@ export class Alert implements OpenCloseComponent, LoadableComponent, T9nComponen
     if (open && !this.queued) {
       this.calciteInternalAlertRegister.emit();
     }
-    if (this.transitionEl) {
-      this.resizeObserver?.observe(this.transitionEl);
-    }
   }
 
   async componentWillLoad(): Promise<void> {
@@ -190,7 +185,6 @@ export class Alert implements OpenCloseComponent, LoadableComponent, T9nComponen
 
   componentDidLoad(): void {
     setComponentLoaded(this);
-    this.resizeObserver?.observe(this.transitionEl);
   }
 
   disconnectedCallback(): void {
@@ -204,7 +198,6 @@ export class Alert implements OpenCloseComponent, LoadableComponent, T9nComponen
     disconnectLocalized(this);
     disconnectMessages(this);
     this.slottedInShell = false;
-    this.resizeObserver?.disconnect();
   }
 
   render(): VNode {
@@ -214,12 +207,8 @@ export class Alert implements OpenCloseComponent, LoadableComponent, T9nComponen
       signDisplay: "always",
     };
 
-    const { hasEndActions } = this;
-    const { open, autoClose, responsiveContainerWidth, label, placement, queued } = this;
+    const { open, autoClose, label, placement, queued } = this;
     const role = autoClose ? "alert" : "alertdialog";
-    const widthBreakpoints = breakpoints.width;
-    const lessThanSmall = responsiveContainerWidth < widthBreakpoints.small;
-    const greaterOrEqualThanSmall = responsiveContainerWidth >= widthBreakpoints.small;
     const hidden = !open;
     const effectiveIcon = setRequestedIcon(KindIcons, this.icon, this.kind);
     const hasQueuedAlerts = this.queueLength > 1;
@@ -243,23 +232,15 @@ export class Alert implements OpenCloseComponent, LoadableComponent, T9nComponen
           // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
           ref={this.setTransitionEl}
         >
-          <div class={CSS.contentContainer}>
-            {effectiveIcon && greaterOrEqualThanSmall ? this.renderIcon(effectiveIcon) : null}
-            <div class={CSS.content}>
-              {effectiveIcon && lessThanSmall ? this.renderIcon(effectiveIcon) : null}
-              <div class={CSS.textContainer}>
-                <slot name={SLOTS.title} />
-                <slot name={SLOTS.message} />
-                <slot name={SLOTS.link} />
-              </div>
-            </div>
-          </div>
-          {lessThanSmall ? this.renderCloseButton() : null}
-          <div class={CSS.footer} hidden={!hasEndActions && !hasQueuedAlerts}>
-            {this.renderActionsEnd()}
-            {hasQueuedAlerts ? this.renderQueueCount() : null}
+          {effectiveIcon && this.renderIcon(effectiveIcon)}
+          <div class={CSS.textContainer}>
+            <slot name={SLOTS.title} />
+            <slot name={SLOTS.message} />
+            <slot name={SLOTS.link} />
           </div>
-          {greaterOrEqualThanSmall ? this.renderCloseButton() : null}
+          {this.renderActionsEnd()}
+          {hasQueuedAlerts ? this.renderQueueCount() : null}
+          {this.renderCloseButton()}
           {open && !queued && autoClose ? <div class={CSS.dismissProgress} /> : null}
         </div>
       </Host>
@@ -434,8 +415,6 @@ export class Alert implements OpenCloseComponent, LoadableComponent, T9nComponen
   /** is the alert queued */
   @State() queued = false;
 
-  @State() responsiveContainerWidth: number;
-
   private autoCloseTimeoutId: number = null;
 
   private closeButton: HTMLButtonElement;
@@ -446,11 +425,6 @@ export class Alert implements OpenCloseComponent, LoadableComponent, T9nComponen
 
   private queueTimeout: number;
 
-  private resizeObserver = createObserver(
-    "resize",
-    (entries) => (this.responsiveContainerWidth = entries[0].contentRect.width)
-  );
-
   private totalOpenTime = 0;
 
   private totalHoverTime = 0;

From d2a2fa12452dd4905b5d8bbed2e184ed35fcb784 Mon Sep 17 00:00:00 2001
From: Matt Driscoll <mdriscoll@esri.com>
Date: Tue, 21 Nov 2023 10:20:25 -0800
Subject: [PATCH 12/30] fix(list-item): fix rendering of open icon. (#8207)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

**Related Issue:** N/A

## Summary

@jcfranco I'm running into an issue where once I drag a list-item that
has children, the caret icon disappears.

![Nov-17-2023
14-02-24](https://github.com/Esri/calcite-design-system/assets/1231455/b1791d67-bb7c-4484-83a7-436b5a289bc2)

![Screenshot 2023-11-17 at 2 03
41 PM](https://github.com/Esri/calcite-design-system/assets/1231455/3227db11-febc-417a-8be2-a6954b891cab)

I can't reproduce it with just calcite. Do you think this might fix it?
---
 .../src/components/list-item/list-item.tsx    | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/packages/calcite-components/src/components/list-item/list-item.tsx b/packages/calcite-components/src/components/list-item/list-item.tsx
index 91e9ca18edc..883d6889571 100644
--- a/packages/calcite-components/src/components/list-item/list-item.tsx
+++ b/packages/calcite-components/src/components/list-item/list-item.tsx
@@ -392,16 +392,19 @@ export class ListItem
     const { el, open, openable, parentListEl } = this;
     const dir = getElementDir(el);
 
-    return openable ? (
-      <td class={CSS.openContainer} key="open-container" onClick={this.toggleOpen}>
-        <calcite-icon
-          icon={open ? ICONS.open : dir === "rtl" ? ICONS.closedRTL : ICONS.closedLTR}
-          scale="s"
-        />
-      </td>
-    ) : parentListEl?.openable ? (
-      <td class={CSS.openContainer} key="open-container" onClick={this.itemClicked}>
-        <calcite-icon icon={ICONS.blank} scale="s" />
+    const icon = openable
+      ? open
+        ? ICONS.open
+        : dir === "rtl"
+        ? ICONS.closedRTL
+        : ICONS.closedLTR
+      : ICONS.blank;
+
+    const clickHandler = openable ? this.toggleOpen : this.itemClicked;
+
+    return openable || parentListEl?.openable ? (
+      <td class={CSS.openContainer} key="open-container" onClick={clickHandler}>
+        <calcite-icon icon={icon} key={icon} scale="s" />
       </td>
     ) : null;
   }

From a29b60ff27c562f2f9f36e3ec338242f639fb0b6 Mon Sep 17 00:00:00 2001
From: Calcite Admin <calcite-admin@esri.com>
Date: Tue, 21 Nov 2023 11:14:22 -0800
Subject: [PATCH 13/30] build: update browserslist db (#8218)

This PR was automatically generated by the update-browserslist-db GitHub
action

Co-authored-by: jcfranco <jcfranco@users.noreply.github.com>
---
 package-lock.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8ec5fa494f1..1143b87edde 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17161,9 +17161,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001563",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001563.tgz",
-      "integrity": "sha512-na2WUmOxnwIZtwnFI2CZ/3er0wdNzU7hN+cPYz/z2ajHThnkWjNBOpEPP4n+4r2WPM847JaMotaJE3bnfzjyKw==",
+      "version": "1.0.30001564",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001564.tgz",
+      "integrity": "sha512-DqAOf+rhof+6GVx1y+xzbFPeOumfQnhYzVnZD6LAXijR77yPtm9mfOcqOnT3mpnJiZVT+kwLAFnRlZcIz+c6bg==",
       "dev": true,
       "funding": [
         {

From 72d80601d3dbfdcb0c41de3ee6c6778a8c00a5a0 Mon Sep 17 00:00:00 2001
From: Ben Elan <no-reply@benelan.dev>
Date: Tue, 21 Nov 2023 11:28:53 -0800
Subject: [PATCH 14/30] chore: release next

---
 packages/calcite-components/package.json    | 2 +-
 packages/calcite-design-tokens/CHANGELOG.md | 4 ++++
 packages/calcite-design-tokens/package.json | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/calcite-components/package.json b/packages/calcite-components/package.json
index d1377a155b1..f6b19873027 100644
--- a/packages/calcite-components/package.json
+++ b/packages/calcite-components/package.json
@@ -75,7 +75,7 @@
     "timezone-groups": "0.8.0"
   },
   "devDependencies": {
-    "@esri/calcite-design-tokens": "^1.1.1-next.0",
+    "@esri/calcite-design-tokens": "^1.1.1-next.1",
     "@esri/calcite-ui-icons": "3.25.0",
     "@esri/eslint-plugin-calcite-components": "^1.0.0-rc.1",
     "@stencil-community/eslint-plugin": "0.6.0",
diff --git a/packages/calcite-design-tokens/CHANGELOG.md b/packages/calcite-design-tokens/CHANGELOG.md
index 1213a68d9a1..ba259900740 100644
--- a/packages/calcite-design-tokens/CHANGELOG.md
+++ b/packages/calcite-design-tokens/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.1-next.1](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-design-tokens@1.1.1-next.0...@esri/calcite-design-tokens@1.1.1-next.1) (2023-11-21)
+
+**Note:** Version bump only for package @esri/calcite-design-tokens
+
 ## [1.1.1-next.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-design-tokens@1.1.0...@esri/calcite-design-tokens@1.1.1-next.0) (2023-10-31)
 
 **Note:** Version bump only for package @esri/calcite-design-tokens
diff --git a/packages/calcite-design-tokens/package.json b/packages/calcite-design-tokens/package.json
index 1fbbab2c712..075f6ceeba9 100644
--- a/packages/calcite-design-tokens/package.json
+++ b/packages/calcite-design-tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-design-tokens",
-  "version": "1.1.1-next.0",
+  "version": "1.1.1-next.1",
   "description": "Esri's Calcite Design System Tokens",
   "keywords": [
     "Calcite",

From ebafefde1ef02615f6ed3786ce3d17845294bb93 Mon Sep 17 00:00:00 2001
From: Erik Harper <eharperdicianno@esri.com>
Date: Tue, 21 Nov 2023 11:58:24 -0800
Subject: [PATCH 15/30] feat(combobox): limit display of selected items with
 new selection-display prop (#7912)

**Related Issue:** #4326

## Summary

This PR introduces a new `selection-display` property to Combobox to
control the chip display with the available values `all`(default), `fit`
and `single`. This new property only takes effect when `selection-mode`
is `multiple` or `ancestors`.

---------

Co-authored-by: Erik Harper <eriklharper@pm.me>
---
 .../assets/combobox/t9n/messages.json         |   5 +-
 .../assets/combobox/t9n/messages_en.json      |   5 +-
 .../src/components/combobox/combobox.scss     |  43 ++-
 .../components/combobox/combobox.stories.ts   | 303 ++++++++++++---
 .../src/components/combobox/combobox.tsx      | 356 +++++++++++++++++-
 .../src/components/combobox/interfaces.ts     |   1 +
 .../src/components/combobox/resources.ts      |   3 +
 .../src/demos/combobox.html                   | 210 ++++++++++-
 packages/calcite-components/src/utils/dom.ts  |  30 ++
 9 files changed, 869 insertions(+), 87 deletions(-)

diff --git a/packages/calcite-components/src/components/combobox/assets/combobox/t9n/messages.json b/packages/calcite-components/src/components/combobox/assets/combobox/t9n/messages.json
index f22a4b202dd..c55e973fae1 100644
--- a/packages/calcite-components/src/components/combobox/assets/combobox/t9n/messages.json
+++ b/packages/calcite-components/src/components/combobox/assets/combobox/t9n/messages.json
@@ -1,4 +1,7 @@
 {
+  "all": "All",
+  "allSelected": "All selected",
   "clear": "Clear value",
-  "removeTag": "Remove tag"
+  "removeTag": "Remove tag",
+  "selected": "selected"
 }
diff --git a/packages/calcite-components/src/components/combobox/assets/combobox/t9n/messages_en.json b/packages/calcite-components/src/components/combobox/assets/combobox/t9n/messages_en.json
index f22a4b202dd..c55e973fae1 100644
--- a/packages/calcite-components/src/components/combobox/assets/combobox/t9n/messages_en.json
+++ b/packages/calcite-components/src/components/combobox/assets/combobox/t9n/messages_en.json
@@ -1,4 +1,7 @@
 {
+  "all": "All",
+  "allSelected": "All selected",
   "clear": "Clear value",
-  "removeTag": "Remove tag"
+  "removeTag": "Remove tag",
+  "selected": "selected"
 }
diff --git a/packages/calcite-components/src/components/combobox/combobox.scss b/packages/calcite-components/src/components/combobox/combobox.scss
index 15c8177f42e..72c01847b71 100644
--- a/packages/calcite-components/src/components/combobox/combobox.scss
+++ b/packages/calcite-components/src/components/combobox/combobox.scss
@@ -21,7 +21,7 @@
   --calcite-internal-combobox-input-margin-block: calc(theme("spacing.1") - theme("borderWidth.DEFAULT"));
 
   .x-button {
-    margin-inline-end: theme("spacing.2");
+    margin-inline: theme("spacing.2");
   }
 }
 
@@ -77,26 +77,39 @@
     flex-grow
     flex-wrap
     items-center
+    relative
     truncate
     p-0;
+
+  gap: var(--calcite-combobox-item-spacing-unit-s);
+
+  &.selection-display-fit,
+  &.selection-display-single {
+    @apply flex-nowrap overflow-hidden;
+  }
 }
 
 .input {
-  @apply font-inherit
-  text-color-1
-  flex-grow
-  appearance-none
-  border-none
+  @apply appearance-none
   bg-transparent
+  border-none
+  flex-grow
+  font-inherit
+  text-color-1
+  text-ellipsis
   p-0;
   font-size: inherit;
   block-size: var(--calcite-combobox-input-height);
   line-height: var(--calcite-combobox-input-height);
-  min-inline-size: 120px;
+  inline-size: 100%;
   margin-block-end: var(--calcite-combobox-item-spacing-unit-s);
+  min-inline-size: 4.8125rem;
   &:focus {
     @apply outline-none;
   }
+  &:placeholder-shown {
+    @apply text-ellipsis;
+  }
 }
 
 .input--transparent {
@@ -121,7 +134,12 @@
 
 .input--icon {
   padding-block: 0;
-  padding-inline: var(--calcite-combobox-item-spacing-unit-l);
+  padding-inline: var(--calcite-combobox-item-spacing-unit-s);
+}
+
+:host([scale="m"]) .input--icon,
+:host([scale="l"]) .input--icon {
+  padding-inline: 0.25rem;
 }
 
 .input-wrap {
@@ -195,9 +213,12 @@
   @apply h-0 overflow-hidden;
 }
 
+calcite-chip {
+  --calcite-animation-timing: 0;
+}
+
 .chip {
   margin-block: calc(var(--calcite-combobox-item-spacing-unit-s) / 4);
-  margin-inline: 0 var(--calcite-combobox-item-spacing-unit-s);
   max-inline-size: 100%;
 }
 
@@ -205,6 +226,10 @@
   @apply bg-foreground-3;
 }
 
+.chip--invisible {
+  @apply absolute invisible;
+}
+
 .item {
   @apply block;
 }
diff --git a/packages/calcite-components/src/components/combobox/combobox.stories.ts b/packages/calcite-components/src/components/combobox/combobox.stories.ts
index ab7675b0d14..36ff8ec8f67 100644
--- a/packages/calcite-components/src/components/combobox/combobox.stories.ts
+++ b/packages/calcite-components/src/components/combobox/combobox.stories.ts
@@ -13,51 +13,16 @@ export default {
   ...storyFilters(),
 };
 
-export const simple = (): string => html`
+export const single = (): string => html`
   <div style="width:400px;max-width:100%;background-color:white;padding:100px">
     <calcite-combobox
-      ${boolean("clear-disabled", false)}
-      label="demo combobox"
-      placeholder="${text("placeholder", "placeholder")}"
-      label="${text("label (for screen readers)", "demo")}"
-      selection-mode="${select("selection-mode", ["multiple", "single", "ancestors"], "multiple")}"
-      scale="${select("scale", ["s", "m", "l"], "m")}"
       ${boolean("disabled", false)}
-      ${boolean("allow-custom-values", false)}
-      max-items="${number("max-items", 0)}"
-    >
-      <calcite-combobox-item value="Trees" text-label="Trees" selected>
-        <calcite-combobox-item value="Pine" text-label="Pine"></calcite-combobox-item>
-        <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
-        <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
-      </calcite-combobox-item>
-      <calcite-combobox-item value="Flowers" text-label="Flowers">
-        <calcite-combobox-item value="Daffodil" text-label="Daffodil"></calcite-combobox-item>
-        <calcite-combobox-item value="Black Eyed Susan" text-label="Black Eyed Susan"></calcite-combobox-item>
-        <calcite-combobox-item value="Nasturtium" text-label="Nasturtium"></calcite-combobox-item>
-      </calcite-combobox-item>
-      <calcite-combobox-item value="Animals" text-label="Animals">
-        <calcite-combobox-item value="Birds" text-label="Birds"></calcite-combobox-item>
-        <calcite-combobox-item value="Reptiles" text-label="Reptiles"></calcite-combobox-item>
-        <calcite-combobox-item value="Amphibians" text-label="Amphibians"></calcite-combobox-item>
-      </calcite-combobox-item>
-      <calcite-combobox-item value="Rocks" text-label="Rocks"></calcite-combobox-item>
-      <calcite-combobox-item value="Insects" text-label="Insects"></calcite-combobox-item>
-      <calcite-combobox-item value="Rivers" text-label="Rivers"></calcite-combobox-item>
-    </calcite-combobox>
-  </div>
-`;
-
-export const single = (): string => html`
-  <div style="width:150px;max-width:100%;background-color:white;padding:100px">
-    <calcite-combobox
-      label="demo combobox"
+      selection-display="${select("selection-display", ["all", "fit", "single"], "all")}"
       selection-mode="${select("selection-mode", ["multiple", "single", "ancestors"], "single")}"
-      placeholder="${text("placeholder", "placeholder")}"
       label="${text("label (for screen readers)", "demo")}"
-      scale="${select("scale", ["s", "m", "l"], "m")}"
-      ${boolean("disabled", false)}
       max-items="${number("max-items", 0)}"
+      placeholder="${text("placeholder", "placeholder")}"
+      scale="${select("scale", ["s", "m", "l"], "m")}"
     >
       <calcite-combobox-item icon="altitude" value="altitude" text-label="Altitude" selected></calcite-combobox-item>
       <calcite-combobox-item icon="article" value="article" text-label="Article"></calcite-combobox-item>
@@ -78,28 +43,244 @@ export const single = (): string => html`
 
 export const multiple = (): string => html`
   <div style="width:400px;max-width:100%;background-color:white;padding:100px">
-    <calcite-combobox
-      label="demo combobox"
-      placeholder="${text("placeholder", "placeholder")}"
-      label="${text("label (for screen readers)", "demo")}"
-      selection-mode="${select("selection-mode", ["multiple", "single", "ancestors"], "multiple")}"
-      scale="${select("scale", ["s", "m", "l"], "m")}"
-      ${boolean("disabled", false)}
-      ${boolean("allow-custom-values", false)}
-      max-items="${number("max-items", 0)}"
-    >
-      <calcite-combobox-item value="Trees" text-label="Trees" selected></calcite-combobox-item>
-      <calcite-combobox-item value="Flowers" text-label="Flowers" selected></calcite-combobox-item>
-      <calcite-combobox-item value="Animals" text-label="Animals"></calcite-combobox-item>
-      <calcite-combobox-item value="Rocks" text-label="Rocks"></calcite-combobox-item>
-      <calcite-combobox-item value="Insects" text-label="Insects"></calcite-combobox-item>
-      <calcite-combobox-item value="Rivers" text-label="Rivers"></calcite-combobox-item>
-      <calcite-combobox-item
-        value="CommercialDamageAssessment - Damage to Commercial Buildings & Damage to Commercial Buildings"
-        text-label="CommercialDamageAssessment - Damage to Commercial Buildings & Damage to Commercial Buildings"
-        selected
-      ></calcite-combobox-item>
-    </calcite-combobox>
+    <h2>selection-display="all" (default)</h2>
+    <calcite-label>
+      Some selected
+      <calcite-combobox label="test" placeholder="Select items" max-items="10" scale="m" placeholder-icon="car">
+        <calcite-combobox-item value="Trees" text-label="Trees" selected>
+          <calcite-combobox-item selected value="Pine" selected text-label="Pine">
+            <calcite-combobox-item value="Pine Nested" text-label="Pine Nested"></calcite-combobox-item>
+          </calcite-combobox-item>
+          <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+          <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+        </calcite-combobox-item>
+      </calcite-combobox>
+    </calcite-label>
+    <calcite-label>
+      All selected
+      <calcite-combobox label="test" placeholder="Select items" max-items="10" scale="m" placeholder-icon="car">
+        <calcite-combobox-item value="Trees" text-label="Trees" selected>
+          <calcite-combobox-item selected value="Pine" selected text-label="Pine">
+            <calcite-combobox-item value="Pine Nested" text-label="Pine Nested" selected></calcite-combobox-item>
+          </calcite-combobox-item>
+          <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+          <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir" selected></calcite-combobox-item>
+        </calcite-combobox-item>
+      </calcite-combobox>
+    </calcite-label>
+
+    <h2>selection-display="fit"</h2>
+    <calcite-label>
+      Some selected with multiple visible chips
+      <calcite-combobox
+        label="test"
+        placeholder="Select items"
+        max-items="10"
+        scale="m"
+        selection-display="fit"
+        placeholder-icon="car"
+      >
+        <calcite-combobox-item value="Trees" text-label="Trees" selected>
+          <calcite-combobox-item selected value="Pine" selected text-label="Pine">
+            <calcite-combobox-item value="Pine Nested" text-label="Pine Nested"></calcite-combobox-item>
+          </calcite-combobox-item>
+          <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+          <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+        </calcite-combobox-item>
+      </calcite-combobox>
+    </calcite-label>
+    <calcite-label>
+      Some selected with multiple visible chips and overflow chip
+      <calcite-combobox
+        label="test"
+        placeholder="Select items"
+        max-items="10"
+        scale="m"
+        selection-display="fit"
+        placeholder-icon="car"
+      >
+        <calcite-combobox-item value="Trees" text-label="Trees" selected>
+          <calcite-combobox-item selected value="Pine" selected text-label="Pine">
+            <calcite-combobox-item value="Pine Nested" text-label="Pine Nested" selected></calcite-combobox-item>
+          </calcite-combobox-item>
+          <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+          <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+        </calcite-combobox-item>
+      </calcite-combobox>
+    </calcite-label>
+    <calcite-label>
+      All selected with multiple visible chips and overflow chip
+      <calcite-combobox
+        label="test"
+        placeholder="Select items"
+        max-items="10"
+        scale="m"
+        selection-display="fit"
+        placeholder-icon="car"
+      >
+        <calcite-combobox-item value="Trees" text-label="Trees" selected>
+          <calcite-combobox-item selected value="Pine" selected text-label="Pine">
+            <calcite-combobox-item value="Pine Nested" text-label="Pine Nested" selected></calcite-combobox-item>
+          </calcite-combobox-item>
+          <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+          <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir" selected></calcite-combobox-item>
+        </calcite-combobox-item>
+      </calcite-combobox>
+    </calcite-label>
+    <calcite-label>
+      Some selected as a condensed indicator chip
+      <calcite-combobox
+        label="test"
+        placeholder="Select any items you want"
+        max-items="10"
+        scale="m"
+        selection-display="fit"
+        placeholder-icon="car"
+      >
+        <calcite-combobox-item value="Trees" text-label="Trees" selected>
+          <calcite-combobox-item selected value="Pine" selected text-label="Pine">
+            <calcite-combobox-item value="Pine Nested" text-label="Pine Nested" selected></calcite-combobox-item>
+          </calcite-combobox-item>
+          <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+          <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+        </calcite-combobox-item>
+      </calcite-combobox>
+    </calcite-label>
+    <calcite-label>
+      All selected as a condensed indicator chip
+      <calcite-combobox
+        label="test"
+        placeholder="Select any items you want"
+        max-items="10"
+        scale="m"
+        selection-display="fit"
+        placeholder-icon="car"
+      >
+        <calcite-combobox-item value="Trees" text-label="Trees" selected>
+          <calcite-combobox-item selected value="Pine" selected text-label="Pine">
+            <calcite-combobox-item value="Pine Nested" text-label="Pine Nested" selected></calcite-combobox-item>
+          </calcite-combobox-item>
+          <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia" selected></calcite-combobox-item>
+          <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir" selected></calcite-combobox-item>
+        </calcite-combobox-item>
+      </calcite-combobox>
+    </calcite-label>
+    <calcite-label>
+      Some selected as a compact indicator chip
+      <calcite-combobox
+        label="test"
+        placeholder="this is an unusually long string of placeholder text"
+        max-items="10"
+        scale="m"
+        selection-display="fit"
+        placeholder-icon="car"
+      >
+        <calcite-combobox-item value="Trees" text-label="Trees" selected>
+          <calcite-combobox-item selected value="Pine" selected text-label="Pine">
+            <calcite-combobox-item value="Pine Nested" text-label="Pine Nested" selected></calcite-combobox-item>
+          </calcite-combobox-item>
+          <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+          <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+        </calcite-combobox-item>
+      </calcite-combobox>
+    </calcite-label>
+    <calcite-label>
+      All selected as a compact indicator chip
+      <calcite-combobox
+        label="test"
+        placeholder="this is an unusually long string of placeholder text"
+        max-items="10"
+        scale="m"
+        selection-display="fit"
+        placeholder-icon="car"
+      >
+        <calcite-combobox-item value="Trees" text-label="Trees" selected>
+          <calcite-combobox-item selected value="Pine" selected text-label="Pine">
+            <calcite-combobox-item value="Pine Nested" text-label="Pine Nested" selected></calcite-combobox-item>
+          </calcite-combobox-item>
+          <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia" selected></calcite-combobox-item>
+          <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir" selected></calcite-combobox-item>
+        </calcite-combobox-item>
+      </calcite-combobox>
+    </calcite-label>
+
+    <h2>selection-display="single"</h2>
+    <calcite-label>
+      Some selected
+      <calcite-combobox
+        label="test"
+        placeholder="Select any items"
+        max-items="10"
+        scale="m"
+        selection-display="single"
+        placeholder-icon="car"
+      >
+        <calcite-combobox-item value="Trees" text-label="Trees" selected>
+          <calcite-combobox-item selected value="Pine" selected text-label="Pine">
+            <calcite-combobox-item value="Pine Nested" text-label="Pine Nested"></calcite-combobox-item>
+          </calcite-combobox-item>
+          <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+          <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+        </calcite-combobox-item>
+      </calcite-combobox>
+    </calcite-label>
+    <calcite-label>
+      All selected
+      <calcite-combobox
+        label="test"
+        placeholder="Select any items"
+        max-items="10"
+        scale="m"
+        selection-display="single"
+        placeholder-icon="car"
+      >
+        <calcite-combobox-item value="Trees" text-label="Trees" selected>
+          <calcite-combobox-item selected value="Pine" selected text-label="Pine">
+            <calcite-combobox-item value="Pine Nested" text-label="Pine Nested" selected></calcite-combobox-item>
+          </calcite-combobox-item>
+          <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+          <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir" selected></calcite-combobox-item>
+        </calcite-combobox-item>
+      </calcite-combobox>
+    </calcite-label>
+    <calcite-label>
+      Some selected with compact indicator chip
+      <calcite-combobox
+        label="test"
+        placeholder="Select any items you want to your heart's content"
+        max-items="10"
+        scale="m"
+        selection-display="single"
+        placeholder-icon="car"
+      >
+        <calcite-combobox-item value="Trees" text-label="Trees" selected>
+          <calcite-combobox-item selected value="Pine" selected text-label="Pine">
+            <calcite-combobox-item value="Pine Nested" text-label="Pine Nested"></calcite-combobox-item>
+          </calcite-combobox-item>
+          <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+          <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+        </calcite-combobox-item>
+      </calcite-combobox>
+    </calcite-label>
+    <calcite-label>
+      All selected with compact indicator chip
+      <calcite-combobox
+        label="test"
+        placeholder="Select any items you want to your heart's content"
+        max-items="10"
+        scale="m"
+        selection-display="single"
+        placeholder-icon="car"
+      >
+        <calcite-combobox-item value="Trees" text-label="Trees" selected>
+          <calcite-combobox-item selected value="Pine" selected text-label="Pine">
+            <calcite-combobox-item value="Pine Nested" text-label="Pine Nested" selected></calcite-combobox-item>
+          </calcite-combobox-item>
+          <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+          <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir" selected></calcite-combobox-item>
+        </calcite-combobox-item>
+      </calcite-combobox>
+    </calcite-label>
   </div>
 `;
 
diff --git a/packages/calcite-components/src/components/combobox/combobox.tsx b/packages/calcite-components/src/components/combobox/combobox.tsx
index 5edc5beb2e4..7d6f14c8fd9 100644
--- a/packages/calcite-components/src/components/combobox/combobox.tsx
+++ b/packages/calcite-components/src/components/combobox/combobox.tsx
@@ -15,7 +15,12 @@ import {
 import { debounce } from "lodash-es";
 import { filter } from "../../utils/filter";
 
-import { isPrimaryPointerButton, toAriaBoolean } from "../../utils/dom";
+import {
+  getElementWidth,
+  getTextWidth,
+  isPrimaryPointerButton,
+  toAriaBoolean,
+} from "../../utils/dom";
 import {
   connectFloatingUI,
   defaultMenuPlacement,
@@ -46,6 +51,7 @@ import {
 import { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from "../../utils/label";
 import {
   componentFocusable,
+  componentLoaded,
   LoadableComponent,
   setComponentLoaded,
   setUpLoadableComponent,
@@ -62,11 +68,12 @@ import {
 } from "../../utils/t9n";
 import { Scale, SelectionMode } from "../interfaces";
 import { ComboboxMessages } from "./assets/combobox/t9n";
-import { ComboboxChildElement } from "./interfaces";
+import { ComboboxChildElement, SelectionDisplay } from "./interfaces";
 import { ComboboxChildSelector, ComboboxItem, ComboboxItemGroup, CSS } from "./resources";
 import { getItemAncestors, getItemChildren, hasActiveChildren, isSingleLike } from "./utils";
 import { XButton, CSS as XButtonCSS } from "../functional/XButton";
 import { getIconScale } from "../../utils/component";
+import { CoreSizing15 } from "@esri/calcite-design-tokens/dist/es6/calcite-headless";
 
 interface ItemData {
   label: string;
@@ -112,6 +119,12 @@ export class Combobox
    */
   @Prop({ reflect: true }) clearDisabled = false;
 
+  /**
+   * When `selectionMode` is `"ancestors"` or `"multiple"`, specifies the display of multiple `calcite-combobox-item` selections
+   * - `"all"` (displays all selections with individual `calcite-chip`s), `"fit"` (displays individual `calcite-chip`s that scale to the component's size, including a non-closable `calcite-chip`, which provides the number of additional `calcite-combobox-item` selections not visually displayed), or `"single"` (display one `calcite-chip` with the total number of selections).
+   */
+  @Prop({ reflect: true }) selectionDisplay: SelectionDisplay = "all";
+
   /**When `true`, displays and positions the component. */
   @Prop({ reflect: true, mutable: true }) open = false;
 
@@ -142,8 +155,7 @@ export class Combobox
    *
    * When not set, the component will be associated with its ancestor form element, if any.
    */
-  @Prop({ reflect: true })
-  form: string;
+  @Prop({ reflect: true }) form: string;
 
   /** Accessible name for the component. */
   @Prop() label!: string;
@@ -339,7 +351,8 @@ export class Combobox
   /**
    * Updates the position of the component.
    *
-   * @param delayed
+   * @param delayed Reposition the component after a delay
+   * @returns Promise
    */
   @Method()
   async reposition(delayed = false): Promise<void> {
@@ -449,6 +462,10 @@ export class Combobox
     updateHostInteraction(this);
   }
 
+  componentDidUpdate(): void {
+    this.refreshSelectionDisplay();
+  }
+
   disconnectedCallback(): void {
     this.mutationObserver?.disconnect();
     this.resizeObserver?.disconnect();
@@ -466,6 +483,8 @@ export class Combobox
   //
   //--------------------------------------------------------------------------
 
+  private allSelectedIndicatorChipEl: HTMLCalciteChipElement;
+
   @Element() el: HTMLCalciteComboboxElement;
 
   placement: LogicalPlacement = defaultMenuPlacement;
@@ -492,6 +511,12 @@ export class Combobox
 
   @State() activeDescendant = "";
 
+  @State() compactSelectionDisplay = false;
+
+  @State() selectedHiddenChipsCount = 0;
+
+  @State() selectedVisibleChipsCount = 0;
+
   @State() text = "";
 
   /** when search text is cleared, reset active to  */
@@ -515,7 +540,10 @@ export class Combobox
 
   mutationObserver = createObserver("mutation", () => this.updateItems());
 
-  resizeObserver = createObserver("resize", () => this.setMaxScrollerHeight());
+  private resizeObserver = createObserver("resize", () => {
+    this.setMaxScrollerHeight();
+    this.refreshSelectionDisplay();
+  });
 
   private guid = guid();
 
@@ -525,12 +553,18 @@ export class Combobox
 
   private referenceEl: HTMLDivElement;
 
+  private chipContainerEl: HTMLDivElement;
+
   private listContainerEl: HTMLDivElement;
 
   private ignoreSelectedEventsFlag = false;
 
+  private maxCompactBreakpoint: number;
+
   openTransitionProp = "opacity";
 
+  private selectedIndicatorChipEl: HTMLCalciteChipElement;
+
   transitionEl: HTMLDivElement;
 
   // --------------------------------------------------------------------------
@@ -782,22 +816,152 @@ export class Combobox
     this.updateActiveItemIndex(targetIndex);
   }
 
+  private hideChip(chipEl: HTMLCalciteChipElement): void {
+    chipEl.classList.add(CSS.chipInvisible);
+  }
+
+  private showChip(chipEl: HTMLCalciteChipElement): void {
+    chipEl.classList.remove(CSS.chipInvisible);
+  }
+
+  private refreshChipDisplay({
+    chipEls,
+    availableHorizontalChipElSpace,
+    chipContainerElGap,
+  }): void {
+    chipEls.forEach((chipEl: HTMLCalciteChipElement) => {
+      if (!chipEl.selected) {
+        this.hideChip(chipEl);
+      } else {
+        const chipElWidth = getElementWidth(chipEl);
+        if (chipElWidth && chipElWidth < availableHorizontalChipElSpace) {
+          availableHorizontalChipElSpace -= chipElWidth + chipContainerElGap;
+          this.showChip(chipEl);
+          return;
+        }
+      }
+      this.hideChip(chipEl);
+    });
+  }
+
+  private refreshSelectionDisplay = async () => {
+    await componentLoaded(this);
+
+    if (isSingleLike(this.selectionMode)) {
+      return;
+    }
+
+    if (!this.textInput) {
+      return;
+    }
+
+    const {
+      allSelectedIndicatorChipEl,
+      chipContainerEl,
+      selectionDisplay,
+      placeholder,
+      selectedIndicatorChipEl,
+      textInput,
+    } = this;
+
+    const chipContainerElGap = parseInt(getComputedStyle(chipContainerEl).gap.replace("px", ""));
+    const chipContainerElWidth = getElementWidth(chipContainerEl);
+    const { fontSize, fontFamily } = getComputedStyle(textInput);
+    const inputTextWidth = getTextWidth(placeholder, `${fontSize} ${fontFamily}`);
+    const inputWidth = (inputTextWidth || parseInt(CoreSizing15)) + chipContainerElGap;
+    const allSelectedIndicatorChipElWidth = getElementWidth(allSelectedIndicatorChipEl);
+    const selectedIndicatorChipElWidth = getElementWidth(selectedIndicatorChipEl);
+    const largestSelectedIndicatorChipWidth = Math.max(
+      allSelectedIndicatorChipElWidth,
+      selectedIndicatorChipElWidth
+    );
+
+    this.setCompactSelectionDisplay({
+      chipContainerElGap,
+      chipContainerElWidth,
+      inputWidth,
+      largestSelectedIndicatorChipWidth,
+    });
+
+    if (selectionDisplay === "fit") {
+      const chipEls = Array.from(this.el.shadowRoot.querySelectorAll("calcite-chip")).filter(
+        (chipEl) => chipEl.closable
+      );
+
+      let availableHorizontalChipElSpace = Math.round(
+        chipContainerElWidth -
+          ((this.selectedHiddenChipsCount > 0 ? selectedIndicatorChipElWidth : 0) +
+            chipContainerElGap +
+            inputWidth +
+            chipContainerElGap)
+      );
+
+      this.refreshChipDisplay({ availableHorizontalChipElSpace, chipContainerElGap, chipEls });
+      this.setVisibleAndHiddenChips(chipEls);
+    }
+  };
+
   setFloatingEl = (el: HTMLDivElement): void => {
     this.floatingEl = el;
     connectFloatingUI(this, this.referenceEl, this.floatingEl);
   };
 
+  private setCompactSelectionDisplay({
+    chipContainerElGap,
+    chipContainerElWidth,
+    inputWidth,
+    largestSelectedIndicatorChipWidth,
+  }): void {
+    const newCompactBreakpoint = Math.round(
+      largestSelectedIndicatorChipWidth + chipContainerElGap + inputWidth
+    );
+    if (!this.maxCompactBreakpoint || this.maxCompactBreakpoint < newCompactBreakpoint) {
+      this.maxCompactBreakpoint = newCompactBreakpoint;
+    }
+    this.compactSelectionDisplay = chipContainerElWidth < this.maxCompactBreakpoint;
+  }
+
   setContainerEl = (el: HTMLDivElement): void => {
     this.resizeObserver.observe(el);
     this.listContainerEl = el;
     this.transitionEl = el;
   };
 
+  setChipContainerEl = (el: HTMLDivElement): void => {
+    this.resizeObserver.observe(el);
+    this.chipContainerEl = el;
+  };
+
   setReferenceEl = (el: HTMLDivElement): void => {
     this.referenceEl = el;
     connectFloatingUI(this, this.referenceEl, this.floatingEl);
   };
 
+  setAllSelectedIndicatorChipEl = (el: HTMLCalciteChipElement): void => {
+    this.allSelectedIndicatorChipEl = el;
+  };
+
+  setSelectedIndicatorChipEl = (el: HTMLCalciteChipElement): void => {
+    this.selectedIndicatorChipEl = el;
+  };
+
+  private setVisibleAndHiddenChips(chipEls: HTMLCalciteChipElement[]): void {
+    let newSelectedVisibleChipsCount = 0;
+    chipEls.forEach((chipEl) => {
+      if (chipEl.selected && !chipEl.classList.contains(CSS.chipInvisible)) {
+        newSelectedVisibleChipsCount++;
+      }
+    });
+    if (newSelectedVisibleChipsCount !== this.selectedVisibleChipsCount) {
+      this.selectedVisibleChipsCount = newSelectedVisibleChipsCount;
+    }
+    const newSelectedHiddenChipsCount =
+      this.getSelectedItems().length - newSelectedVisibleChipsCount;
+    if (newSelectedHiddenChipsCount !== this.selectedHiddenChipsCount) {
+      this.selectedHiddenChipsCount = newSelectedHiddenChipsCount;
+    }
+  }
+
   private getMaxScrollerHeight(): number {
     const items = this.getItemsAndGroups().filter((item) => !item.hidden);
 
@@ -942,7 +1106,7 @@ export class Combobox
     return this.items.filter((item) => !item.hidden);
   }
 
-  getSelectedItems(): HTMLCalciteComboboxItemElement[] {
+  private getSelectedItems = (): HTMLCalciteComboboxItemElement[] => {
     if (!this.isMulti()) {
       const match = this.items.find(({ selected }) => selected);
       return match ? [match] : [];
@@ -964,7 +1128,7 @@ export class Combobox
           return bIdx - aIdx;
         })
     );
-  }
+  };
 
   private updateItems = (): void => {
     this.items = this.getItems();
@@ -1135,6 +1299,10 @@ export class Combobox
     }
   }
 
+  private isAllSelected(): boolean {
+    return this.getItems().length === this.getSelectedItems().length;
+  }
+
   isMulti(): boolean {
     return !isSingleLike(this.selectionMode);
   }
@@ -1174,6 +1342,7 @@ export class Combobox
           messageOverrides={{ dismissLabel: messages.removeTag }}
           onCalciteChipClose={() => this.calciteChipCloseHandler(item)}
           scale={scale}
+          selected={item.selected}
           title={label}
           value={item.value}
         >
@@ -1183,6 +1352,149 @@ export class Combobox
     });
   }
 
+  renderAllSelectedIndicatorChip(): VNode {
+    const {
+      compactSelectionDisplay,
+      scale,
+      selectedVisibleChipsCount,
+      setAllSelectedIndicatorChipEl,
+    } = this;
+    const label = this.messages.allSelected;
+    return (
+      <calcite-chip
+        class={{
+          chip: true,
+          [CSS.chipInvisible]: !(
+            this.isAllSelected() &&
+            !selectedVisibleChipsCount &&
+            !compactSelectionDisplay
+          ),
+        }}
+        scale={scale}
+        title={label}
+        value=""
+        ref={setAllSelectedIndicatorChipEl}
+      >
+        {label}
+      </calcite-chip>
+    );
+  }
+
+  renderAllSelectedIndicatorChipCompact(): VNode {
+    const { compactSelectionDisplay, scale, selectedVisibleChipsCount } = this;
+    const label = this.messages.all || "All";
+    return (
+      <calcite-chip
+        class={{
+          chip: true,
+          [CSS.chipInvisible]: !(
+            this.isAllSelected() &&
+            !selectedVisibleChipsCount &&
+            compactSelectionDisplay
+          ),
+        }}
+        scale={scale}
+        title={label}
+        value=""
+      >
+        {label}
+      </calcite-chip>
+    );
+  }
+
+  renderSelectedIndicatorChip(): VNode {
+    const {
+      compactSelectionDisplay,
+      selectionDisplay,
+      getSelectedItems,
+      scale,
+      selectedHiddenChipsCount,
+      selectedVisibleChipsCount,
+      setSelectedIndicatorChipEl,
+    } = this;
+    let chipInvisible, label;
+    if (compactSelectionDisplay) {
+      chipInvisible = true;
+    } else {
+      if (selectionDisplay === "single") {
+        const selectedItemsCount = getSelectedItems().length;
+        if (this.isAllSelected()) {
+          chipInvisible = true;
+        } else if (selectedItemsCount > 0) {
+          chipInvisible = false;
+        } else {
+          chipInvisible = true;
+        }
+        label = `${selectedItemsCount} ${this.messages.selected}`;
+      } else if (selectionDisplay === "fit") {
+        if (
+          (this.isAllSelected() && selectedVisibleChipsCount === 0) ||
+          selectedHiddenChipsCount === 0
+        ) {
+          chipInvisible = true;
+        } else {
+          chipInvisible = false;
+        }
+        label =
+          selectedVisibleChipsCount > 0
+            ? `+${selectedHiddenChipsCount}`
+            : `${selectedHiddenChipsCount} ${this.messages.selected}`;
+      }
+    }
+    return (
+      <calcite-chip
+        class={{
+          chip: true,
+          [CSS.chipInvisible]: chipInvisible,
+        }}
+        ref={setSelectedIndicatorChipEl}
+        scale={scale}
+        title={label}
+        value=""
+      >
+        {label}
+      </calcite-chip>
+    );
+  }
+
+  renderSelectedIndicatorChipCompact(): VNode {
+    const {
+      compactSelectionDisplay,
+      selectionDisplay,
+      getSelectedItems,
+      scale,
+      selectedHiddenChipsCount,
+    } = this;
+    let chipInvisible, label;
+    if (compactSelectionDisplay) {
+      const selectedItemsCount = getSelectedItems().length;
+      if (this.isAllSelected()) {
+        chipInvisible = true;
+      } else if (selectionDisplay === "fit") {
+        chipInvisible = selectedHiddenChipsCount > 0 ? false : true;
+        label = `${selectedHiddenChipsCount || 0}`;
+      } else if (selectionDisplay === "single") {
+        chipInvisible = selectedItemsCount > 0 ? false : true;
+        label = `${selectedItemsCount}`;
+      }
+    } else {
+      chipInvisible = true;
+    }
+    return (
+      <calcite-chip
+        class={{
+          chip: true,
+          [CSS.chipInvisible]: chipInvisible,
+        }}
+        scale={scale}
+        title={label}
+        value=""
+      >
+        {label}
+      </calcite-chip>
+    );
+  }
+
   renderInput(): VNode {
     const { guid, disabled, placeholder, selectionMode, selectedItems, open } = this;
     const single = isSingleLike(selectionMode);
@@ -1315,10 +1627,12 @@ export class Combobox
   }
 
   render(): VNode {
-    const { guid, label, open } = this;
-    const single = isSingleLike(this.selectionMode);
+    const { selectionDisplay, guid, label, open } = this;
+    const singleSelectionMode = isSingleLike(this.selectionMode);
+    const allSelectionDisplay = selectionDisplay === "all";
+    const singleSelectionDisplay = selectionDisplay === "single";
+    const fitSelectionDisplay = !singleSelectionMode && selectionDisplay === "fit";
     const isClearable = !this.clearDisabled && this.value?.length > 0;
-
     return (
       <Host onClick={this.comboboxFocusHandler}>
         <div
@@ -1331,7 +1645,7 @@ export class Combobox
           aria-owns={`${listboxUidPrefix}${guid}`}
           class={{
             wrapper: true,
-            "wrapper--single": single || !this.selectedItems.length,
+            "wrapper--single": singleSelectionMode || !this.selectedItems.length,
             "wrapper--active": open,
           }}
           onClick={this.clickHandler}
@@ -1340,9 +1654,23 @@ export class Combobox
           // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
           ref={this.setReferenceEl}
         >
-          <div class="grid-input">
+          <div
+            class={{
+              "grid-input": true,
+              [CSS.selectionDisplayFit]: fitSelectionDisplay,
+              [CSS.selectionDisplaySingle]: singleSelectionDisplay,
+            }}
+            ref={this.setChipContainerEl}
+          >
             {this.renderIconStart()}
-            {!single && this.renderChips()}
+            {!singleSelectionMode && !singleSelectionDisplay && this.renderChips()}
+            {!singleSelectionMode &&
+              !allSelectionDisplay && [
+                this.renderSelectedIndicatorChip(),
+                this.renderSelectedIndicatorChipCompact(),
+                this.renderAllSelectedIndicatorChip(),
+                this.renderAllSelectedIndicatorChipCompact(),
+              ]}
             <label
               class="screen-readers-only"
               htmlFor={`${inputUidPrefix}${guid}`}
diff --git a/packages/calcite-components/src/components/combobox/interfaces.ts b/packages/calcite-components/src/components/combobox/interfaces.ts
index bdf57a16e9d..aad0573342d 100644
--- a/packages/calcite-components/src/components/combobox/interfaces.ts
+++ b/packages/calcite-components/src/components/combobox/interfaces.ts
@@ -4,3 +4,4 @@ export interface listItem {
 }
 
 export type ComboboxChildElement = HTMLCalciteComboboxItemElement | HTMLCalciteComboboxItemGroupElement;
+export type SelectionDisplay = "all" | "fit" | "single";
diff --git a/packages/calcite-components/src/components/combobox/resources.ts b/packages/calcite-components/src/components/combobox/resources.ts
index 849f016bef3..210c3af1590 100644
--- a/packages/calcite-components/src/components/combobox/resources.ts
+++ b/packages/calcite-components/src/components/combobox/resources.ts
@@ -3,5 +3,8 @@ export const ComboboxItemGroup = "CALCITE-COMBOBOX-ITEM-GROUP";
 export const ComboboxChildSelector = `${ComboboxItem}, ${ComboboxItemGroup}`;
 
 export const CSS = {
+  chipInvisible: "chip--invisible",
+  selectionDisplayFit: "selection-display-fit",
+  selectionDisplaySingle: "selection-display-single",
   listContainer: "list-container",
 };
diff --git a/packages/calcite-components/src/demos/combobox.html b/packages/calcite-components/src/demos/combobox.html
index 40bbcc14984..64639515d91 100644
--- a/packages/calcite-components/src/demos/combobox.html
+++ b/packages/calcite-components/src/demos/combobox.html
@@ -36,7 +36,7 @@
 
   <body>
     <demo-dom-swapper>
-      <h1 style="margin: 0 auto; text-align: center">Combobox</h1>
+      <h1 style="margin: 0 fit; text-align: center">Combobox</h1>
 
       <!-- Header -->
       <div class="parent">
@@ -543,6 +543,214 @@ <h1 style="margin: 0 auto; text-align: center">Combobox</h1>
         </div>
       </div>
 
+      <!-- Multi select single -->
+      <div class="parent">
+        <div class="child right-aligned-text">Multi select (single selection-display)</div>
+
+        <div class="child">
+          <calcite-label for="multi-single-selection-display">label</calcite-label>
+          <calcite-combobox
+            id="multi-single-selection-display"
+            label="test"
+            placeholder="placeholder"
+            max-items="10"
+            scale="s"
+            selection-display="single"
+          >
+            <calcite-combobox-item value="Trees" text-label="Trees">
+              <calcite-combobox-item value="Pine" selected text-label="Pine">
+                <calcite-combobox-item value="Pine Nested" text-label="Pine Nested"></calcite-combobox-item>
+              </calcite-combobox-item>
+              <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+              <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Flowers" text-label="Flowers">
+              <calcite-combobox-item value="Daffodil" text-label="Daffodil"></calcite-combobox-item>
+              <calcite-combobox-item value="Black Eyed Susan" text-label="Black Eyed Susan"></calcite-combobox-item>
+              <calcite-combobox-item value="Nasturtium" text-label="Nasturtium"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Animals" text-label="Animals">
+              <calcite-combobox-item value="Birds" text-label="Birds"></calcite-combobox-item>
+              <calcite-combobox-item value="Reptiles" text-label="Reptiles"></calcite-combobox-item>
+              <calcite-combobox-item value="Amphibians" text-label="Amphibians"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Rocks" text-label="Rocks"></calcite-combobox-item>
+            <calcite-combobox-item value="Insects" text-label="Insects"></calcite-combobox-item>
+            <calcite-combobox-item value="Rivers" text-label="Rivers"></calcite-combobox-item>
+          </calcite-combobox>
+        </div>
+
+        <div class="child">
+          <calcite-label for="multi-single-selection-display-m">label</calcite-label>
+          <calcite-combobox
+            id="multi-single-selection-display-m"
+            label="test"
+            placeholder="placeholder"
+            max-items="10"
+            scale="m"
+            selection-display="single"
+          >
+            <calcite-combobox-item value="Trees" text-label="Trees">
+              <calcite-combobox-item value="Pine" text-label="Pine">
+                <calcite-combobox-item value="Pine Nested" text-label="Pine Nested"></calcite-combobox-item>
+              </calcite-combobox-item>
+              <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+              <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item selected value="Flowers" text-label="Flowers">
+              <calcite-combobox-item value="Daffodil" text-label="Daffodil"></calcite-combobox-item>
+              <calcite-combobox-item value="Black Eyed Susan" text-label="Black Eyed Susan"></calcite-combobox-item>
+              <calcite-combobox-item value="Nasturtium" text-label="Nasturtium"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item selected value="Animals" text-label="Animals">
+              <calcite-combobox-item value="Birds" text-label="Birds"></calcite-combobox-item>
+              <calcite-combobox-item value="Reptiles" text-label="Reptiles"></calcite-combobox-item>
+              <calcite-combobox-item value="Amphibians" text-label="Amphibians"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Rocks" text-label="Rocks"></calcite-combobox-item>
+            <calcite-combobox-item value="Insects" text-label="Insects"></calcite-combobox-item>
+            <calcite-combobox-item value="Rivers" text-label="Rivers"></calcite-combobox-item>
+          </calcite-combobox>
+        </div>
+
+        <div class="child">
+          <calcite-label for="multi-single-selection-display-l">label</calcite-label>
+          <calcite-combobox
+            id="multi-single-selection-display-l"
+            label="test"
+            placeholder="placeholder"
+            max-items="10"
+            scale="l"
+            selection-display="single"
+          >
+            <calcite-combobox-item value="Trees" text-label="Trees">
+              <calcite-combobox-item value="Pine" text-label="Pine">
+                <calcite-combobox-item value="Pine Nested" text-label="Pine Nested"></calcite-combobox-item>
+              </calcite-combobox-item>
+              <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+              <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Flowers" text-label="Flowers">
+              <calcite-combobox-item value="Daffodil" text-label="Daffodil"></calcite-combobox-item>
+              <calcite-combobox-item value="Black Eyed Susan" text-label="Black Eyed Susan"></calcite-combobox-item>
+              <calcite-combobox-item value="Nasturtium" text-label="Nasturtium"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Animals" text-label="Animals">
+              <calcite-combobox-item value="Birds" text-label="Birds"></calcite-combobox-item>
+              <calcite-combobox-item value="Reptiles" text-label="Reptiles"></calcite-combobox-item>
+              <calcite-combobox-item value="Amphibians" text-label="Amphibians"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Rocks" text-label="Rocks"></calcite-combobox-item>
+            <calcite-combobox-item value="Insects" text-label="Insects"></calcite-combobox-item>
+            <calcite-combobox-item value="Rivers" text-label="Rivers"></calcite-combobox-item>
+          </calcite-combobox>
+        </div>
+      </div>
+
+      <!-- Multi select fit -->
+      <div class="parent">
+        <div class="child right-aligned-text">Multi select (fit selection-display)</div>
+
+        <div class="child">
+          <calcite-label for="multi-fit-selection-display">label</calcite-label>
+          <calcite-combobox
+            id="multi-fit-selection-display"
+            label="test"
+            placeholder="placeholder"
+            max-items="10"
+            scale="s"
+            selection-display="fit"
+          >
+            <calcite-combobox-item value="Trees" text-label="Trees">
+              <calcite-combobox-item selected value="Pine" selected text-label="Pine">
+                <calcite-combobox-item value="Pine Nested" text-label="Pine Nested"></calcite-combobox-item>
+              </calcite-combobox-item>
+              <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+              <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item selected value="Flowers" text-label="Flowers">
+              <calcite-combobox-item value="Daffodil" text-label="Daffodil"></calcite-combobox-item>
+              <calcite-combobox-item value="Black Eyed Susan" text-label="Black Eyed Susan"></calcite-combobox-item>
+              <calcite-combobox-item value="Nasturtium" text-label="Nasturtium"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item selected value="Animals" text-label="Animals">
+              <calcite-combobox-item value="Birds" text-label="Birds"></calcite-combobox-item>
+              <calcite-combobox-item value="Reptiles" text-label="Reptiles"></calcite-combobox-item>
+              <calcite-combobox-item value="Amphibians" text-label="Amphibians"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Rocks" text-label="Rocks"></calcite-combobox-item>
+            <calcite-combobox-item value="Insects" text-label="Insects"></calcite-combobox-item>
+            <calcite-combobox-item value="Rivers" text-label="Rivers"></calcite-combobox-item>
+          </calcite-combobox>
+        </div>
+
+        <div class="child">
+          <calcite-label for="multi-fit-selection-display-m">label</calcite-label>
+          <calcite-combobox
+            id="multi-fit-selection-display-m"
+            label="test"
+            placeholder="placeholder"
+            max-items="10"
+            scale="m"
+            selection-display="fit"
+          >
+            <calcite-combobox-item value="Trees" text-label="Trees">
+              <calcite-combobox-item selected value="Pine" text-label="Pine">
+                <calcite-combobox-item value="Pine Nested" text-label="Pine Nested"></calcite-combobox-item>
+              </calcite-combobox-item>
+              <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+              <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item selected value="Flowers" text-label="Flowers">
+              <calcite-combobox-item value="Daffodil" text-label="Daffodil"></calcite-combobox-item>
+              <calcite-combobox-item value="Black Eyed Susan" text-label="Black Eyed Susan"></calcite-combobox-item>
+              <calcite-combobox-item value="Nasturtium" text-label="Nasturtium"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item selected value="Animals" text-label="Animals">
+              <calcite-combobox-item value="Birds" text-label="Birds"></calcite-combobox-item>
+              <calcite-combobox-item value="Reptiles" text-label="Reptiles"></calcite-combobox-item>
+              <calcite-combobox-item value="Amphibians" text-label="Amphibians"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Rocks" text-label="Rocks"></calcite-combobox-item>
+            <calcite-combobox-item value="Insects" text-label="Insects"></calcite-combobox-item>
+            <calcite-combobox-item value="Rivers" text-label="Rivers"></calcite-combobox-item>
+          </calcite-combobox>
+        </div>
+
+        <div class="child">
+          <calcite-label for="multi-fit-selection-display-l">label</calcite-label>
+          <calcite-combobox
+            id="multi-fit-selection-display-l"
+            label="test"
+            placeholder="placeholder"
+            max-items="10"
+            scale="l"
+            selection-display="fit"
+          >
+            <calcite-combobox-item value="Trees" text-label="Trees">
+              <calcite-combobox-item selected value="Pine" text-label="Pine">
+                <calcite-combobox-item value="Pine Nested" text-label="Pine Nested"></calcite-combobox-item>
+              </calcite-combobox-item>
+              <calcite-combobox-item value="Sequoia" disabled text-label="Sequoia"></calcite-combobox-item>
+              <calcite-combobox-item value="Douglas Fir" text-label="Douglas Fir"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item selected value="Flowers" text-label="Flowers">
+              <calcite-combobox-item value="Daffodil" text-label="Daffodil"></calcite-combobox-item>
+              <calcite-combobox-item value="Black Eyed Susan" text-label="Black Eyed Susan"></calcite-combobox-item>
+              <calcite-combobox-item value="Nasturtium" text-label="Nasturtium"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item selected value="Animals" text-label="Animals">
+              <calcite-combobox-item value="Birds" text-label="Birds"></calcite-combobox-item>
+              <calcite-combobox-item value="Reptiles" text-label="Reptiles"></calcite-combobox-item>
+              <calcite-combobox-item value="Amphibians" text-label="Amphibians"></calcite-combobox-item>
+            </calcite-combobox-item>
+            <calcite-combobox-item value="Rocks" text-label="Rocks"></calcite-combobox-item>
+            <calcite-combobox-item value="Insects" text-label="Insects"></calcite-combobox-item>
+            <calcite-combobox-item value="Rivers" text-label="Rivers"></calcite-combobox-item>
+          </calcite-combobox>
+        </div>
+      </div>
+
       <!-- Multi select with groups -->
       <div class="parent">
         <div class="child right-aligned-text">Multi select with groups</div>
diff --git a/packages/calcite-components/src/utils/dom.ts b/packages/calcite-components/src/utils/dom.ts
index e4399a1d61a..c6e6e987eba 100644
--- a/packages/calcite-components/src/utils/dom.ts
+++ b/packages/calcite-components/src/utils/dom.ts
@@ -81,6 +81,19 @@ export function getElementProp(el: Element, attribute: string, fallbackValue: an
   return closest ? closest.getAttribute(attribute) : fallbackValue;
 }
 
+/**
+ * This helper returns the computed width in pixels of a rendered HTMLElement.
+ *
+ * @param {HTMLElement} el An element.
+ * @returns {number} The element's width.
+ */
+export function getElementWidth(el: HTMLElement): number {
+  if (!el) {
+    return 0;
+  }
+  return parseFloat(getComputedStyle(el).inlineSize);
+}
+
 /**
  * This helper returns the rootNode of an element.
  *
@@ -102,6 +115,23 @@ export function getShadowRootNode(el: Element): ShadowRoot | null {
   return "host" in rootNode ? rootNode : null;
 }
 
+/**
+ * This helper returns the computed width in pixels a given text string takes up on screen.
+ *
+ * See https://stackoverflow.com/questions/118241/calculate-text-width-with-javascript
+ *
+ * @param {string} text The string of text to measure.
+ * @param {string} font The CSS font attribute's value, which should include size and face, e.g. "12px Arial".
+ */
+export function getTextWidth(text: string, font: string): number {
+  if (!text) {
+    return 0;
+  }
+  const canvas = document.createElement("canvas");
+  const context = canvas.getContext("2d");
+  context.font = font;
+  return context.measureText(text).width;
+}
 /**
  * This helper returns the host of a ShadowRoot.
  *

From d932710b9173d82e1839114aaed01137e7756375 Mon Sep 17 00:00:00 2001
From: Anveshreddy mekala <anv11827@esri.com>
Date: Tue, 21 Nov 2023 14:11:15 -0600
Subject: [PATCH 16/30] feat(stepper): enable responsive layout (#7744)

**Related Issue:** #6694

Enables responsive layout for stepper component.

- stepper element `host` display is changed to `flex` from `grid`
- grid column width will use `minmax( )` instead of fixed fractional
units.
- When none of the stepper item's are selected and the first one is
disabled, the first available enabled stepper will be selected.
---
 packages/calcite-components/calcite-preset.ts |   1 +
 .../src/components/icon/icon.tsx              |   9 +-
 .../components/stepper-item/stepper-item.scss |  55 +++--
 .../components/stepper-item/stepper-item.tsx  |  25 +-
 .../stepper/assets/stepper/t9n/messages.json  |   4 +-
 .../assets/stepper/t9n/messages_ar.json       |   4 +-
 .../assets/stepper/t9n/messages_bg.json       |   4 +-
 .../assets/stepper/t9n/messages_bs.json       |   4 +-
 .../assets/stepper/t9n/messages_ca.json       |   4 +-
 .../assets/stepper/t9n/messages_cs.json       |   4 +-
 .../assets/stepper/t9n/messages_da.json       |   4 +-
 .../assets/stepper/t9n/messages_de.json       |   4 +-
 .../assets/stepper/t9n/messages_el.json       |   4 +-
 .../assets/stepper/t9n/messages_en.json       |   4 +-
 .../assets/stepper/t9n/messages_es.json       |   4 +-
 .../assets/stepper/t9n/messages_et.json       |   4 +-
 .../assets/stepper/t9n/messages_fi.json       |   4 +-
 .../assets/stepper/t9n/messages_fr.json       |   4 +-
 .../assets/stepper/t9n/messages_he.json       |   4 +-
 .../assets/stepper/t9n/messages_hr.json       |   4 +-
 .../assets/stepper/t9n/messages_hu.json       |   4 +-
 .../assets/stepper/t9n/messages_id.json       |   4 +-
 .../assets/stepper/t9n/messages_it.json       |   4 +-
 .../assets/stepper/t9n/messages_ja.json       |   4 +-
 .../assets/stepper/t9n/messages_ko.json       |   4 +-
 .../assets/stepper/t9n/messages_lt.json       |   4 +-
 .../assets/stepper/t9n/messages_lv.json       |   4 +-
 .../assets/stepper/t9n/messages_nl.json       |   4 +-
 .../assets/stepper/t9n/messages_no.json       |   4 +-
 .../assets/stepper/t9n/messages_pl.json       |   4 +-
 .../assets/stepper/t9n/messages_pt-BR.json    |   4 +-
 .../assets/stepper/t9n/messages_pt-PT.json    |   4 +-
 .../assets/stepper/t9n/messages_ro.json       |   4 +-
 .../assets/stepper/t9n/messages_ru.json       |   4 +-
 .../assets/stepper/t9n/messages_sk.json       |   4 +-
 .../assets/stepper/t9n/messages_sl.json       |   4 +-
 .../assets/stepper/t9n/messages_sr.json       |   4 +-
 .../assets/stepper/t9n/messages_sv.json       |   4 +-
 .../assets/stepper/t9n/messages_th.json       |   4 +-
 .../assets/stepper/t9n/messages_tr.json       |   4 +-
 .../assets/stepper/t9n/messages_uk.json       |   4 +-
 .../assets/stepper/t9n/messages_vi.json       |   4 +-
 .../assets/stepper/t9n/messages_zh-CN.json    |   4 +-
 .../assets/stepper/t9n/messages_zh-HK.json    |   4 +-
 .../assets/stepper/t9n/messages_zh-TW.json    |   4 +-
 .../stepper/functional/step-bar.tsx           |  46 ++++
 .../src/components/stepper/resources.ts       |  14 ++
 .../src/components/stepper/stepper.e2e.ts     | 155 +++++++++++-
 .../src/components/stepper/stepper.scss       |  92 ++++++-
 .../src/components/stepper/stepper.stories.ts |  84 +++++++
 .../src/components/stepper/stepper.tsx        | 230 +++++++++++++++---
 51 files changed, 765 insertions(+), 110 deletions(-)
 create mode 100644 packages/calcite-components/src/components/stepper/functional/step-bar.tsx
 create mode 100644 packages/calcite-components/src/components/stepper/resources.ts

diff --git a/packages/calcite-components/calcite-preset.ts b/packages/calcite-components/calcite-preset.ts
index 738b30dfb49..3d7d867f384 100644
--- a/packages/calcite-components/calcite-preset.ts
+++ b/packages/calcite-components/calcite-preset.ts
@@ -221,6 +221,7 @@ export default {
         4.5: "1.125rem",
         9: "2.25rem",
         11: "2.75rem",
+        13: "3.25rem",
       },
       transitionProperty: {
         margin: "margin",
diff --git a/packages/calcite-components/src/components/icon/icon.tsx b/packages/calcite-components/src/components/icon/icon.tsx
index 5a8fb12fc5b..7a0489a8462 100644
--- a/packages/calcite-components/src/components/icon/icon.tsx
+++ b/packages/calcite-components/src/components/icon/icon.tsx
@@ -142,7 +142,14 @@ export class Icon {
       return;
     }
 
-    this.pathData = await fetchIcon({ icon, scale });
+    const pathData = await fetchIcon({ icon, scale });
+
+    // While the fetchIcon method is awaiting response, the icon requested can change. This check is to verify the response received belongs to the current icon.
+    if (icon !== this.icon) {
+      return;
+    }
+
+    this.pathData = pathData;
   }
 
   private waitUntilVisible(callback: () => void): void {
diff --git a/packages/calcite-components/src/components/stepper-item/stepper-item.scss b/packages/calcite-components/src/components/stepper-item/stepper-item.scss
index 834e749f678..692f3531004 100644
--- a/packages/calcite-components/src/components/stepper-item/stepper-item.scss
+++ b/packages/calcite-components/src/components/stepper-item/stepper-item.scss
@@ -2,6 +2,7 @@
   --calcite-stepper-item-spacing-unit-s: theme("spacing.1");
   --calcite-stepper-item-spacing-unit-m: theme("spacing.3");
   --calcite-stepper-item-spacing-unit-l: theme("spacing.4");
+  --calcite-internal-stepper-action-inline-size: theme("spacing.8");
   @apply text-n1h;
   margin-inline-end: theme("margin.1");
   .stepper-item-description {
@@ -13,6 +14,7 @@
   --calcite-stepper-item-spacing-unit-s: theme("spacing.2");
   --calcite-stepper-item-spacing-unit-m: theme("spacing.4");
   --calcite-stepper-item-spacing-unit-l: theme("spacing.5");
+  --calcite-internal-stepper-action-inline-size: theme("spacing.10");
   @apply text-0h;
   margin-inline-end: theme("margin.2");
   .stepper-item-description {
@@ -24,6 +26,7 @@
   --calcite-stepper-item-spacing-unit-s: theme("spacing.3");
   --calcite-stepper-item-spacing-unit-m: theme("spacing.5");
   --calcite-stepper-item-spacing-unit-l: theme("spacing.6");
+  --calcite-internal-stepper-action-inline-size: theme("spacing.12");
   @apply text-1h;
   margin-inline-end: theme("margin.3");
   .stepper-item-description {
@@ -257,10 +260,7 @@
     border-solid
     border-t-2
     focus-base;
-
     grid-row: items;
-    margin-inline-end: theme("margin.2");
-    margin-block-end: var(--calcite-stepper-item-spacing-unit-s);
 
     &:focus {
       @apply focus-outset;
@@ -287,19 +287,6 @@
   }
 }
 
-:host([layout="horizontal"][scale="s"]) {
-  .stepper-item-header {
-    margin-inline-end: theme("margin.1");
-    margin-block-end: var(--calcite-stepper-item-spacing-unit-s);
-  }
-}
-:host([layout="horizontal"][scale="l"]) {
-  .stepper-item-header {
-    margin-inline-end: theme("margin.3");
-    margin-block-end: var(--calcite-stepper-item-spacing-unit-s);
-  }
-}
-
 :host([layout="horizontal"][complete]) .stepper-item-header {
   border-color: rgba($h-bb-060, 0.5);
 }
@@ -310,7 +297,7 @@
 :host([layout="horizontal"][error]) .stepper-item-header {
   @apply border-color-danger;
 }
-:host([layout="horizontal"][selected]) .stepper-item-header {
+:host([layout="horizontal"][selected][multiple-view-mode]) .stepper-item-header {
   @apply border-color-brand;
 }
 :host([layout="horizontal"]:hover:not([disabled]):not([selected])) .stepper-item-header,
@@ -348,6 +335,40 @@
   }
 }
 
+:host([layout="horizontal"]:not([multiple-view-mode])) .stepper-item-header {
+  @apply border-none 
+  me-0;
+  inline-size: 100%;
+  padding-inline: calc(var(--calcite-internal-stepper-action-inline-size) + 0.5rem);
+}
+
+:host([layout="horizontal"][error]:not([multiple-view-mode])) .container {
+  & .stepper-item-number {
+    color: theme("backgroundColor.danger");
+  }
+  & .stepper-item-icon {
+    @apply opacity-100;
+    color: theme("backgroundColor.danger");
+  }
+}
+
+:host([layout="horizontal"][error][selected]:not([multiple-view-mode])),
+:host([layout="horizontal"][complete][selected]:not([multiple-view-mode])) .container {
+  @apply text-color-3;
+  & .stepper-item-heading {
+    @apply text-color-2;
+  }
+}
+
+:host([layout="horizontal"][complete][selected]:not([multiple-view-mode])) .container {
+  & .stepper-item-icon {
+    @apply opacity-disabled;
+  }
+  & .stepper-item-number {
+    @apply text-color-3;
+  }
+}
+
 .visually-hidden {
   @apply sr-only;
 }
diff --git a/packages/calcite-components/src/components/stepper-item/stepper-item.tsx b/packages/calcite-components/src/components/stepper-item/stepper-item.tsx
index 561574234a6..505b1f68102 100644
--- a/packages/calcite-components/src/components/stepper-item/stepper-item.tsx
+++ b/packages/calcite-components/src/components/stepper-item/stepper-item.tsx
@@ -142,6 +142,13 @@ export class StepperItem
    */
   @Prop({ reflect: true }) scale: Scale = "m";
 
+  /**
+   * Specifies if the user is viewing one `stepper-item` at a time.
+   * Helps in determining if header region is tabbable.
+   * @internal
+   */
+  @Prop({ reflect: true }) multipleViewMode = false;
+
   /**
    * Use this property to override individual strings used by the component.
    */
@@ -260,7 +267,7 @@ export class StepperItem
             class={CSS.stepperItemHeader}
             tabIndex={
               /* additional tab index logic needed because of display: contents */
-              this.layout === "horizontal" && !this.disabled ? 0 : null
+              this.layout === "horizontal" && !this.disabled && this.multipleViewMode ? 0 : null
             }
             // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
             ref={(el) => (this.headerEl = el)}
@@ -358,13 +365,15 @@ export class StepperItem
   };
 
   private renderIcon(): VNode {
-    const path = this.selected
-      ? "circleF"
-      : this.error
-      ? "exclamationMarkCircleF"
-      : this.complete
-      ? "checkCircleF"
-      : "circle";
+    let path = "circle";
+
+    if (this.selected && (this.multipleViewMode || (!this.error && !this.complete))) {
+      path = "circleF";
+    } else if (this.error) {
+      path = "exclamationMarkCircleF";
+    } else if (this.complete) {
+      path = "checkCircleF";
+    }
 
     return (
       <calcite-icon class="stepper-item-icon" flipRtl={this.iconFlipRtl} icon={path} scale="s" />
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages.json
index 32fc7ca0407..84733d6392b 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages.json
@@ -1,3 +1,5 @@
 {
-  "label": "Progress steps"
+  "label": "Progress steps",
+  "previousStep": "Previous step",
+  "nextStep": "Next step"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ar.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ar.json
index beae7b9a6d2..2ebc181424e 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ar.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ar.json
@@ -1,3 +1,5 @@
 {
-  "label": "خطوات التقدم"
+  "label": "خطوات التقدم",
+  "previousStep": "الخطوة السابقة",
+  "nextStep": "الخطوة التالية"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_bg.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_bg.json
index 790d2ecf961..e43d85446b3 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_bg.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_bg.json
@@ -1,3 +1,5 @@
 {
-  "label": "Стъпки на напредъка"
+  "label": "Стъпки на напредъка",
+  "previousStep": "Предишна стъпка",
+  "nextStep": "Следваща стъпка"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_bs.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_bs.json
index 75572bc7eb6..34c09104885 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_bs.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_bs.json
@@ -1,3 +1,5 @@
 {
-  "label": "Koraci napretka"
+  "label": "Koraci napretka",
+  "previousStep": "Prethodni korak",
+  "nextStep": "Sljedeći korak"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ca.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ca.json
index a71b63b1d7c..ddcc59faf72 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ca.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ca.json
@@ -1,3 +1,5 @@
 {
-  "label": "Passos de progrés"
+  "label": "Passos de progrés",
+  "previousStep": "Pas anterior",
+  "nextStep": "Pas següent"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_cs.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_cs.json
index 3a3f8818bcf..409b711f474 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_cs.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_cs.json
@@ -1,3 +1,5 @@
 {
-  "label": "Kroky průběhu"
+  "label": "Kroky průběhu",
+  "previousStep": "Předchozí krok",
+  "nextStep": "Další krok"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_da.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_da.json
index 8935926b5e8..864966c34dd 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_da.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_da.json
@@ -1,3 +1,5 @@
 {
-  "label": "Statustrin"
+  "label": "Statustrin",
+  "previousStep": "Forrige trin",
+  "nextStep": "Næste trin"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_de.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_de.json
index c745d589d1b..4decda5007e 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_de.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_de.json
@@ -1,3 +1,5 @@
 {
-  "label": "Statusschritte"
+  "label": "Statusschritte",
+  "previousStep": "Vorheriger Schritt",
+  "nextStep": "Nächster Schritt"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_el.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_el.json
index 3f5276bda9d..b58c517a521 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_el.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_el.json
@@ -1,3 +1,5 @@
 {
-  "label": "Βήματα προόδου"
+  "label": "Βήματα προόδου",
+  "previousStep": "Προηγούμενο βήμα",
+  "nextStep": "Επόμενο βήμα"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_en.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_en.json
index 32fc7ca0407..84733d6392b 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_en.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_en.json
@@ -1,3 +1,5 @@
 {
-  "label": "Progress steps"
+  "label": "Progress steps",
+  "previousStep": "Previous step",
+  "nextStep": "Next step"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_es.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_es.json
index d7cd629dac7..7fc4210365c 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_es.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_es.json
@@ -1,3 +1,5 @@
 {
-  "label": "Pasos de progreso"
+  "label": "Pasos de progreso",
+  "previousStep": "Paso anterior",
+  "nextStep": "Paso siguiente"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_et.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_et.json
index 410f724d119..26d235d968a 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_et.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_et.json
@@ -1,3 +1,5 @@
 {
-  "label": "Edenemise etapid"
+  "label": "Edenemise etapid",
+  "previousStep": "Eelmine toiming",
+  "nextStep": "Järgmine toiming"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_fi.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_fi.json
index 25bc2415a51..4f0895f9c76 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_fi.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_fi.json
@@ -1,3 +1,5 @@
 {
-  "label": "Edistymisen vaiheet"
+  "label": "Edistymisen vaiheet",
+  "previousStep": "Edellinen vaihe",
+  "nextStep": "Seuraava vaihe"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_fr.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_fr.json
index adb65c5a5cf..f7d0fc89833 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_fr.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_fr.json
@@ -1,3 +1,5 @@
 {
-  "label": "Étapes de progression"
+  "label": "Étapes de progression",
+  "previousStep": "Étape précédente",
+  "nextStep": "Étape suivante"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_he.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_he.json
index 7f42f33cf57..88632a07470 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_he.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_he.json
@@ -1,3 +1,5 @@
 {
-  "label": "שלבי התקדמות"
+  "label": "שלבי התקדמות",
+  "previousStep": "השלב הקודם",
+  "nextStep": "השלב הבא"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_hr.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_hr.json
index 75572bc7eb6..34c09104885 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_hr.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_hr.json
@@ -1,3 +1,5 @@
 {
-  "label": "Koraci napretka"
+  "label": "Koraci napretka",
+  "previousStep": "Prethodni korak",
+  "nextStep": "Sljedeći korak"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_hu.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_hu.json
index e9b275d7ec0..c9c94524dca 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_hu.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_hu.json
@@ -1,3 +1,5 @@
 {
-  "label": "Előrehaladás lépései"
+  "label": "Előrehaladás lépései",
+  "previousStep": "Előző lépés",
+  "nextStep": "Következő lépés"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_id.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_id.json
index 12722a31017..76dc70f924c 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_id.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_id.json
@@ -1,3 +1,5 @@
 {
-  "label": "Langkah dalam proses"
+  "label": "Langkah dalam proses",
+  "previousStep": "Langkah sebelumnya",
+  "nextStep": "Langkah berikutnya"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_it.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_it.json
index 2e128e90067..03a1cef6bdf 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_it.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_it.json
@@ -1,3 +1,5 @@
 {
-  "label": "Passi di avanzamento"
+  "label": "Passi di avanzamento",
+  "previousStep": "Passaggio precedente",
+  "nextStep": "Passaggio successivo"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ja.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ja.json
index c55adbeb72e..a83a1009ef9 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ja.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ja.json
@@ -1,3 +1,5 @@
 {
-  "label": "ステップの進行状況"
+  "label": "ステップの進行状況",
+  "previousStep": "前のステップ",
+  "nextStep": "次のステップ"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ko.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ko.json
index ce0d4bf156f..32dc8069746 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ko.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ko.json
@@ -1,3 +1,5 @@
 {
-  "label": "진행 단계"
+  "label": "진행 단계",
+  "previousStep": "이전 단계",
+  "nextStep": "다음 단계"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_lt.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_lt.json
index c846c349886..07d628a4c3b 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_lt.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_lt.json
@@ -1,3 +1,5 @@
 {
-  "label": "Eigos žingsniai"
+  "label": "Eigos žingsniai",
+  "previousStep": "Ankstesnis žingsnis",
+  "nextStep": "Kitas žingsnis"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_lv.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_lv.json
index f27ab3ca6e4..d074cc88f71 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_lv.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_lv.json
@@ -1,3 +1,5 @@
 {
-  "label": "Progresa soļi"
+  "label": "Progresa soļi",
+  "previousStep": "Iepriekšējā darbība",
+  "nextStep": "Nākamā darbība"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_nl.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_nl.json
index e8edb901802..e156ab6967a 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_nl.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_nl.json
@@ -1,3 +1,5 @@
 {
-  "label": "Voortgangsstappen"
+  "label": "Voortgangsstappen",
+  "previousStep": "Vorige stap",
+  "nextStep": "Volgende stap"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_no.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_no.json
index 351e27dd607..46d99c86b3e 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_no.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_no.json
@@ -1,3 +1,5 @@
 {
-  "label": "Fremdriftstrinn"
+  "label": "Fremdriftstrinn",
+  "previousStep": "Forrige trinn",
+  "nextStep": "Neste trinn"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_pl.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_pl.json
index 7d37d54c2bc..b0446e68d3e 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_pl.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_pl.json
@@ -1,3 +1,5 @@
 {
-  "label": "Etapy postępu"
+  "label": "Etapy postępu",
+  "previousStep": "Poprzedni etap",
+  "nextStep": "Następny etap"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_pt-BR.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_pt-BR.json
index a14d3d6d9ee..4ec67155556 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_pt-BR.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_pt-BR.json
@@ -1,3 +1,5 @@
 {
-  "label": "Etapas de progresso"
+  "label": "Etapas de progresso",
+  "previousStep": "Etapa anterior",
+  "nextStep": "Próxima etapa"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_pt-PT.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_pt-PT.json
index 28f0f11abe0..557fcd7c16f 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_pt-PT.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_pt-PT.json
@@ -1,3 +1,5 @@
 {
-  "label": "Passos de progresso"
+  "label": "Passos de progresso",
+  "previousStep": "Passo anterior",
+  "nextStep": "Próximo passo"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ro.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ro.json
index 3b93833d664..b2f4aab8849 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ro.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ro.json
@@ -1,3 +1,5 @@
 {
-  "label": "Pași de progres"
+  "label": "Pași de progres",
+  "previousStep": "Pasul anterior",
+  "nextStep": "Pasul următor"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ru.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ru.json
index e05b2805817..2a8d65b0e4e 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ru.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_ru.json
@@ -1,3 +1,5 @@
 {
-  "label": "Шаги выполнения"
+  "label": "Шаги выполнения",
+  "previousStep": "Предыдущий шаг",
+  "nextStep": "Следующий шаг"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sk.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sk.json
index acbc421114b..d409dec64ba 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sk.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sk.json
@@ -1,3 +1,5 @@
 {
-  "label": "Kroky postupu"
+  "label": "Kroky postupu",
+  "previousStep": "Predchádzajúci krok",
+  "nextStep": "Ďaľší krok"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sl.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sl.json
index bb91282b86d..d681f9c645e 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sl.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sl.json
@@ -1,3 +1,5 @@
 {
-  "label": "Koraki napredka"
+  "label": "Koraki napredka",
+  "previousStep": "Prejšnji korak",
+  "nextStep": "Naslednji korak"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sr.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sr.json
index 7040e331095..17bcd97cb6b 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sr.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sr.json
@@ -1,3 +1,5 @@
 {
-  "label": "Koraci za napredak"
+  "label": "Koraci za napredak",
+  "previousStep": "Prethodni korak",
+  "nextStep": "Sledeći korak"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sv.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sv.json
index 2ba395fc702..97fa1639dfc 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sv.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_sv.json
@@ -1,3 +1,5 @@
 {
-  "label": "Förloppssteg"
+  "label": "Förloppssteg",
+  "previousStep": "Föregående steg",
+  "nextStep": "Nästa steg"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_th.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_th.json
index d66df0af1f1..7869a33965a 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_th.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_th.json
@@ -1,3 +1,5 @@
 {
-  "label": "ขั้นตอนความคืบหน้า"
+  "label": "ขั้นตอนความคืบหน้า",
+  "previousStep": "ขั้นตอนก่อนหน้า",
+  "nextStep": "ขั้นตอนถัดไป"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_tr.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_tr.json
index 4bc8fef3199..205bef551a5 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_tr.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_tr.json
@@ -1,3 +1,5 @@
 {
-  "label": "İlerleme adımları"
+  "label": "İlerleme adımları",
+  "previousStep": "Önceki adım",
+  "nextStep": "Sonraki adım"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_uk.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_uk.json
index 67b1f54aa79..5a90c36f92b 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_uk.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_uk.json
@@ -1,3 +1,5 @@
 {
-  "label": "Етапи прогресу"
+  "label": "Етапи прогресу",
+  "previousStep": "Попередній крок",
+  "nextStep": "Наступний крок"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_vi.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_vi.json
index 7dacf36e809..9a69cfd1aac 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_vi.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_vi.json
@@ -1,3 +1,5 @@
 {
-  "label": "Các bước trong tiến trình"
+  "label": "Các bước trong tiến trình",
+  "previousStep": "Bước trước đó",
+  "nextStep": "Bước tiếp theo"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_zh-CN.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_zh-CN.json
index 4058710980c..46ea3700d9a 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_zh-CN.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_zh-CN.json
@@ -1,3 +1,5 @@
 {
-  "label": "进程步骤"
+  "label": "进程步骤",
+  "previousStep": "上一步",
+  "nextStep": "下一步"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_zh-HK.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_zh-HK.json
index 042df24c8a4..30f937c40f7 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_zh-HK.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_zh-HK.json
@@ -1,3 +1,5 @@
 {
-  "label": "進度步驟"
+  "label": "進度步驟",
+  "previousStep": "上一步",
+  "nextStep": "下一步"
 }
diff --git a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_zh-TW.json b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_zh-TW.json
index 042df24c8a4..30f937c40f7 100644
--- a/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_zh-TW.json
+++ b/packages/calcite-components/src/components/stepper/assets/stepper/t9n/messages_zh-TW.json
@@ -1,3 +1,5 @@
 {
-  "label": "進度步驟"
+  "label": "進度步驟",
+  "previousStep": "上一步",
+  "nextStep": "下一步"
 }
diff --git a/packages/calcite-components/src/components/stepper/functional/step-bar.tsx b/packages/calcite-components/src/components/stepper/functional/step-bar.tsx
new file mode 100644
index 00000000000..d32e8add7fc
--- /dev/null
+++ b/packages/calcite-components/src/components/stepper/functional/step-bar.tsx
@@ -0,0 +1,46 @@
+import { FunctionalComponent, h } from "@stencil/core";
+
+interface StepBarProps {
+  active: boolean;
+  complete: boolean;
+  error: boolean;
+  disabled: boolean;
+  key: number;
+}
+
+export const CSS = {
+  stepBar: "step-bar",
+  stepBarActive: "step-bar--active",
+  stepBarComplete: "step-bar--complete",
+  stepBarDisabled: "step-bar--disabled",
+  stepBarError: "step-bar--error",
+  stepBarInActive: "step-bar--inactive",
+};
+
+export const StepBar: FunctionalComponent<StepBarProps> = ({
+  disabled,
+  active,
+  complete,
+  error,
+  key,
+}) => (
+  <svg
+    class={{
+      [CSS.stepBar]: true,
+    }}
+    key={key}
+  >
+    <rect
+      class={{
+        [CSS.stepBarActive]: active,
+        [CSS.stepBarComplete]: complete,
+        [CSS.stepBarDisabled]: disabled,
+        [CSS.stepBarError]: error,
+        [CSS.stepBarInActive]: true,
+      }}
+      width="100%"
+      x="0"
+      y="0"
+    />
+  </svg>
+);
diff --git a/packages/calcite-components/src/components/stepper/resources.ts b/packages/calcite-components/src/components/stepper/resources.ts
new file mode 100644
index 00000000000..516e24d76a7
--- /dev/null
+++ b/packages/calcite-components/src/components/stepper/resources.ts
@@ -0,0 +1,14 @@
+export const ITEM_MIN_WIDTH = {
+  s: 120,
+  m: 180,
+  l: 200,
+};
+
+export const CSS = {
+  actionIcon: "action-icon",
+  actionIconStart: "action-icon--start",
+  actionIconEnd: "action-icon--end",
+  actionContainer: "action-container",
+  stepBarContainer: "step-bar-container",
+  singleView: "single-view",
+};
diff --git a/packages/calcite-components/src/components/stepper/stepper.e2e.ts b/packages/calcite-components/src/components/stepper/stepper.e2e.ts
index b4a04269a6e..f67681b5871 100644
--- a/packages/calcite-components/src/components/stepper/stepper.e2e.ts
+++ b/packages/calcite-components/src/components/stepper/stepper.e2e.ts
@@ -2,13 +2,13 @@ import { E2EPage, newE2EPage } from "@stencil/core/testing";
 import { defaults, hidden, reflects, renders, t9n } from "../../tests/commonTests";
 import { html } from "../../../support/formatting";
 import { NumberStringFormatOptions } from "../../utils/locale";
+import { isElementFocused } from "../../tests/utils";
 
 // we use browser-context function to click on items to workaround `E2EElement#click` error
 async function itemClicker(item: HTMLCalciteStepperItemElement) {
   item.click();
 }
 
-// todo test the automatic setting of first item to selected
 describe("calcite-stepper", () => {
   describe("defaults", () => {
     defaults("calcite-stepper", [
@@ -68,7 +68,7 @@ describe("calcite-stepper", () => {
           <div>Step 4 content</div>
         </calcite-stepper-item>
       </calcite-stepper>`,
-      { display: "grid" }
+      { display: "flex" }
     );
   });
 
@@ -76,6 +76,21 @@ describe("calcite-stepper", () => {
     t9n("calcite-stepper");
   });
 
+  it("root container display is set to grid in horizontal layout", async () => {
+    const page = await newE2EPage();
+    await page.setContent(html`<calcite-stepper>
+      <calcite-stepper-item heading="Step 1" id="step-1">
+        <div>Step 1 content</div>
+      </calcite-stepper-item>
+      <calcite-stepper-item heading="Step 2" id="step-2">
+        <div>Step 2 content</div>
+      </calcite-stepper-item>
+    </calcite-stepper>`);
+
+    const containerEl = await page.find("calcite-stepper >>> .container");
+    expect((await containerEl.getComputedStyle()).display).toBe("grid");
+  });
+
   it("inheritable props: `icon`, `layout`, `numbered`, and `scale` get passed to items from parents", async () => {
     const page = await newE2EPage();
     await page.setContent(html`
@@ -459,8 +474,10 @@ describe("calcite-stepper", () => {
         const item2 = wrapper.shadowRoot.querySelector<HTMLElement>("#item-2");
         await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));
         item2.click();
+        await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));
         wrapper.shadowRoot.querySelector<HTMLElement>("#next").click();
         await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));
+        await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));
 
         return wrapper.shadowRoot.querySelector("calcite-stepper-item[selected]").id;
       }, templateHTML);
@@ -670,6 +687,27 @@ describe("calcite-stepper", () => {
     expect(stepperItem2.getAttribute("aria-current")).toEqual("step");
   });
 
+  it("should select the first stepper-item if none of the stepper-item's are selected", async () => {
+    const page = await newE2EPage();
+    await page.setContent(html`<calcite-stepper>
+      <calcite-stepper-item heading="Step 1" id="step-1">
+        <div>Step 1 content</div>
+      </calcite-stepper-item>
+      <calcite-stepper-item heading="Step 2" id="step-2">
+        <div>Step 2 content</div>
+      </calcite-stepper-item>
+    </calcite-stepper>
+    <calcite-stepper-item heading="Step 3" id="step-3">
+    <div>Step 3content</div>
+  </calcite-stepper-item>
+</calcite-stepper>`);
+
+    const [stepperItem1, stepperItem2, stepperItem3] = await page.findAll("calcite-stepper-item");
+    expect(await stepperItem1.getProperty("selected")).toBe(true);
+    expect(await stepperItem2.getProperty("selected")).not.toBe(true);
+    expect(await stepperItem3.getProperty("selected")).not.toBe(true);
+  });
+
   it("should select the next enabled stepper-item if first stepper-item is disabled", async () => {
     const page = await newE2EPage();
     await page.setContent(html`<calcite-stepper>
@@ -682,8 +720,119 @@ describe("calcite-stepper", () => {
     </calcite-stepper>`);
 
     const [stepperItem1, stepperItem2] = await page.findAll("calcite-stepper-item");
-
     expect(await stepperItem1.getProperty("selected")).toBe(false);
     expect(await stepperItem2.getProperty("selected")).toBe(true);
   });
+
+  describe("responsive layout", () => {
+    it("should display action buttons when width is smaller", async () => {
+      const page = await newE2EPage();
+      await page.setContent(html`<calcite-stepper style="width: 100px">
+        <calcite-stepper-item heading="Step 1" id="step-1">
+          <div>Step 1 content</div>
+        </calcite-stepper-item>
+        <calcite-stepper-item heading="Step 2" id="step-2">
+          <div>Step 2 content</div>
+        </calcite-stepper-item>
+      </calcite-stepper>`);
+
+      const [actionStart, actionEnd] = await page.findAll("calcite-stepper >>> calcite-action");
+      const [stepperItem1, stepperItem2] = await page.findAll("calcite-stepper-item");
+
+      expect(await actionStart.isVisible()).toBe(true);
+      expect(await actionStart.getProperty("disabled")).toEqual(true);
+      expect(await actionEnd.isVisible()).toBe(true);
+      expect(await stepperItem1.isVisible()).toBe(true);
+      expect(await stepperItem2.isVisible()).toBe(false);
+
+      await actionEnd.click();
+      await page.waitForChanges();
+      expect(await stepperItem1.isVisible()).toBe(false);
+      expect(await stepperItem2.isVisible()).toBe(true);
+    });
+
+    it("focus order", async () => {
+      const page = await newE2EPage();
+      await page.setContent(html`<calcite-stepper style="width: 100px">
+        <calcite-stepper-item heading="Step 1" id="step-1">
+          <calcite-button id="button1">Click</calcite-button>
+        </calcite-stepper-item>
+        <calcite-stepper-item heading="Step 2" id="step-2">
+          <calcite-button id="button2">Click</calcite-button>
+        </calcite-stepper-item>
+        <calcite-stepper-item heading="Step 3" id="step-2">
+          <calcite-button id="button3">Click</calcite-button>
+        </calcite-stepper-item>
+      </calcite-stepper>`);
+
+      const [actionStart, actionEnd] = await page.findAll("calcite-stepper >>> calcite-action");
+
+      const actionEndId = actionEnd.getAttribute("id");
+      const actionStartId = actionStart.getAttribute("id");
+      await page.keyboard.press("Tab");
+      await page.waitForChanges();
+      expect(await isElementFocused(page, `#${actionEndId}`, { shadowed: true })).toBe(true);
+
+      await page.keyboard.press("Tab");
+      await page.waitForChanges();
+      expect(await isElementFocused(page, `#button1`)).toBe(true);
+
+      await actionEnd.click();
+      await page.waitForChanges();
+      await page.keyboard.press("Tab");
+      await page.waitForChanges();
+      expect(await isElementFocused(page, `#button2`)).toBe(true);
+
+      await page.keyboard.down("Shift");
+      await page.keyboard.press("Tab");
+      await page.keyboard.up("Shift");
+      await page.waitForChanges();
+      expect(await isElementFocused(page, `#${actionEndId}`, { shadowed: true })).toBe(true);
+
+      await page.keyboard.down("Shift");
+      await page.keyboard.press("Tab");
+      await page.keyboard.up("Shift");
+      await page.waitForChanges();
+      expect(await isElementFocused(page, `#${actionStartId}`, { shadowed: true })).toBe(true);
+    });
+
+    it("should emit calciteStepperItemChange on user interaction", async () => {
+      const page = await newE2EPage();
+      await page.setContent(html`<calcite-stepper style="width: 100px">
+        <calcite-stepper-item heading="Step 1" id="step-1" disabled>
+          <div>Step 1 content</div>
+        </calcite-stepper-item>
+        <calcite-stepper-item heading="Step 2" id="step-2">
+          <div>Step 2 content</div>
+        </calcite-stepper-item>
+        <calcite-stepper-item heading="Step 3" id="step-2">
+          <div>Step 3 content</div>
+        </calcite-stepper-item>
+      </calcite-stepper>`);
+
+      const stepper = await page.find("calcite-stepper");
+      const [actionStart, actionEnd] = await page.findAll("calcite-stepper >>> calcite-action");
+      const [stepperItem1] = await page.findAll("calcite-stepper-item");
+      const eventSpy = await stepper.spyOnEvent("calciteStepperItemChange");
+      expect(eventSpy).toHaveReceivedEventTimes(0);
+
+      await actionEnd.click();
+      await page.waitForChanges();
+      expect(eventSpy).toHaveReceivedEventTimes(1);
+
+      await actionStart.click();
+      await page.waitForChanges();
+      expect(eventSpy).toHaveReceivedEventTimes(2);
+
+      // shouldn't emit change event when disabled element is visible
+      stepperItem1.setProperty("disabled", true);
+      await actionStart.click();
+      await page.waitForChanges();
+      expect(eventSpy).toHaveReceivedEventTimes(2);
+
+      await actionEnd.click();
+      await page.waitForChanges();
+      expect(eventSpy).toHaveReceivedEventTimes(3);
+    });
+  });
 });
diff --git a/packages/calcite-components/src/components/stepper/stepper.scss b/packages/calcite-components/src/components/stepper/stepper.scss
index 0ac9c6536b0..6c1c3ce3ce7 100644
--- a/packages/calcite-components/src/components/stepper/stepper.scss
+++ b/packages/calcite-components/src/components/stepper/stepper.scss
@@ -1,4 +1,28 @@
+:host([scale="s"]) {
+  --calcite-internal-stepper-item-spacing-unit-s: theme("spacing.1");
+  --calcite-internal-stepper-action-block-size: theme("spacing.11");
+  --calcite-internal-stepper-action-inline-size: theme("spacing.8");
+  --calcite-internal-step-bar-gap: theme("spacing.1");
+}
+
+:host([scale="m"]) {
+  --calcite-internal-stepper-item-spacing-unit-s: theme("spacing.2");
+  --calcite-internal-stepper-action-block-size: theme("spacing.13");
+  --calcite-internal-stepper-action-inline-size: theme("spacing.10");
+}
+
+:host([scale="l"]) {
+  --calcite-internal-stepper-item-spacing-unit-s: theme("spacing.3");
+  --calcite-internal-stepper-action-block-size: theme("spacing.16");
+  --calcite-internal-stepper-action-inline-size: theme("spacing.12");
+  --calcite-internal-step-bar-gap: theme("spacing.3");
+}
+
 :host {
+  @apply flex;
+}
+
+.container {
   @apply relative
     flex
     w-full
@@ -9,17 +33,81 @@
     justify-between;
 }
 
-:host([layout="vertical"]) {
+:host([layout="vertical"]) .container {
   @apply flex-auto flex-col;
 }
 
-:host([layout="horizontal"]) {
+:host([layout="horizontal"]) .container {
   display: grid;
   // grid-templates-columns are dynamically generated
   // grid-templates-rows are dynamically generated
   grid-template-areas:
     "items"
     "content";
+  gap: theme("spacing.2") var(--calcite-internal-stepper-item-spacing-unit-s);
+}
+
+:host([layout="horizontal"][scale="s"]) .container {
+  gap: theme("spacing.1") var(--calcite-internal-stepper-item-spacing-unit-s);
+}
+
+:host([layout="horizontal"][scale="l"]) .container {
+  gap: theme("spacing.3") var(--calcite-internal-stepper-item-spacing-unit-s);
+}
+
+:host([layout="horizontal"]) .container.single-view {
+  @apply flex  grid-cols-none;
+}
+
+.action-icon {
+  @apply flex relative grow-0;
+  block-size: var(--calcite-internal-stepper-action-block-size);
+  inline-size: var(--calcite-internal-stepper-action-inline-size);
+}
+
+.action-container {
+  @apply absolute flex justify-between;
+  padding-block: 0.25rem;
+  inline-size: 100%;
+}
+
+@mixin stepBar {
+  .step-bar {
+    @apply flex;
+    block-size: 100%;
+    inline-size: 100%;
+  }
+
+  .step-bar-container {
+    @apply flex absolute justify-between items-start;
+    block-size: 0.125rem;
+    inline-size: 100%;
+    gap: var(--calcite-internal-step-bar-gap, 0.5rem);
+  }
+
+  .step-bar--inactive {
+    fill: var(--light-ui-border-3, #dfdfdf);
+    fill-opacity: 1;
+    block-size: 100%;
+  }
+
+  .step-bar--active {
+    fill: var(--calcite-ui-brand);
+  }
+
+  .step-bar--complete {
+    fill: var(--calcite-ui-brand);
+    fill-opacity: 0.5;
+  }
+
+  .step-bar--error {
+    fill: var(--calcite-ui-danger);
+  }
+
+  .step-bar--disabled {
+    opacity: 0.5;
+  }
 }
 
+@include stepBar();
 @include base-component();
diff --git a/packages/calcite-components/src/components/stepper/stepper.stories.ts b/packages/calcite-components/src/components/stepper/stepper.stories.ts
index 663001cd78a..0f217238bcb 100644
--- a/packages/calcite-components/src/components/stepper/stepper.stories.ts
+++ b/packages/calcite-components/src/components/stepper/stepper.stories.ts
@@ -210,3 +210,87 @@ export const verticalLayout_TestOnly = (): string => html`<calcite-stepper layou
       >Step 1 Content Goes Here</calcite-stepper-item
     >
   </calcite-stepper>`;
+
+const getBreakpointsStoryTemplate = ({ scale, width }: { scale: string; width: number }): string => html`<style>
+    calcite-stepper {
+      width: ${width}px;
+    }
+  </style>
+  <calcite-stepper numbered icon layout="horizontal" scale="${scale}">
+    <calcite-stepper-item
+      heading="Choose method"
+      description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"
+      complete
+      disabled
+    >
+      <calcite-notice open width="full">
+        <div slot="message">Step 1 Content Goes Here</div>
+      </calcite-notice>
+    </calcite-stepper-item>
+    <calcite-stepper-item
+      heading="Compile member list"
+      description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"
+      complete
+    >
+      <calcite-notice open width="full">
+        <div slot="message">Step 2 Content Goes Here</div>
+      </calcite-notice>
+    </calcite-stepper-item>
+    <calcite-stepper-item
+      heading="Set member properties"
+      description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"
+      description="Some subtext"
+      error
+    >
+      <calcite-notice open width="full">
+        <div slot="message">Step 3 Content Goes Here</div>
+      </calcite-notice>
+    </calcite-stepper-item>
+    <calcite-stepper-item
+      heading="Confirm and complete"
+      description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"
+    >
+      <calcite-notice open width="full">
+        <div slot="message">Step 4 Content Goes Here</div>
+      </calcite-notice>
+    </calcite-stepper-item>
+  </calcite-stepper>`;
+
+export const responsiveLayoutScaleS_TestOnly = (): string => getBreakpointsStoryTemplate({ scale: "s", width: 400 });
+export const responsiveLayoutScaleM_TestOnly = (): string => getBreakpointsStoryTemplate({ scale: "m", width: 500 });
+export const responsiveLayoutScaleL_TestOnly = (): string => getBreakpointsStoryTemplate({ scale: "l", width: 600 });
+
+export const responsiveLayoutWithDisabledStepperItems_TestOnly = (): string => html`<style>
+    calcite-stepper {
+      width: 300px;
+    }
+  </style>
+  <calcite-stepper numbered icon layout="horizontal" scale="s">
+    <calcite-stepper-item
+      heading="Choose method"
+      description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"
+      complete
+      disabled>
+      <calcite-notice open width="full">
+        <div slot="message">Step 1 Content Goes Here</div>
+      </calcite-notice>
+    </calcite-stepper-item>
+    <calcite-stepper-item
+      heading="Compile member list"
+      description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"
+      complete
+      disabled
+      selected
+    >
+      <calcite-notice open width="full">
+        <div slot="message">Step 2 Content Goes Here</div>
+      </calcite-notice>
+    </calcite-stepper-item>
+    <calcite-stepper-item
+      heading="Set member properties"
+      description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"
+      description="Some subtext"
+      error
+      disabled
+    >
+  </calcite-stepper>`;
diff --git a/packages/calcite-components/src/components/stepper/stepper.tsx b/packages/calcite-components/src/components/stepper/stepper.tsx
index d3172569e52..a2805837f08 100644
--- a/packages/calcite-components/src/components/stepper/stepper.tsx
+++ b/packages/calcite-components/src/components/stepper/stepper.tsx
@@ -11,18 +11,22 @@ import {
   State,
   VNode,
   Watch,
+  readTask,
 } from "@stencil/core";
-
 import { focusElementInGroup, slotChangeGetAssignedElements } from "../../utils/dom";
+import { Layout, Position, Scale } from "../interfaces";
+import { StepperItemChangeEventDetail, StepperItemKeyEventDetail } from "./interfaces";
+import { createObserver } from "../../utils/observers";
+import { StepBar } from "./functional/step-bar";
+import { ITEM_MIN_WIDTH, CSS } from "./resources";
+import { guid } from "../../utils/guid";
+
 import {
   connectLocalized,
   disconnectLocalized,
   LocalizedComponent,
   NumberingSystem,
 } from "../../utils/locale";
-import { Layout, Scale } from "../interfaces";
-import { StepperItemChangeEventDetail, StepperItemKeyEventDetail } from "./interfaces";
-import { createObserver } from "../../utils/observers";
 import {
   connectMessages,
   disconnectMessages,
@@ -143,15 +147,23 @@ export class Stepper implements LocalizedComponent, T9nComponent {
   }
 
   componentDidLoad(): void {
+    this.resizeObserver?.observe(this.containerEl);
     // if no stepper items are set as active, default to the first one
-    if (typeof this.currentPosition !== "number") {
+    if (typeof this.currentActivePosition !== "number") {
+      const enabledStepIndex = this.getFirstEnabledStepperPosition();
+
+      if (enabledStepIndex === 0) {
+        this.currentActivePosition = enabledStepIndex;
+      }
+
       this.calciteInternalStepperItemChange.emit({
-        position: this.getFirstEnabledStepperPosition(),
+        position: enabledStepIndex,
       });
     }
   }
 
   disconnectedCallback(): void {
+    this.resizeObserver?.disconnect();
     disconnectMessages(this);
     disconnectLocalized(this);
     this.mutationObserver?.disconnect();
@@ -160,7 +172,29 @@ export class Stepper implements LocalizedComponent, T9nComponent {
   render(): VNode {
     return (
       <Host aria-label={this.messages.label} role="region">
-        <slot onSlotchange={this.handleDefaultSlotChange} />
+        <div
+          class={{ container: true, [CSS.singleView]: !this.multipleViewMode }}
+          ref={this.setContainerEl}
+        >
+          {!this.multipleViewMode && this.layout === "horizontal" && (
+            <div class={{ [CSS.stepBarContainer]: true }}>
+              {this.items.map((item, index) => (
+                <StepBar
+                  active={index === this.currentActivePosition}
+                  complete={item.complete && index !== this.currentActivePosition && !item.error}
+                  disabled={item.disabled && index !== this.currentActivePosition}
+                  error={item.error && index !== this.currentActivePosition}
+                  key={index}
+                />
+              ))}
+            </div>
+          )}
+          <div class={{ [CSS.actionContainer]: true }}>
+            {this.renderAction("start")}
+            {this.renderAction("end")}
+          </div>
+          <slot onSlotchange={this.handleDefaultSlotChange} />
+        </div>
       </Host>
     );
   }
@@ -201,7 +235,6 @@ export class Stepper implements LocalizedComponent, T9nComponent {
     const { content, position } = event.detail;
 
     this.itemMap.set(item, { position, content });
-    this.items = this.sortItems();
     this.enabledItems = this.filterItems();
     event.stopPropagation();
   }
@@ -211,7 +244,7 @@ export class Stepper implements LocalizedComponent, T9nComponent {
     const { position } = event.detail;
 
     if (typeof position === "number") {
-      this.currentPosition = position;
+      this.currentActivePosition = position;
       this.selectedItem = event.target as HTMLCalciteStepperItemElement;
     }
 
@@ -234,7 +267,7 @@ export class Stepper implements LocalizedComponent, T9nComponent {
   /** Set the next `calcite-stepper-item` as active. */
   @Method()
   async nextStep(): Promise<void> {
-    const enabledStepIndex = this.getEnabledStepIndex(this.currentPosition + 1, "next");
+    const enabledStepIndex = this.getEnabledStepIndex(this.currentActivePosition + 1, "next");
 
     if (typeof enabledStepIndex !== "number") {
       return;
@@ -246,7 +279,7 @@ export class Stepper implements LocalizedComponent, T9nComponent {
   /** Set the previous `calcite-stepper-item` as active. */
   @Method()
   async prevStep(): Promise<void> {
-    const enabledStepIndex = this.getEnabledStepIndex(this.currentPosition - 1, "previous");
+    const enabledStepIndex = this.getEnabledStepIndex(this.currentActivePosition - 1, "previous");
 
     if (typeof enabledStepIndex !== "number") {
       return;
@@ -264,7 +297,7 @@ export class Stepper implements LocalizedComponent, T9nComponent {
   async goToStep(step: number): Promise<void> {
     const position = step - 1;
 
-    if (this.currentPosition !== position) {
+    if (this.currentActivePosition !== position) {
       this.updateStep(position);
     }
   }
@@ -310,25 +343,50 @@ export class Stepper implements LocalizedComponent, T9nComponent {
     updateMessages(this, this.effectiveLocale);
   }
 
-  private itemMap = new Map<HTMLCalciteStepperItemElement, { position: number; content: Node[] }>();
+  @State() currentActivePosition: number;
 
-  /** list of sorted Stepper items */
-  private items: HTMLCalciteStepperItemElement[] = [];
+  @Watch("currentActivePosition")
+  handlePositionChange(): void {
+    readTask((): void => {
+      this.determineActiveStepper(true);
+    });
+  }
+
+  @State() elWidth: number;
+
+  @Watch("elWidth")
+  handleElWidthChange(): void {
+    readTask((): void => {
+      this.determineActiveStepper();
+    });
+  }
 
-  /** list of enabled Stepper items */
   private enabledItems: HTMLCalciteStepperItemElement[] = [];
 
-  /** keep track of the currently active item position */
-  private currentPosition: number;
+  private itemMap = new Map<HTMLCalciteStepperItemElement, { position: number; content: Node[] }>();
+
+  private items: HTMLCalciteStepperItemElement[] = [];
 
   private mutationObserver = createObserver("mutation", () => this.updateItems());
 
+  /** Specifies if the user is viewing one `stepper-item` at a time when the page width is less than sum of min-width of each item. */
+  private multipleViewMode = false;
+
+  private guid = `calcite-stepper-action-${guid()}`;
+
+  private containerEl: HTMLDivElement;
+
   //--------------------------------------------------------------------------
   //
   //  Private Methods
   //
   //--------------------------------------------------------------------------
 
+  private resizeObserver = createObserver(
+    "resize",
+    (entries) => (this.elWidth = entries[0].contentRect.width)
+  );
+
   private updateItems(): void {
     this.el.querySelectorAll("calcite-stepper-item").forEach((item) => {
       item.icon = this.icon;
@@ -338,38 +396,66 @@ export class Stepper implements LocalizedComponent, T9nComponent {
     });
   }
 
+  private determineActiveStepper(currentActivePositionChanged = false): void {
+    const totalItems = this.items.length;
+    if (!this.elWidth || !totalItems || this.layout !== "horizontal" || totalItems === 1) {
+      return;
+    }
+
+    const activePosition = this.currentActivePosition || 0;
+    const totalMinWidthOfItems = totalItems * this.getMinWidthOfStepperItem();
+    const totalRowGap =
+      (totalItems - 1) * (parseInt(window.getComputedStyle(this.containerEl).rowGap) || 0);
+
+    if (this.elWidth <= totalMinWidthOfItems + totalRowGap) {
+      this.multipleViewMode = false;
+
+      this.items.forEach((item: HTMLCalciteStepperItemElement, index) => {
+        if (index !== activePosition) {
+          item.hidden = true;
+        } else {
+          item.hidden = false;
+          item.multipleViewMode = false;
+        }
+      });
+    } else if (this.elWidth > totalMinWidthOfItems + totalRowGap) {
+      if (this.multipleViewMode && !currentActivePositionChanged) {
+        return;
+      }
+
+      this.multipleViewMode = true;
+      this.setGridTemplateColumns(this.items);
+      this.items.forEach((item: HTMLCalciteStepperItemElement) => {
+        item.hidden = false;
+        item.multipleViewMode = true;
+      });
+    }
+  }
+
   private getEnabledStepIndex(
     startIndex: number,
     direction: "next" | "previous" = "next"
   ): number | null {
-    const { items, currentPosition } = this;
+    const { items, currentActivePosition } = this;
 
     let newIndex = startIndex;
 
-    while (items[newIndex]?.disabled) {
+    while (items[newIndex]?.disabled && this.multipleViewMode) {
       newIndex = newIndex + (direction === "previous" ? -1 : 1);
     }
 
-    return newIndex !== currentPosition && newIndex < items.length && newIndex >= 0
+    return newIndex !== currentActivePosition && newIndex < items.length && newIndex >= 0
       ? newIndex
       : null;
   }
 
   private updateStep(position: number): void {
-    this.currentPosition = position;
+    this.currentActivePosition = position;
     this.calciteInternalStepperItemChange.emit({
       position,
     });
   }
 
-  private sortItems(): HTMLCalciteStepperItemElement[] {
-    const { itemMap } = this;
-
-    return Array.from(itemMap.keys()).sort(
-      (a, b) => itemMap.get(a).position - itemMap.get(b).position
-    );
-  }
-
   private filterItems(): HTMLCalciteStepperItemElement[] {
     return this.items.filter((item) => !item.disabled);
   }
@@ -380,17 +466,85 @@ export class Stepper implements LocalizedComponent, T9nComponent {
     });
   }
 
-  private handleDefaultSlotChange = (event: Event): void => {
-    const slottedItems = slotChangeGetAssignedElements(event);
-    const items = slottedItems.filter((el) => el?.tagName === "CALCITE-STEPPER-ITEM");
-    const spacing = Array(items.length).fill("1fr").join(" ");
-    this.el.style.gridTemplateAreas = spacing;
-    this.el.style.gridTemplateColumns = spacing;
-    this.setStepperItemNumberingSystem();
+  private renderAction(position: Position): VNode {
+    const isPositionStart = position === "start";
+    const path = isPositionStart ? "chevron-left" : "chevron-right";
+    const { currentActivePosition, multipleViewMode, layout } = this;
+    const totalItems = this.items.length;
+    const id = `${this.guid}-${isPositionStart ? "start" : "end"}`;
+
+    return layout === "horizontal" && !multipleViewMode ? (
+      <calcite-action
+        alignment="center"
+        appearance="transparent"
+        class={{
+          [CSS.actionIcon]: true,
+        }}
+        compact={true}
+        data-position={position}
+        disabled={
+          (currentActivePosition === 0 && isPositionStart) ||
+          (currentActivePosition === totalItems - 1 && !isPositionStart)
+        }
+        icon={path}
+        iconFlipRtl={true}
+        id={id}
+        onClick={this.handleActionClick}
+        scale={this.scale}
+        text={isPositionStart ? this.messages.previousStep : this.messages.nextStep}
+      />
+    ) : null;
+  }
+
+  private handleActionClick = (event: MouseEvent): void => {
+    const currentActivePosition = this.currentActivePosition;
+    const target = event.target as HTMLCalciteActionElement;
+    if (target.getAttribute("data-position") === "start") {
+      this.prevStep();
+    } else {
+      this.nextStep();
+    }
+
+    if (
+      this.currentActivePosition &&
+      currentActivePosition !== this.currentActivePosition &&
+      !this.items[this.currentActivePosition].disabled
+    ) {
+      this.calciteStepperItemChange.emit();
+    }
   };
 
   private getFirstEnabledStepperPosition(): number {
     const enabledStepIndex = this.items.findIndex((item) => !item.disabled);
-    return enabledStepIndex > -1 ? enabledStepIndex : 0;
+
+    if (enabledStepIndex > -1) {
+      return enabledStepIndex;
+    }
+
+    return 0;
+  }
+
+  private setContainerEl = (el: HTMLDivElement): void => {
+    this.containerEl = el;
+  };
+
+  handleDefaultSlotChange = (event: Event): void => {
+    const items = slotChangeGetAssignedElements(event).filter(
+      (el) => el?.tagName === "CALCITE-STEPPER-ITEM"
+    );
+    this.items = items as HTMLCalciteStepperItemElement[];
+    this.setGridTemplateColumns(items);
+    this.setStepperItemNumberingSystem();
+  };
+
+  private setGridTemplateColumns(items: Element[]): void {
+    const minWidth = this.getMinWidthOfStepperItem();
+    const spacing = Array(items.length).fill(`minmax(${minWidth}px, 1fr)`).join(" ");
+    this.containerEl.style.gridTemplateAreas = spacing;
+    this.containerEl.style.gridTemplateColumns = spacing;
+  }
+
+  private getMinWidthOfStepperItem(): number {
+    return ITEM_MIN_WIDTH[this.scale];
   }
 }

From 8325398e4a8cbb268a4e029f9f5f7f5fc7f1cff9 Mon Sep 17 00:00:00 2001
From: Ben Elan <no-reply@benelan.dev>
Date: Tue, 21 Nov 2023 12:18:09 -0800
Subject: [PATCH 17/30] revert: feat(stepper-item)!: remove support for
 previousStep and nextStep in messages (#8222) (#8232)

This reverts commit 213b31da55424e6f7a29a6d58875200fe853c9f9.

---

**Related Issue:** #8222

## Summary

This reverts a breaking change that landed on `main`. Moving forward,
all breaking changes should be installed on the `rc` branch.
---
 .../stepper-item/assets/stepper-item/t9n/messages.json        | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_ar.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_bg.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_bs.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_ca.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_cs.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_da.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_de.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_el.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_en.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_es.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_et.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_fi.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_fr.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_he.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_hr.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_hu.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_id.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_it.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_ja.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_ko.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_lt.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_lv.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_nl.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_no.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_pl.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_pt-BR.json  | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_pt-PT.json  | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_ro.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_ru.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_sk.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_sl.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_sr.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_sv.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_th.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_tr.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_uk.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_vi.json     | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_zh-CN.json  | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_zh-HK.json  | 4 +++-
 .../stepper-item/assets/stepper-item/t9n/messages_zh-TW.json  | 4 +++-
 41 files changed, 123 insertions(+), 41 deletions(-)

diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages.json
index ec345993749..1008889cfba 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Completed step"
+  "complete": "Completed step",
+  "previousStep": "Previous step",
+  "nextStep": "Next step"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ar.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ar.json
index aa8ce87e275..5724b37e77b 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ar.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ar.json
@@ -1,3 +1,5 @@
 {
-  "complete": "خطوة مكتملة"
+  "complete": "خطوة مكتملة",
+  "previousStep": "الخطوة السابقة",
+  "nextStep": "الخطوة التالية"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_bg.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_bg.json
index 227bfafc9ee..0105c4e22cc 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_bg.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_bg.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Завършена стъпка"
+  "complete": "Завършена стъпка",
+  "previousStep": "Предишна стъпка",
+  "nextStep": "Следваща стъпка"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_bs.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_bs.json
index a7472713d55..f37cb5fb76c 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_bs.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_bs.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Dovršeni korak"
+  "complete": "Dovršeni korak",
+  "previousStep": "Prethodni korak",
+  "nextStep": "Sljedeći korak"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ca.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ca.json
index 17894f78d86..304b445e4a8 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ca.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ca.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Pas completat"
+  "complete": "Pas completat",
+  "previousStep": "Pas anterior",
+  "nextStep": "Pas següent"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_cs.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_cs.json
index ebf7d072c24..9c5e3dd6a0f 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_cs.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_cs.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Dokončený krok"
+  "complete": "Dokončený krok",
+  "previousStep": "Předchozí krok",
+  "nextStep": "Další krok"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_da.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_da.json
index 3de8910fa91..1fd62d93eb9 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_da.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_da.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Fuldført trin"
+  "complete": "Fuldført trin",
+  "previousStep": "Forrige trin",
+  "nextStep": "Næste trin"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_de.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_de.json
index bf24ce848b6..46d9da2d2ac 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_de.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_de.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Abgeschlossener Schritt"
+  "complete": "Abgeschlossener Schritt",
+  "previousStep": "Vorheriger Schritt",
+  "nextStep": "Nächster Schritt"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_el.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_el.json
index a6aa3968547..b1f7eb23884 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_el.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_el.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Ολοκληρωμένο βήμα"
+  "complete": "Ολοκληρωμένο βήμα",
+  "previousStep": "Προηγούμενο βήμα",
+  "nextStep": "Επόμενο βήμα"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_en.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_en.json
index ec345993749..1008889cfba 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_en.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_en.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Completed step"
+  "complete": "Completed step",
+  "previousStep": "Previous step",
+  "nextStep": "Next step"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_es.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_es.json
index ade76ca2f99..e577ded5373 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_es.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_es.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Paso completado"
+  "complete": "Paso completado",
+  "previousStep": "Paso anterior",
+  "nextStep": "Paso siguiente"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_et.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_et.json
index 89a864af4d7..0429c412e4b 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_et.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_et.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Lõpuleviidud toiming"
+  "complete": "Lõpuleviidud toiming",
+  "previousStep": "Eelmine toiming",
+  "nextStep": "Järgmine toiming"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_fi.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_fi.json
index 04e1f849642..bfeff01becb 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_fi.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_fi.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Valmis vaihe"
+  "complete": "Valmis vaihe",
+  "previousStep": "Edellinen vaihe",
+  "nextStep": "Seuraava vaihe"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_fr.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_fr.json
index 695a638f18e..5553902aee3 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_fr.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_fr.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Étape terminée"
+  "complete": "Étape terminée",
+  "previousStep": "Étape précédente",
+  "nextStep": "Étape suivante"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_he.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_he.json
index a676e02ee17..0aace4ca45b 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_he.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_he.json
@@ -1,3 +1,5 @@
 {
-  "complete": "השלב הושלם"
+  "complete": "השלב הושלם",
+  "previousStep": "השלב הקודם",
+  "nextStep": "השלב הבא"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_hr.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_hr.json
index a7472713d55..f37cb5fb76c 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_hr.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_hr.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Dovršeni korak"
+  "complete": "Dovršeni korak",
+  "previousStep": "Prethodni korak",
+  "nextStep": "Sljedeći korak"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_hu.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_hu.json
index 19a24fd19d2..20c9c40c15f 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_hu.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_hu.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Befejezett lépés"
+  "complete": "Befejezett lépés",
+  "previousStep": "Előző lépés",
+  "nextStep": "Következő lépés"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_id.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_id.json
index 1b844f5929f..be5e20b7daa 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_id.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_id.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Langkah selesai"
+  "complete": "Langkah selesai",
+  "previousStep": "Langkah sebelumnya",
+  "nextStep": "Langkah berikutnya"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_it.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_it.json
index 9b753690cfa..7e35804705d 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_it.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_it.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Passaggio completato"
+  "complete": "Passaggio completato",
+  "previousStep": "Passaggio precedente",
+  "nextStep": "Passaggio successivo"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ja.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ja.json
index 23d9b862552..10f01f6e2a3 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ja.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ja.json
@@ -1,3 +1,5 @@
 {
-  "complete": "完了したステップ"
+  "complete": "完了したステップ",
+  "previousStep": "前のステップ",
+  "nextStep": "次のステップ"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ko.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ko.json
index 92673890c37..0861ff86a40 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ko.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ko.json
@@ -1,3 +1,5 @@
 {
-  "complete": "완료된 단계"
+  "complete": "완료된 단계",
+  "previousStep": "이전 단계",
+  "nextStep": "다음 단계"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_lt.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_lt.json
index 485ff74cb51..f467de75eee 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_lt.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_lt.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Užbaigtas žingsnis"
+  "complete": "Užbaigtas žingsnis",
+  "previousStep": "Ankstesnis žingsnis",
+  "nextStep": "Kitas žingsnis"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_lv.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_lv.json
index 24d5c850de6..20b663ba7f8 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_lv.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_lv.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Pabeigta darbība"
+  "complete": "Pabeigta darbība",
+  "previousStep": "Iepriekšējā darbība",
+  "nextStep": "Nākamā darbība"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_nl.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_nl.json
index d7cd43e6f17..4ea60790c64 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_nl.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_nl.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Voltooide stap"
+  "complete": "Voltooide stap",
+  "previousStep": "Vorige stap",
+  "nextStep": "Volgende stap"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_no.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_no.json
index 2b6c14cad46..d35abf296f9 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_no.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_no.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Fullført trinn"
+  "complete": "Fullført trinn",
+  "previousStep": "Forrige trinn",
+  "nextStep": "Neste trinn"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_pl.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_pl.json
index a5a6d2a5168..920d2d6209d 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_pl.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_pl.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Ukończony etap"
+  "complete": "Ukończony etap",
+  "previousStep": "Poprzedni etap",
+  "nextStep": "Następny etap"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_pt-BR.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_pt-BR.json
index a7088f999c9..85899ba3b32 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_pt-BR.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_pt-BR.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Etapa concluída"
+  "complete": "Etapa concluída",
+  "previousStep": "Etapa anterior",
+  "nextStep": "Próxima etapa"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_pt-PT.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_pt-PT.json
index 9147968eaad..4bcfd8084ef 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_pt-PT.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_pt-PT.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Passo concluído"
+  "complete": "Passo concluído",
+  "previousStep": "Passo anterior",
+  "nextStep": "Próximo passo"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ro.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ro.json
index 0ff7743eedf..f4dd65aeb45 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ro.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ro.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Pas finalizat"
+  "complete": "Pas finalizat",
+  "previousStep": "Pasul anterior",
+  "nextStep": "Pasul următor"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ru.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ru.json
index bcf16be8dda..291144571c3 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ru.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_ru.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Завершенный шаг"
+  "complete": "Завершенный шаг",
+  "previousStep": "Предыдущий шаг",
+  "nextStep": "Следующий шаг"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sk.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sk.json
index ebf7d072c24..a0a8a8c9055 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sk.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sk.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Dokončený krok"
+  "complete": "Dokončený krok",
+  "previousStep": "Predchádzajúci krok",
+  "nextStep": "Ďaľší krok"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sl.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sl.json
index e9c7e05da57..2325ebeca21 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sl.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sl.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Dokončan korak"
+  "complete": "Dokončan korak",
+  "previousStep": "Prejšnji korak",
+  "nextStep": "Naslednji korak"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sr.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sr.json
index 54bf28966a8..06f9fe53b8c 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sr.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sr.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Obavljen korak"
+  "complete": "Obavljen korak",
+  "previousStep": "Prethodni korak",
+  "nextStep": "Sledeći korak"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sv.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sv.json
index e3be19cae1d..07dd9e4409e 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sv.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_sv.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Slutfört steg"
+  "complete": "Slutfört steg",
+  "previousStep": "Föregående steg",
+  "nextStep": "Nästa steg"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_th.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_th.json
index 649a41a3809..aa0925a1e83 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_th.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_th.json
@@ -1,3 +1,5 @@
 {
-  "complete": "ขั้นตอนที่ดำเนินการเสร็จ"
+  "complete": "ขั้นตอนที่ดำเนินการเสร็จ",
+  "previousStep": "ขั้นตอนก่อนหน้า",
+  "nextStep": "ขั้นตอนถัดไป"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_tr.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_tr.json
index 23f7f30fab7..4acf8a7b606 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_tr.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_tr.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Tamamlanan adım"
+  "complete": "Tamamlanan adım",
+  "previousStep": "Önceki adım",
+  "nextStep": "Sonraki adım"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_uk.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_uk.json
index 2ff0d53aabe..ce044b6bf78 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_uk.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_uk.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Завершений крок"
+  "complete": "Завершений крок",
+  "previousStep": "Попередній крок",
+  "nextStep": "Наступний крок"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_vi.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_vi.json
index 1ecfcce67d1..ce2bea6d959 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_vi.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_vi.json
@@ -1,3 +1,5 @@
 {
-  "complete": "Bước đã hoàn tất"
+  "complete": "Bước đã hoàn tất",
+  "previousStep": "Bước trước đó",
+  "nextStep": "Bước tiếp theo"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_zh-CN.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_zh-CN.json
index 5ccc025c22b..d6cd7afcdae 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_zh-CN.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_zh-CN.json
@@ -1,3 +1,5 @@
 {
-  "complete": "步骤已完成"
+  "complete": "步骤已完成",
+  "previousStep": "上一步",
+  "nextStep": "下一步"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_zh-HK.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_zh-HK.json
index 505ece1362c..7d84038d336 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_zh-HK.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_zh-HK.json
@@ -1,3 +1,5 @@
 {
-  "complete": "完成的步驟"
+  "complete": "完成的步驟",
+  "previousStep": "上一步",
+  "nextStep": "下一步"
 }
diff --git a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_zh-TW.json b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_zh-TW.json
index 505ece1362c..7d84038d336 100644
--- a/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_zh-TW.json
+++ b/packages/calcite-components/src/components/stepper-item/assets/stepper-item/t9n/messages_zh-TW.json
@@ -1,3 +1,5 @@
 {
-  "complete": "完成的步驟"
+  "complete": "完成的步驟",
+  "previousStep": "上一步",
+  "nextStep": "下一步"
 }

From e0d017c6acf904b9f1a687284300872697bae9c2 Mon Sep 17 00:00:00 2001
From: Ben Elan <no-reply@benelan.dev>
Date: Tue, 21 Nov 2023 13:38:43 -0800
Subject: [PATCH 18/30] refactor(combobox): fix linting errors (#8235)

**Related Issue:** #7912

## Summary

Fixes linting errors introduced by the PR linked above.
---
 .../src/components/combobox/combobox.tsx      | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/packages/calcite-components/src/components/combobox/combobox.tsx b/packages/calcite-components/src/components/combobox/combobox.tsx
index 7d6f14c8fd9..637a19aa443 100644
--- a/packages/calcite-components/src/components/combobox/combobox.tsx
+++ b/packages/calcite-components/src/components/combobox/combobox.tsx
@@ -888,7 +888,7 @@ export class Combobox
         (chipEl) => chipEl.closable
       );
 
-      let availableHorizontalChipElSpace = Math.round(
+      const availableHorizontalChipElSpace = Math.round(
         chipContainerElWidth -
           ((this.selectedHiddenChipsCount > 0 ? selectedIndicatorChipElWidth : 0) +
             chipContainerElGap +
@@ -1373,6 +1373,7 @@ export class Combobox
         scale={scale}
         title={label}
         value=""
+        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
         ref={setAllSelectedIndicatorChipEl}
       >
         {label}
@@ -1412,7 +1413,9 @@ export class Combobox
       selectedVisibleChipsCount,
       setSelectedIndicatorChipEl,
     } = this;
-    let chipInvisible, label;
+    let chipInvisible: boolean;
+    let label: string;
+
     if (compactSelectionDisplay) {
       chipInvisible = true;
     } else {
@@ -1427,14 +1430,10 @@ export class Combobox
         }
         label = `${selectedItemsCount} ${this.messages.selected}`;
       } else if (selectionDisplay === "fit") {
-        if (
+        chipInvisible = !!(
           (this.isAllSelected() && selectedVisibleChipsCount === 0) ||
           selectedHiddenChipsCount === 0
-        ) {
-          chipInvisible = true;
-        } else {
-          chipInvisible = false;
-        }
+        );
         label =
           selectedVisibleChipsCount > 0
             ? `+${selectedHiddenChipsCount}`
@@ -1447,10 +1446,11 @@ export class Combobox
           chip: true,
           [CSS.chipInvisible]: chipInvisible,
         }}
-        ref={setSelectedIndicatorChipEl}
         scale={scale}
         title={label}
         value=""
+        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+        ref={setSelectedIndicatorChipEl}
       >
         {label}
       </calcite-chip>
@@ -1465,16 +1465,18 @@ export class Combobox
       scale,
       selectedHiddenChipsCount,
     } = this;
-    let chipInvisible, label;
+    let chipInvisible: boolean;
+    let label: string;
+
     if (compactSelectionDisplay) {
       const selectedItemsCount = getSelectedItems().length;
       if (this.isAllSelected()) {
         chipInvisible = true;
       } else if (selectionDisplay === "fit") {
-        chipInvisible = selectedHiddenChipsCount > 0 ? false : true;
+        chipInvisible = !(selectedHiddenChipsCount > 0);
         label = `${selectedHiddenChipsCount || 0}`;
       } else if (selectionDisplay === "single") {
-        chipInvisible = selectedItemsCount > 0 ? false : true;
+        chipInvisible = !(selectedItemsCount > 0);
         label = `${selectedItemsCount}`;
       }
     } else {

From c4dc9af7d56f28ebae50e515fb6b27c4255b2b46 Mon Sep 17 00:00:00 2001
From: Calcite Admin <calcite-admin@esri.com>
Date: Tue, 21 Nov 2023 14:48:24 -0800
Subject: [PATCH 19/30] chore: release main (#8092)

:robot: I have created a release *beep* *boop*
---

<details><summary>@esri/eslint-plugin-calcite-components:
0.2.3</summary>

[0.2.3](https://github.com/Esri/calcite-design-system/compare/@esri/eslint-plugin-calcite-components@0.2.2...@esri/eslint-plugin-calcite-components@0.2.3)
(2023-11-21)
</details>

<details><summary>@esri/calcite-components: 1.11.0</summary>

[1.11.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@1.10.0...@esri/calcite-components@1.11.0)
(2023-11-21)

* **combobox:** Limit display of selected items with new
selection-display prop
([#7912](https://github.com/Esri/calcite-design-system/issues/7912))
([58317ae](https://github.com/Esri/calcite-design-system/commit/58317ae6803a3a1716cabeaeac2061fa533a6bad))
* **date-picker:** Make component responsive
([#7872](https://github.com/Esri/calcite-design-system/issues/7872))
([f131218](https://github.com/Esri/calcite-design-system/commit/f131218a01df6a4be8be3805cd172db0120954e1))
* **input, input-date-picker, input-number, input-text,
input-time-picker:** Truncate value and placeholder when input is narrow
([#8160](https://github.com/Esri/calcite-design-system/issues/8160))
([533eff3](https://github.com/Esri/calcite-design-system/commit/533eff3874920d7727b4fb7525e81a8e95d7a5ef))
* **list-item:** Add content-bottom slot for placing content below the
label and description of the component
([#8183](https://github.com/Esri/calcite-design-system/issues/8183))
([7d400fb](https://github.com/Esri/calcite-design-system/commit/7d400fb09b08a54cdc2e8b435bf11c95ff06aa32))
* **list:** Specify the element types in the `calciteListOrderChange`
event detail.
([#8123](https://github.com/Esri/calcite-design-system/issues/8123))
([3e81d7e](https://github.com/Esri/calcite-design-system/commit/3e81d7e672dde72c2cec163f8dc126a59804f517))
* **pagination:** Introduce responsive design for xxsmall breakpoint
([#8150](https://github.com/Esri/calcite-design-system/issues/8150))
([ab20eb0](https://github.com/Esri/calcite-design-system/commit/ab20eb09dd368cec566cbbb386db059a11e33f13))
* **stepper-item:** Remove support for previousStep and nextStep in
messages
([#8222](https://github.com/Esri/calcite-design-system/issues/8222))
([213b31d](https://github.com/Esri/calcite-design-system/commit/213b31da55424e6f7a29a6d58875200fe853c9f9))
* **stepper:** Enable responsive layout
([#7744](https://github.com/Esri/calcite-design-system/issues/7744))
([687ca2b](https://github.com/Esri/calcite-design-system/commit/687ca2b04ed072fae15405c5ce1631adc190b449))

* **accordion-item:** Update expanded chevron color
([#8087](https://github.com/Esri/calcite-design-system/issues/8087))
([d3d7688](https://github.com/Esri/calcite-design-system/commit/d3d7688bbb5ed2e58d1e0c5a06f9165e9fb73988))
* **action:** Ensure action content is correctly spaced
([#8184](https://github.com/Esri/calcite-design-system/issues/8184))
([b18dcc8](https://github.com/Esri/calcite-design-system/commit/b18dcc84f739ea24917df45aa2c8c11b2f2d11f1))
* **action:** Update transparent action styles
([#8194](https://github.com/Esri/calcite-design-system/issues/8194))
([0f12489](https://github.com/Esri/calcite-design-system/commit/0f12489f8085557a3302f3b7dbc0152565770265))
* **block-section:** Wraps long text over to a new line when toggle
switch is displayed
([#8101](https://github.com/Esri/calcite-design-system/issues/8101))
([3f90780](https://github.com/Esri/calcite-design-system/commit/3f90780a128f934481085c403a76d12174f6aa83))
* **checkbox:** Make label property public
([#8181](https://github.com/Esri/calcite-design-system/issues/8181))
([d3b9c1f](https://github.com/Esri/calcite-design-system/commit/d3b9c1fb9fc50cfd5d49ff43ee3994aba914d71e))
* **combobox-item:** Hide disabled item icon
([#8095](https://github.com/Esri/calcite-design-system/issues/8095))
([36552f3](https://github.com/Esri/calcite-design-system/commit/36552f309f250acb01a76b8cfa97f9813b7c22a4))
* **input-date-picker:** Fix date-picker wrapper displaying beyond its
bounds
([#8172](https://github.com/Esri/calcite-design-system/issues/8172))
([01ec024](https://github.com/Esri/calcite-design-system/commit/01ec024e981f0a2e8865b3a43f78ae91efc4b6b3))
* **input-number:** Prevents mutating value on blur
([#8226](https://github.com/Esri/calcite-design-system/issues/8226))
([b89a893](https://github.com/Esri/calcite-design-system/commit/b89a8934855bfbd15376377cf6778bd8fe25d9dd))
* **input-time-zone:** Fix Indian/Christmas time zone translation
([#8096](https://github.com/Esri/calcite-design-system/issues/8096))
([d79d591](https://github.com/Esri/calcite-design-system/commit/d79d59162125ebce70d7a4e1351b34fc6aac68ed))
* **list-item, stack:** Stretch action-menu and handle when placed
inside a list-item or stack.
([#8185](https://github.com/Esri/calcite-design-system/issues/8185))
([8a16a69](https://github.com/Esri/calcite-design-system/commit/8a16a69caff33fa3d504f87343db9d7ffdf955ad))
* **list-item, stack:** Stretch dropdown when placed inside a list-item
or stack
([#8204](https://github.com/Esri/calcite-design-system/issues/8204))
([05e6b65](https://github.com/Esri/calcite-design-system/commit/05e6b651c9b8582975e5185ebb0f4551527abb08))
* **list-item:** Adds border between grouped and ungrouped list-items
([#8134](https://github.com/Esri/calcite-design-system/issues/8134))
([b3c331c](https://github.com/Esri/calcite-design-system/commit/b3c331ce779cdd034f3e9792db3825d3fd14393b))
* **list-item:** Fix rendering of open icon.
([#8207](https://github.com/Esri/calcite-design-system/issues/8207))
([a6e1766](https://github.com/Esri/calcite-design-system/commit/a6e17663998aeceb55f8321889eded5d23345811))
* **panel, flow-item:** Remove overflow rule
([#8055](https://github.com/Esri/calcite-design-system/issues/8055))
([d0c3ed2](https://github.com/Esri/calcite-design-system/commit/d0c3ed2cd675948580bdf44dba3b9c3283db9fc5))
* **split-button:** Fix width layout
([#8133](https://github.com/Esri/calcite-design-system/issues/8133))
([051f332](https://github.com/Esri/calcite-design-system/commit/051f33235b302e1f5d41ac8d8e8a52ec0a20b6c2))

* The following workspace dependencies were updated
  * devDependencies
* @esri/eslint-plugin-calcite-components bumped from 0.2.3-next.6 to
0.2.3
</details>

<details><summary>@esri/calcite-components-angular: 1.11.0</summary>

* **angular:** Publish from the dist directory
([#8151](https://github.com/Esri/calcite-design-system/issues/8151))
([d813f14](https://github.com/Esri/calcite-design-system/commit/d813f14c3c2fc7b765ccf27166f31201d91f2ac5))

* The following workspace dependencies were updated
  * dependencies
    * @esri/calcite-components bumped from 1.11.0-next.3 to 1.11.0
</details>

<details><summary>@esri/calcite-components-react: 1.11.0</summary>

[1.11.0](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@1.10.0...@esri/calcite-components-react@1.11.0)
(2023-11-21)

* The following workspace dependencies were updated
  * dependencies
    * @esri/calcite-components bumped from 1.11.0-next.3 to 1.11.0
</details>

---
This PR was generated with [Release
Please](https://github.com/googleapis/release-please). See
[documentation](https://github.com/googleapis/release-please#release-please).

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Ben Elan <no-reply@benelan.dev>
---
 .release-please-manifest.json         | 8 ++++----
 packages/calcite-components/readme.md | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/.release-please-manifest.json b/.release-please-manifest.json
index 1045a7a3f0d..1bf226094b2 100644
--- a/.release-please-manifest.json
+++ b/.release-please-manifest.json
@@ -1,7 +1,7 @@
 {
-  "packages/calcite-components": "1.10.0",
-  "packages/calcite-components-angular": "1.10.0",
-  "packages/calcite-components-react": "1.10.0",
+  "packages/calcite-components": "1.11.0",
+  "packages/calcite-components-react": "1.11.0",
   "packages/calcite-design-tokens": "1.1.0",
-  "packages/eslint-plugin-calcite-components": "0.2.2"
+  "packages/eslint-plugin-calcite-components": "0.2.3",
+  "packages/calcite-components-angular/projects/component-library": "1.11.0"
 }
diff --git a/packages/calcite-components/readme.md b/packages/calcite-components/readme.md
index 1673586dcf4..671388d8e47 100644
--- a/packages/calcite-components/readme.md
+++ b/packages/calcite-components/readme.md
@@ -17,12 +17,12 @@ The most common approach for loading Calcite Components is to use the version ho
 ```html
 <script
   type="module"
-  src="https://cdn.jsdelivr.net/npm/@esri/calcite-components@1.10.0/dist/calcite/calcite.esm.js"
+  src="https://cdn.jsdelivr.net/npm/@esri/calcite-components@1.11.0/dist/calcite/calcite.esm.js"
 ></script>
 <link
   rel="stylesheet"
   type="text/css"
-  href="https://cdn.jsdelivr.net/npm/@esri/calcite-components@1.10.0/dist/calcite/calcite.css"
+  href="https://cdn.jsdelivr.net/npm/@esri/calcite-components@1.11.0/dist/calcite/calcite.css"
 />
 ```
 

From c057484438cccf9c1a2e67b5cc5affd913f1bb4a Mon Sep 17 00:00:00 2001
From: Anveshreddy mekala <anv11827@esri.com>
Date: Tue, 21 Nov 2023 17:24:35 -0600
Subject: [PATCH 20/30] fix(input): prevents mutating value on `blur` when
 `type="number"` (#8245)

**Related Issue:** #8243

## Summary
Prevents increasing/decreasing the value in `<calcite-input
type="number" />` on `blur` using `Tab`
---
 .../src/components/input/input.e2e.ts         | 53 ++++++++++++++++++-
 .../src/components/input/input.tsx            |  1 +
 2 files changed, 53 insertions(+), 1 deletion(-)

diff --git a/packages/calcite-components/src/components/input/input.e2e.ts b/packages/calcite-components/src/components/input/input.e2e.ts
index 0d63bf3a3e4..e54a6f85a2b 100644
--- a/packages/calcite-components/src/components/input/input.e2e.ts
+++ b/packages/calcite-components/src/components/input/input.e2e.ts
@@ -13,7 +13,7 @@ import {
 import { html } from "../../../support/formatting";
 import { letterKeys, numberKeys } from "../../utils/key";
 import { locales, numberStringFormatter } from "../../utils/locale";
-import { getElementXY, selectText } from "../../tests/utils";
+import { getElementRect, getElementXY, selectText } from "../../tests/utils";
 import { KeyInput } from "puppeteer";
 
 describe("calcite-input", () => {
@@ -666,6 +666,57 @@ describe("calcite-input", () => {
       await page.waitForChanges();
       expect(await input.getProperty("value")).toBe("1.008");
     });
+
+    it("should stop increasing the value when pointer is moved away from the increment button", async () => {
+      const page = await newE2EPage();
+      await page.setContent(`<calcite-input type="number"></calcite-input>`);
+      const input = await page.find("calcite-input");
+      expect(await input.getProperty("value")).toBe("");
+
+      const incrementButtonRect = await getElementRect(page, "calcite-input", "button");
+      await page.mouse.move(
+        incrementButtonRect.left + incrementButtonRect.width / 2,
+        incrementButtonRect.top + incrementButtonRect.height / 2
+      );
+      await page.mouse.down();
+      await page.waitForChanges();
+      // timeout is used to simulate long press.
+      await page.waitForTimeout(3000);
+      expect(await input.getProperty("value")).not.toBe("");
+
+      const value = await input.getProperty("value");
+      await page.mouse.move(incrementButtonRect.x, 2 * incrementButtonRect.bottom);
+      await page.waitForChanges();
+      expect(await input.getProperty("value")).toEqual(value);
+
+      await page.mouse.up();
+      await page.waitForChanges();
+      expect(await input.getProperty("value")).toEqual(value);
+    });
+
+    it("should not change the value when user Tab out of the input with ArrowUp/ArrowDown keys are down", async () => {
+      const page = await newE2EPage();
+      await page.setContent(`<calcite-input type="number"></calcite-input>`);
+      const calciteInputInput = await page.spyOnEvent("calciteInputInput");
+      const input = await page.find("calcite-input");
+      expect(calciteInputInput).toHaveReceivedEventTimes(0);
+
+      await page.keyboard.press("Tab");
+      await page.waitForChanges();
+      await page.keyboard.down("ArrowUp");
+      // timeout is used to simulate long press.
+      await page.waitForTimeout(3000);
+      await page.keyboard.press("Tab");
+      await page.waitForChanges();
+
+      const totalNudgesUp = calciteInputInput.length;
+      expect(await input.getProperty("value")).toBe(`${totalNudgesUp}`);
+      expect(calciteInputInput).toHaveReceivedEventTimes(totalNudgesUp);
+
+      await page.waitForTimeout(3000);
+      expect(await input.getProperty("value")).toBe(`${totalNudgesUp}`);
+      expect(calciteInputInput).toHaveReceivedEventTimes(totalNudgesUp);
+    });
   });
 
   describe("direct changes to the value", () => {
diff --git a/packages/calcite-components/src/components/input/input.tsx b/packages/calcite-components/src/components/input/input.tsx
index 009df5da1d4..1ca34f75a90 100644
--- a/packages/calcite-components/src/components/input/input.tsx
+++ b/packages/calcite-components/src/components/input/input.tsx
@@ -665,6 +665,7 @@ export class Input
   };
 
   private inputBlurHandler = () => {
+    window.clearInterval(this.nudgeNumberValueIntervalId);
     this.calciteInternalInputBlur.emit();
     this.emitChangeIfUserModified();
   };

From 0bcb486c3eedb6c39c9c05bcfd7476523c908e8b Mon Sep 17 00:00:00 2001
From: Matt Driscoll <mdriscoll@esri.com>
Date: Tue, 21 Nov 2023 15:30:54 -0800
Subject: [PATCH 21/30] fix(list-item): an item with an empty slotted list
 should be openable. (#8240)

**Related Issue:** #8241

## Summary

- Sets a list item as `openable` when a list without any items is
slotted inside it.
- Previously, an empty list was not accounted for.
- Add story
---
 .../src/components/list-item/list-item.tsx             | 10 ++++++++--
 .../src/components/list-item/utils.ts                  |  6 ++++++
 .../src/components/list/list.stories.ts                | 10 ++++++++++
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/packages/calcite-components/src/components/list-item/list-item.tsx b/packages/calcite-components/src/components/list-item/list-item.tsx
index 883d6889571..961b39793f7 100644
--- a/packages/calcite-components/src/components/list-item/list-item.tsx
+++ b/packages/calcite-components/src/components/list-item/list-item.tsx
@@ -22,7 +22,12 @@ import {
 import { SelectionMode } from "../interfaces";
 import { SelectionAppearance } from "../list/resources";
 import { CSS, ICONS, SLOTS } from "./resources";
-import { getDepth, getListItemChildren, updateListItemChildren } from "./utils";
+import {
+  getDepth,
+  getListItemChildren,
+  getListItemChildLists,
+  updateListItemChildren,
+} from "./utils";
 import { connectLocalized, disconnectLocalized, LocalizedComponent } from "../../utils/locale";
 import {
   connectMessages,
@@ -675,8 +680,9 @@ export class ListItem
 
     const { parentListEl } = this;
     const listItemChildren = getListItemChildren(slotEl);
+    const listItemChildLists = getListItemChildLists(slotEl);
     updateListItemChildren(listItemChildren);
-    const openable = !!listItemChildren.length;
+    const openable = !!listItemChildren.length || !!listItemChildLists.length;
 
     if (openable && parentListEl && !parentListEl.openable) {
       parentListEl.openable = true;
diff --git a/packages/calcite-components/src/components/list-item/utils.ts b/packages/calcite-components/src/components/list-item/utils.ts
index 94520de9ca7..d063ac3c7bd 100644
--- a/packages/calcite-components/src/components/list-item/utils.ts
+++ b/packages/calcite-components/src/components/list-item/utils.ts
@@ -4,6 +4,12 @@ const listSelector = "calcite-list";
 const listItemGroupSelector = "calcite-list-item-group";
 const listItemSelector = "calcite-list-item";
 
+export function getListItemChildLists(slotEl: HTMLSlotElement): HTMLCalciteListElement[] {
+  return Array.from(
+    slotEl.assignedElements({ flatten: true }).filter((el) => el.matches(listSelector))
+  ) as HTMLCalciteListElement[];
+}
+
 export function getListItemChildren(slotEl: HTMLSlotElement): HTMLCalciteListItemElement[] {
   const assignedElements = slotEl.assignedElements({ flatten: true });
 
diff --git a/packages/calcite-components/src/components/list/list.stories.ts b/packages/calcite-components/src/components/list/list.stories.ts
index bcaa92ddddf..fb74a39539b 100644
--- a/packages/calcite-components/src/components/list/list.stories.ts
+++ b/packages/calcite-components/src/components/list/list.stories.ts
@@ -751,3 +751,13 @@ export const sortableNestedList_TestOnly = (): string => html`<calcite-list
   <calcite-list-item label="Hi! 6" description="hello world"></calcite-list-item>
   <calcite-list-item label="Hi! 7" description="hello world"></calcite-list-item>
 </calcite-list>`;
+
+export const listWithEmptyChildList_TestOnly = (): string => html`<calcite-list
+  drag-enabled
+  group="nested"
+  selection-mode="single"
+>
+  <calcite-list-item open label="Hi! 4" description="hello world">
+    <calcite-list drag-enabled group="nested" selection-mode="single"></calcite-list>
+  </calcite-list-item>
+</calcite-list>`;

From 409c99974c1e5e5702d2aa495feb80f539c37d07 Mon Sep 17 00:00:00 2001
From: Matt Driscoll <mdriscoll@esri.com>
Date: Tue, 21 Nov 2023 15:45:47 -0800
Subject: [PATCH 22/30] fix: dragging floating ui components (#8230)

**Related Issue:** #8214 #7979

## Summary

- Update some component `open` handlers to call reposition before open
and after open
  - Previously, they were just calling when open was set to true.
- Update `floating-ui` utility
- Handle device pixel ratio:
https://floating-ui.com/docs/misc#subpixel-and-accelerated-positioning
  - Only set `top`, `left`, and `transform` when the component is open.
- This makes it so that the positioned container is never going to "fly
in" from anywhere.
- Update sortable styles to hide any overflow on dragged elements.
---
 .../src/assets/styles/_sortable.scss                |  5 +++++
 .../src/components/dropdown/dropdown.e2e.ts         |  2 +-
 .../src/components/dropdown/dropdown.tsx            |  9 ++++-----
 .../input-date-picker/input-date-picker.tsx         | 10 ++++------
 .../src/components/popover/popover.tsx              |  8 +++-----
 .../src/components/tooltip/tooltip.tsx              |  7 +++----
 .../src/utils/floating-ui.spec.ts                   | 10 ----------
 .../calcite-components/src/utils/floating-ui.ts     | 13 +++++++++----
 8 files changed, 29 insertions(+), 35 deletions(-)

diff --git a/packages/calcite-components/src/assets/styles/_sortable.scss b/packages/calcite-components/src/assets/styles/_sortable.scss
index 236b64906f7..b701a80fb39 100644
--- a/packages/calcite-components/src/assets/styles/_sortable.scss
+++ b/packages/calcite-components/src/assets/styles/_sortable.scss
@@ -1,4 +1,9 @@
 @mixin sortable-helper-classes() {
+  .calcite-sortable--ghost,
+  .calcite-sortable--drag {
+    overflow: hidden;
+  }
+
   .calcite-sortable--ghost::before {
     content: "";
     @apply box-border
diff --git a/packages/calcite-components/src/components/dropdown/dropdown.e2e.ts b/packages/calcite-components/src/components/dropdown/dropdown.e2e.ts
index 4fcaa9c328e..67a5f25a116 100644
--- a/packages/calcite-components/src/components/dropdown/dropdown.e2e.ts
+++ b/packages/calcite-components/src/components/dropdown/dropdown.e2e.ts
@@ -1211,7 +1211,7 @@ describe("calcite-dropdown", () => {
         filterInput.value = "numbers";
       });
 
-      expect(dropdownContentHeight.height).toBe("72px");
+      expect(dropdownContentHeight.height).toBe("88px");
     });
 
     describe("owns a floating-ui", () => {
diff --git a/packages/calcite-components/src/components/dropdown/dropdown.tsx b/packages/calcite-components/src/components/dropdown/dropdown.tsx
index c7beaed3a6f..259043dfd1b 100644
--- a/packages/calcite-components/src/components/dropdown/dropdown.tsx
+++ b/packages/calcite-components/src/components/dropdown/dropdown.tsx
@@ -77,11 +77,8 @@ export class Dropdown
   @Prop({ reflect: true, mutable: true }) open = false;
 
   @Watch("open")
-  openHandler(value: boolean): void {
+  openHandler(): void {
     if (!this.disabled) {
-      if (value) {
-        this.reposition(true);
-      }
       onToggleOpenCloseComponent(this);
       return;
     }
@@ -207,7 +204,7 @@ export class Dropdown
     this.setFilteredPlacements();
     this.reposition(true);
     if (this.open) {
-      this.openHandler(this.open);
+      this.openHandler();
       onToggleOpenCloseComponent(this);
     }
     connectInteractive(this);
@@ -546,6 +543,7 @@ export class Dropdown
   };
 
   onBeforeOpen(): void {
+    this.reposition(true);
     this.calciteDropdownBeforeOpen.emit();
   }
 
@@ -559,6 +557,7 @@ export class Dropdown
 
   onClose(): void {
     this.calciteDropdownClose.emit();
+    this.reposition(true);
   }
 
   setReferenceEl = (el: HTMLDivElement): void => {
diff --git a/packages/calcite-components/src/components/input-date-picker/input-date-picker.tsx b/packages/calcite-components/src/components/input-date-picker/input-date-picker.tsx
index e01b808e304..6fc11f4acfb 100644
--- a/packages/calcite-components/src/components/input-date-picker/input-date-picker.tsx
+++ b/packages/calcite-components/src/components/input-date-picker/input-date-picker.tsx
@@ -258,17 +258,13 @@ export class InputDatePicker
   @Prop({ mutable: true, reflect: true }) open = false;
 
   @Watch("open")
-  openHandler(value: boolean): void {
+  openHandler(): void {
     onToggleOpenCloseComponent(this);
 
     if (this.disabled || this.readOnly) {
       this.open = false;
       return;
     }
-
-    if (value) {
-      this.reposition(true);
-    }
   }
 
   /**
@@ -441,7 +437,7 @@ export class InputDatePicker
     connectLocalized(this);
 
     const { open } = this;
-    open && this.openHandler(open);
+    open && this.openHandler();
     if (Array.isArray(this.value)) {
       this.valueAsDate = getValueAsDateRange(this.value);
     } else if (this.value) {
@@ -766,6 +762,7 @@ export class InputDatePicker
   }
 
   onBeforeOpen(): void {
+    this.reposition(true);
     this.calciteInputDatePickerBeforeOpen.emit();
   }
 
@@ -791,6 +788,7 @@ export class InputDatePicker
     this.restoreInputFocus();
     this.focusOnOpen = false;
     this.datePickerEl.reset();
+    this.reposition(true);
   }
 
   setStartInput = (el: HTMLCalciteInputElement): void => {
diff --git a/packages/calcite-components/src/components/popover/popover.tsx b/packages/calcite-components/src/components/popover/popover.tsx
index ba5623bc55f..60a1ed0b82f 100644
--- a/packages/calcite-components/src/components/popover/popover.tsx
+++ b/packages/calcite-components/src/components/popover/popover.tsx
@@ -192,13 +192,9 @@ export class Popover
   @Prop({ reflect: true, mutable: true }) open = false;
 
   @Watch("open")
-  openHandler(value: boolean): void {
+  openHandler(): void {
     onToggleOpenCloseComponent(this);
 
-    if (value) {
-      this.reposition(true);
-    }
-
     this.setExpandedAttr();
   }
 
@@ -502,6 +498,7 @@ export class Popover
   };
 
   onBeforeOpen(): void {
+    this.reposition(true);
     this.calcitePopoverBeforeOpen.emit();
   }
 
@@ -517,6 +514,7 @@ export class Popover
   onClose(): void {
     this.calcitePopoverClose.emit();
     deactivateFocusTrap(this);
+    this.reposition(true);
   }
 
   storeArrowEl = (el: SVGElement): void => {
diff --git a/packages/calcite-components/src/components/tooltip/tooltip.tsx b/packages/calcite-components/src/components/tooltip/tooltip.tsx
index 552ae61ec99..479a9ba4e4b 100644
--- a/packages/calcite-components/src/components/tooltip/tooltip.tsx
+++ b/packages/calcite-components/src/components/tooltip/tooltip.tsx
@@ -87,11 +87,8 @@ export class Tooltip implements FloatingUIComponent, OpenCloseComponent {
   @Prop({ reflect: true }) open = false;
 
   @Watch("open")
-  openHandler(value: boolean): void {
+  openHandler(): void {
     onToggleOpenCloseComponent(this);
-    if (value) {
-      this.reposition(true);
-    }
   }
 
   /**
@@ -251,6 +248,7 @@ export class Tooltip implements FloatingUIComponent, OpenCloseComponent {
   // --------------------------------------------------------------------------
 
   onBeforeOpen(): void {
+    this.reposition(true);
     this.calciteTooltipBeforeOpen.emit();
   }
 
@@ -264,6 +262,7 @@ export class Tooltip implements FloatingUIComponent, OpenCloseComponent {
 
   onClose(): void {
     this.calciteTooltipClose.emit();
+    this.reposition(true);
   }
 
   private setTransitionEl = (el): void => {
diff --git a/packages/calcite-components/src/utils/floating-ui.spec.ts b/packages/calcite-components/src/utils/floating-ui.spec.ts
index e3174e94c72..0ece79154a2 100644
--- a/packages/calcite-components/src/utils/floating-ui.spec.ts
+++ b/packages/calcite-components/src/utils/floating-ui.spec.ts
@@ -80,16 +80,6 @@ describe("repositioning", () => {
     expect(floatingEl.style.left).toBe("0");
   }
 
-  it("repositions for unopened components", async () => {
-    await reposition(fakeFloatingUiComponent, positionOptions);
-    assertOpenPositioning(floatingEl);
-
-    fakeFloatingUiComponent.open = true;
-
-    await reposition(fakeFloatingUiComponent, positionOptions);
-    assertOpenPositioning(floatingEl);
-  });
-
   it("repositions immediately by default", async () => {
     assertPreOpenPositioning(floatingEl);
 
diff --git a/packages/calcite-components/src/utils/floating-ui.ts b/packages/calcite-components/src/utils/floating-ui.ts
index c8e371941b6..6dea0ab9549 100644
--- a/packages/calcite-components/src/utils/floating-ui.ts
+++ b/packages/calcite-components/src/utils/floating-ui.ts
@@ -27,6 +27,11 @@ import { offsetParent } from "composed-offset-position";
   }
 })();
 
+function roundByDPR(value: number): number {
+  const dpr = window.devicePixelRatio || 1;
+  return Math.round(value * dpr) / dpr;
+}
+
 /**
  * Positions the floating element relative to the reference element.
  *
@@ -145,15 +150,15 @@ export const positionFloatingUI =
 
     floatingEl.setAttribute(placementDataAttribute, effectivePlacement);
 
-    const transform = `translate(${Math.round(x)}px,${Math.round(y)}px)`;
+    const { open } = component;
 
     Object.assign(floatingEl.style, {
       visibility,
       pointerEvents,
       position,
-      top: "0",
-      left: "0",
-      transform,
+      transform: open ? `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)` : "",
+      left: open ? "0" : "",
+      top: open ? "0" : "",
     });
   };
 

From 13f342e77a0e9acf383fc434c4d3158ac83bc1b6 Mon Sep 17 00:00:00 2001
From: Matt Driscoll <mdriscoll@esri.com>
Date: Tue, 21 Nov 2023 15:52:32 -0800
Subject: [PATCH 23/30] fix(list-item): Reserve space for empty open lists.
 (#8239)

**Related Issue:** #8242

## Summary

- Specifies padding on a list that has no list items inside it
- This allows for easier dragging into the empty list.
- This could be a quick fix for the issue and design could come up with
something better.
- add story
---
 .../src/components/list-item/list-item.scss   |  4 ++
 .../src/components/list/list.stories.ts       | 37 +++++++++++++++++++
 2 files changed, 41 insertions(+)

diff --git a/packages/calcite-components/src/components/list-item/list-item.scss b/packages/calcite-components/src/components/list-item/list-item.scss
index f8bda120535..58093cc0436 100755
--- a/packages/calcite-components/src/components/list-item/list-item.scss
+++ b/packages/calcite-components/src/components/list-item/list-item.scss
@@ -158,4 +158,8 @@ td:focus {
   @apply border-solid border-0 border-t border-color-3;
 }
 
+::slotted(calcite-list:empty) {
+  @apply py-3;
+}
+
 @include base-component();
diff --git a/packages/calcite-components/src/components/list/list.stories.ts b/packages/calcite-components/src/components/list/list.stories.ts
index fb74a39539b..8e3ffb08f18 100644
--- a/packages/calcite-components/src/components/list/list.stories.ts
+++ b/packages/calcite-components/src/components/list/list.stories.ts
@@ -752,6 +752,43 @@ export const sortableNestedList_TestOnly = (): string => html`<calcite-list
   <calcite-list-item label="Hi! 7" description="hello world"></calcite-list-item>
 </calcite-list>`;
 
+export const emptyOpenLists_TestOnly = (): string => html`<calcite-list
+  drag-enabled
+  group="nested"
+  label="test"
+  selection-mode="multiple"
+>
+  <calcite-list-item open label="Hi! 1" description="hello world">
+    <calcite-list drag-enabled group="nested" selection-mode="multiple">
+      <calcite-list-item open label="Hi! 2" description="hello world">
+        <calcite-list drag-enabled group="nested" selection-mode="multiple">
+          <calcite-list-item open label="Hi! 3" description="hello world">
+            <calcite-action-menu overlay-positioning="fixed" slot="actions-end">
+              <calcite-action text-enabled text="Edit" icon="pencil"></calcite-action>
+              <calcite-action text-enabled text="Delete" icon="trash"></calcite-action>
+              <calcite-action text-enabled text="Delete" icon="trash"></calcite-action>
+              <calcite-action text-enabled text="Delete" icon="trash"></calcite-action>
+              <calcite-action text-enabled text="Delete" icon="trash"></calcite-action>
+            </calcite-action-menu>
+            <calcite-list drag-enabled group="nested" selection-mode="multiple"></calcite-list>
+          </calcite-list-item>
+          <calcite-list-item open label="Hi! 4" description="hello world">
+            <calcite-list drag-enabled group="nested" selection-mode="multiple"></calcite-list>
+          </calcite-list-item>
+        </calcite-list>
+      </calcite-list-item>
+      <calcite-list-item open label="Hi! 5" description="hello world">
+        <calcite-list drag-enabled group="nested" selection-mode="multiple"></calcite-list>
+      </calcite-list-item>
+    </calcite-list>
+  </calcite-list-item>
+  <calcite-list-item open label="Hi! 6" description="hello world">
+    <calcite-list drag-enabled group="nested" selection-mode="multiple"></calcite-list>
+  </calcite-list-item>
+  <calcite-list-item open label="Hi! 7" description="hello world">
+    <calcite-list drag-enabled group="nested" selection-mode="multiple"></calcite-list></calcite-list-item
+></calcite-list>`;
+
 export const listWithEmptyChildList_TestOnly = (): string => html`<calcite-list
   drag-enabled
   group="nested"

From 1167c8429012a0e1b5797f89c1e76eb2d51e1269 Mon Sep 17 00:00:00 2001
From: Matt Driscoll <mdriscoll@esri.com>
Date: Wed, 22 Nov 2023 10:21:12 -0800
Subject: [PATCH 24/30] fix(color-picker, popover, shell-panel, slider,
 tooltip): Register events on the window instead of the document (#8247)

---
 .../components/color-picker/color-picker.tsx  | 16 +++++++--------
 .../src/components/popover/PopoverManager.ts  |  8 ++++----
 .../components/shell-panel/shell-panel.tsx    |  8 ++++----
 .../src/components/slider/slider.tsx          | 12 +++++------
 .../src/components/tooltip/TooltipManager.ts  | 20 +++++++++----------
 5 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/packages/calcite-components/src/components/color-picker/color-picker.tsx b/packages/calcite-components/src/components/color-picker/color-picker.tsx
index defcaf51bd5..10b9ac3a549 100644
--- a/packages/calcite-components/src/components/color-picker/color-picker.tsx
+++ b/packages/calcite-components/src/components/color-picker/color-picker.tsx
@@ -529,8 +529,8 @@ export class ColorPicker
 
     const { offsetX, offsetY } = event;
 
-    document.addEventListener("pointermove", this.globalPointerMoveHandler);
-    document.addEventListener("pointerup", this.globalPointerUpHandler, { once: true });
+    window.addEventListener("pointermove", this.globalPointerMoveHandler);
+    window.addEventListener("pointerup", this.globalPointerUpHandler, { once: true });
 
     this.activeCanvasInfo = {
       context: this.colorFieldRenderingContext,
@@ -547,8 +547,8 @@ export class ColorPicker
 
     const { offsetX } = event;
 
-    document.addEventListener("pointermove", this.globalPointerMoveHandler);
-    document.addEventListener("pointerup", this.globalPointerUpHandler, { once: true });
+    window.addEventListener("pointermove", this.globalPointerMoveHandler);
+    window.addEventListener("pointerup", this.globalPointerUpHandler, { once: true });
 
     this.activeCanvasInfo = {
       context: this.hueSliderRenderingContext,
@@ -565,8 +565,8 @@ export class ColorPicker
 
     const { offsetX } = event;
 
-    document.addEventListener("pointermove", this.globalPointerMoveHandler);
-    document.addEventListener("pointerup", this.globalPointerUpHandler, { once: true });
+    window.addEventListener("pointermove", this.globalPointerMoveHandler);
+    window.addEventListener("pointerup", this.globalPointerUpHandler, { once: true });
 
     this.activeCanvasInfo = {
       context: this.opacitySliderRenderingContext,
@@ -695,8 +695,8 @@ export class ColorPicker
   }
 
   disconnectedCallback(): void {
-    document.removeEventListener("pointermove", this.globalPointerMoveHandler);
-    document.removeEventListener("pointerup", this.globalPointerUpHandler);
+    window.removeEventListener("pointermove", this.globalPointerMoveHandler);
+    window.removeEventListener("pointerup", this.globalPointerUpHandler);
     disconnectInteractive(this);
     disconnectLocalized(this);
     disconnectMessages(this);
diff --git a/packages/calcite-components/src/components/popover/PopoverManager.ts b/packages/calcite-components/src/components/popover/PopoverManager.ts
index f611eceb0e1..6c5701f3a80 100644
--- a/packages/calcite-components/src/components/popover/PopoverManager.ts
+++ b/packages/calcite-components/src/components/popover/PopoverManager.ts
@@ -91,12 +91,12 @@ export default class PopoverManager {
   };
 
   private addListeners(): void {
-    document.addEventListener("pointerdown", this.clickHandler, { capture: true });
-    document.addEventListener("keydown", this.keyHandler, { capture: true });
+    window.addEventListener("pointerdown", this.clickHandler, { capture: true });
+    window.addEventListener("keydown", this.keyHandler, { capture: true });
   }
 
   private removeListeners(): void {
-    document.removeEventListener("pointerdown", this.clickHandler, { capture: true });
-    document.removeEventListener("keydown", this.keyHandler, { capture: true });
+    window.removeEventListener("pointerdown", this.clickHandler, { capture: true });
+    window.removeEventListener("keydown", this.keyHandler, { capture: true });
   }
 }
diff --git a/packages/calcite-components/src/components/shell-panel/shell-panel.tsx b/packages/calcite-components/src/components/shell-panel/shell-panel.tsx
index 6ccc6537b82..eb7bf702911 100755
--- a/packages/calcite-components/src/components/shell-panel/shell-panel.tsx
+++ b/packages/calcite-components/src/components/shell-panel/shell-panel.tsx
@@ -578,8 +578,8 @@ export class ShellPanel implements ConditionalSlotComponent, LocalizedComponent,
     }
 
     event.preventDefault();
-    document.removeEventListener("pointerup", this.separatorPointerUp);
-    document.removeEventListener("pointermove", this.separatorPointerMove);
+    window.removeEventListener("pointerup", this.separatorPointerUp);
+    window.removeEventListener("pointermove", this.separatorPointerMove);
   };
 
   setInitialContentHeight = (): void => {
@@ -608,8 +608,8 @@ export class ShellPanel implements ConditionalSlotComponent, LocalizedComponent,
       this.initialClientX = event.clientX;
     }
 
-    document.addEventListener("pointerup", this.separatorPointerUp);
-    document.addEventListener("pointermove", this.separatorPointerMove);
+    window.addEventListener("pointerup", this.separatorPointerUp);
+    window.addEventListener("pointermove", this.separatorPointerMove);
   };
 
   connectSeparator = (separatorEl: HTMLDivElement): void => {
diff --git a/packages/calcite-components/src/components/slider/slider.tsx b/packages/calcite-components/src/components/slider/slider.tsx
index 56c2c41676c..ae5bd1275e1 100644
--- a/packages/calcite-components/src/components/slider/slider.tsx
+++ b/packages/calcite-components/src/components/slider/slider.tsx
@@ -1068,9 +1068,9 @@ export class Slider
     this.dragProp = prop;
     this.lastDragProp = this.dragProp;
     this.activeProp = prop;
-    document.addEventListener("pointermove", this.dragUpdate);
-    document.addEventListener("pointerup", this.pointerUpDragEnd);
-    document.addEventListener("pointercancel", this.dragEnd);
+    window.addEventListener("pointermove", this.dragUpdate);
+    window.addEventListener("pointerup", this.pointerUpDragEnd);
+    window.addEventListener("pointercancel", this.dragEnd);
   }
 
   private focusActiveHandle(valueX: number): void {
@@ -1157,9 +1157,9 @@ export class Slider
   };
 
   private removeDragListeners() {
-    document.removeEventListener("pointermove", this.dragUpdate);
-    document.removeEventListener("pointerup", this.pointerUpDragEnd);
-    document.removeEventListener("pointercancel", this.dragEnd);
+    window.removeEventListener("pointermove", this.dragUpdate);
+    window.removeEventListener("pointerup", this.pointerUpDragEnd);
+    window.removeEventListener("pointercancel", this.dragEnd);
   }
 
   /**
diff --git a/packages/calcite-components/src/components/tooltip/TooltipManager.ts b/packages/calcite-components/src/components/tooltip/TooltipManager.ts
index f34696cf83e..5c57b646425 100644
--- a/packages/calcite-components/src/components/tooltip/TooltipManager.ts
+++ b/packages/calcite-components/src/components/tooltip/TooltipManager.ts
@@ -153,19 +153,19 @@ export default class TooltipManager {
   }
 
   private addListeners(): void {
-    document.addEventListener("keydown", this.keyDownHandler, { capture: true });
-    document.addEventListener("pointermove", this.pointerMoveHandler, { capture: true });
-    document.addEventListener("pointerdown", this.pointerDownHandler, { capture: true });
-    document.addEventListener("focusin", this.focusInHandler, { capture: true });
-    document.addEventListener("focusout", this.focusOutHandler, { capture: true });
+    window.addEventListener("keydown", this.keyDownHandler, { capture: true });
+    window.addEventListener("pointermove", this.pointerMoveHandler, { capture: true });
+    window.addEventListener("pointerdown", this.pointerDownHandler, { capture: true });
+    window.addEventListener("focusin", this.focusInHandler, { capture: true });
+    window.addEventListener("focusout", this.focusOutHandler, { capture: true });
   }
 
   private removeListeners(): void {
-    document.removeEventListener("keydown", this.keyDownHandler, { capture: true });
-    document.removeEventListener("pointermove", this.pointerMoveHandler, { capture: true });
-    document.removeEventListener("pointerdown", this.pointerDownHandler, { capture: true });
-    document.removeEventListener("focusin", this.focusInHandler, { capture: true });
-    document.removeEventListener("focusout", this.focusOutHandler, { capture: true });
+    window.removeEventListener("keydown", this.keyDownHandler, { capture: true });
+    window.removeEventListener("pointermove", this.pointerMoveHandler, { capture: true });
+    window.removeEventListener("pointerdown", this.pointerDownHandler, { capture: true });
+    window.removeEventListener("focusin", this.focusInHandler, { capture: true });
+    window.removeEventListener("focusout", this.focusOutHandler, { capture: true });
   }
 
   private clearHoverOpenTimeout(): void {

From 320ad708c4ab20b86073dec67c53e0817d7213c9 Mon Sep 17 00:00:00 2001
From: Ali Stump <alisonailea@users.noreply.github.com>
Date: Wed, 22 Nov 2023 13:06:10 -0800
Subject: [PATCH 25/30] test: add token snapshot tests (#8050)

**Related Issue:** n/a

## Summary

Adds a debugger script for calcite-design-tokens in VSCode (launch.json)
Adds snapshot tests to enforce token output
---
 .vscode/launch.json                           |    11 +
 .../tests/__snapshots__/index.spec.ts.snap    | 88066 ++++++++++++++++
 .../support/tests/index.spec.ts               |   102 +
 3 files changed, 88179 insertions(+)
 create mode 100644 packages/calcite-design-tokens/support/tests/__snapshots__/index.spec.ts.snap
 create mode 100644 packages/calcite-design-tokens/support/tests/index.spec.ts

diff --git a/.vscode/launch.json b/.vscode/launch.json
index d08123bf2a6..f78684b89d0 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -66,6 +66,17 @@
       "skipFiles": ["<node_internals>/**"],
       "internalConsoleOptions": "neverOpen",
       "console": "integratedTerminal"
+    },
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Debug Tokens --spec {currentFile}",
+      "cwd": "${workspaceFolder}/packages/calcite-design-tokens",
+      "sourceMaps": true,
+      "runtimeArgs": ["--inspect-brk", "${workspaceRoot}/node_modules/jest/bin/jest.js", "--runInBand", "${file}"],
+      "skipFiles": ["<node_internals>/**"],
+      "internalConsoleOptions": "neverOpen",
+      "console": "integratedTerminal"
     }
   ]
 }
diff --git a/packages/calcite-design-tokens/support/tests/__snapshots__/index.spec.ts.snap b/packages/calcite-design-tokens/support/tests/__snapshots__/index.spec.ts.snap
new file mode 100644
index 00000000000..777c2c603d2
--- /dev/null
+++ b/packages/calcite-design-tokens/support/tests/__snapshots__/index.spec.ts.snap
@@ -0,0 +1,88066 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`generated tokens CSS dark should match 1`] = `
+"/
+
+:root {
+  --calcite-ui-brand: #007ac2;
+  --calcite-ui-brand-hover: #00619b;
+  --calcite-ui-brand-press: #004874;
+  --calcite-ui-background: #f8f8f8;
+  --calcite-ui-foreground-1: #ffffff;
+  --calcite-ui-foreground-2: #f3f3f3;
+  --calcite-ui-foreground-3: #eaeaea;
+  --calcite-ui-text-1: #151515;
+  --calcite-ui-text-2: #4a4a4a;
+  --calcite-ui-text-3: #6a6a6a;
+  --calcite-ui-text-inverse: #ffffff;
+  --calcite-ui-text-link: #00619b;
+  --calcite-ui-border-1: #cacaca;
+  --calcite-ui-border-2: #d4d4d4;
+  --calcite-ui-border-3: #dfdfdf;
+  --calcite-ui-border-input: #949494;
+  --calcite-ui-info: #00619b;
+  --calcite-ui-info-hover: #004874;
+  --calcite-ui-info-press: #00304d;
+  --calcite-ui-success: #35ac46;
+  --calcite-ui-success-hover: #288835;
+  --calcite-ui-success-press: #1a6324;
+  --calcite-ui-warning: #edd317;
+  --calcite-ui-warning-hover: #d9bc00;
+  --calcite-ui-warning-press: #bfa200;
+  --calcite-ui-danger: #d83020;
+  --calcite-ui-danger-hover: #a82b1e;
+  --calcite-ui-danger-press: #7c1d13;
+  --calcite-ui-inverse: #353535;
+  --calcite-ui-component-avatar-font: #6a6a6a;
+  --calcite-ui-component-avatar-icon: #6a6a6a;
+  --calcite-ui-component-avatar-background: #f3f3f3;
+  --calcite-ui-component-avatar-background-red: #ffc6bf;
+  --calcite-ui-component-avatar-background-teal: #cef5f4;
+  --calcite-ui-component-avatar-background-blue: #c7eaff;
+  --calcite-ui-component-avatar-background-green: #e5f7b4;
+  --calcite-ui-component-avatar-background-yellow: #fff7cc;
+  --calcite-ui-component-checkbox-font: #151515;
+  --calcite-ui-component-checkbox-background: #ffffff;
+  --calcite-ui-component-checkbox-background-selected: #007ac2;
+  --calcite-ui-component-checkbox-icon: #ffffff;
+  --calcite-ui-component-checkbox-border: #949494;
+  --calcite-ui-component-radio-font: #151515;
+  --calcite-ui-component-radio-background: #ffffff;
+  --calcite-ui-component-radio-border-unchecked: #6a6a6a;
+  --calcite-ui-component-radio-border-checked: #007ac2;
+  --calcite-ui-component-chip-font-clear: #151515;
+  --calcite-ui-component-chip-font-solid-grey: #151515;
+  --calcite-ui-component-chip-font-solid-blue: #ffffff;
+  --calcite-ui-component-chip-font-solid-red: #ffffff;
+  --calcite-ui-component-chip-font-solid-yellow: #151515;
+  --calcite-ui-component-chip-font-solid-green: #151515;
+  --calcite-ui-component-chip-icon-clear: #151515;
+  --calcite-ui-component-chip-icon-solid-grey: #151515;
+  --calcite-ui-component-chip-icon-solid-blue: #ffffff;
+  --calcite-ui-component-chip-icon-solid-red: #ffffff;
+  --calcite-ui-component-chip-icon-solid-yellow: #151515;
+  --calcite-ui-component-chip-icon-solid-green: #151515;
+  --calcite-ui-component-chip-closable-icon: #6a6a6a;
+  --calcite-ui-component-chip-background-solid-grey: #f3f3f3;
+  --calcite-ui-component-chip-background-solid-blue: #00619b;
+  --calcite-ui-component-chip-background-solid-red: #d83020;
+  --calcite-ui-component-chip-background-solid-yellow: #edd317;
+  --calcite-ui-component-chip-background-solid-green: #35ac46;
+  --calcite-ui-component-chip-border-clear-grey: #cacaca;
+  --calcite-ui-component-chip-border-clear-blue: #00619b;
+  --calcite-ui-component-chip-border-clear-red: #d83020;
+  --calcite-ui-component-chip-border-clear-yellow: #edd317;
+  --calcite-ui-component-chip-border-clear-green: #35ac46;
+  --calcite-ui-component-label-font: #151515;
+  --calcite-ui-component-loader-font: #151515;
+  --calcite-ui-component-loader-foreground: #007ac2;
+  --calcite-ui-component-loader-inline-foreground-indeterminate: #151515;
+  --calcite-ui-component-loader-inline-foreground-determinate: #007ac2;
+  --calcite-ui-component-rating-star-background: #949494;
+  --calcite-ui-component-rating-star-background-active: #007ac2;
+  --calcite-ui-component-rating-star-background-average: #edd317;
+  --calcite-ui-component-rating-chip-count-font: #4a4a4a;
+  --calcite-ui-component-rating-chip-foreground: #f3f3f3;
+  --calcite-ui-component-tooltip-foreground: #ffffff;
+  --calcite-ui-component-tooltip-border: #dfdfdf;
+  --calcite-ui-component-tooltip-font: #151515;
+  --calcite-ui-component-accordion-item-font-heading: #151515;
+  --calcite-ui-component-accordion-item-font-description: #6a6a6a;
+  --calcite-ui-component-accordion-item-icon: #6a6a6a;
+  --calcite-ui-component-accordion-item-icon-expanded: #151515;
+  --calcite-ui-component-accordion-item-background: #ffffff;
+  --calcite-ui-component-accordion-item-border: #d4d4d4;
+  --calcite-ui-component-input-message-font: #151515;
+  --calcite-ui-component-input-message-icon-idle: #007ac2;
+  --calcite-ui-component-input-message-icon-invalid: #d83020;
+  --calcite-ui-component-input-message-icon-valid: #35ac46;
+  --calcite-ui-component-alert-font-title: #151515;
+  --calcite-ui-component-alert-font-message: #6a6a6a;
+  --calcite-ui-component-alert-background: #ffffff;
+  --calcite-ui-component-alert-border: #dfdfdf;
+  --calcite-ui-component-alert-icon-blue: #00619b;
+  --calcite-ui-component-alert-icon-green: #35ac46;
+  --calcite-ui-component-alert-icon-yellow: #edd317;
+  --calcite-ui-component-alert-icon-red: #d83020;
+  --calcite-ui-component-alert-highlight-blue: #00619b;
+  --calcite-ui-component-alert-highlight-green: #35ac46;
+  --calcite-ui-component-alert-highlight-yellow: #edd317;
+  --calcite-ui-component-alert-highlight-red: #d83020;
+  --calcite-ui-component-tip-font-heading: #151515;
+  --calcite-ui-component-tip-font-description: #4a4a4a;
+  --calcite-ui-component-tip-icon: #6a6a6a;
+  --calcite-ui-component-tip-background-light: #ffffff;
+  --calcite-ui-component-tip-border: #d4d4d4;
+  --calcite-ui-component-color-picker-font-label: #151515;
+  --calcite-ui-component-color-picker-icon: #151515;
+  --calcite-ui-component-color-picker-border: #cacaca;
+  --calcite-ui-component-color-picker-background: #ffffff;
+  --calcite-ui-component-date-picker-font-date: #6a6a6a;
+  --calcite-ui-component-date-picker-font-range-date: #151515;
+  --calcite-ui-component-date-picker-font-day: #6a6a6a;
+  --calcite-ui-component-date-picker-font-month: #151515;
+  --calcite-ui-component-date-picker-font-selected-date: #ffffff;
+  --calcite-ui-component-date-picker-font-active-date: #ffffff;
+  --calcite-ui-component-date-picker-icon: #6a6a6a;
+  --calcite-ui-component-date-picker-border: #cacaca;
+  --calcite-ui-component-date-picker-date-active-border: #ffffff;
+  --calcite-ui-component-date-picker-background: #ffffff;
+  --calcite-ui-component-date-picker-background-date-range: #c7eaff;
+  --calcite-ui-component-date-picker-background-date-active-light: #007ac2;
+  --calcite-ui-component-input-date-picker-font-placeholder-value: #151515;
+  --calcite-ui-component-input-date-picker-font-label: #151515;
+  --calcite-ui-component-input-date-picker-icon: #6a6a6a;
+  --calcite-ui-component-input-date-picker-border: #949494;
+  --calcite-ui-component-input-date-picker-background: #ffffff;
+  --calcite-ui-component-input-date-picker-background-arrow: #f8f8f8;
+  --calcite-ui-component-input-date-picker-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-datetime-local-font-placeholder-value: #151515;
+  --calcite-ui-component-input-datetime-local-font-label: #151515;
+  --calcite-ui-component-input-datetime-local-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-datetime-local-icon: #6a6a6a;
+  --calcite-ui-component-input-datetime-local-background: #ffffff;
+  --calcite-ui-component-input-datetime-local-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-datetime-local-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-datetime-local-border: #949494;
+  --calcite-ui-component-input-datetime-local-border-invalid: #d83020;
+  --calcite-ui-component-input-email-font-placeholder-value: #151515;
+  --calcite-ui-component-input-email-font-label: #151515;
+  --calcite-ui-component-input-email-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-email-icon: #6a6a6a;
+  --calcite-ui-component-input-email-background: #ffffff;
+  --calcite-ui-component-input-email-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-email-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-email-border: #949494;
+  --calcite-ui-component-input-email-border-invalid: #d83020;
+  --calcite-ui-component-input-file-font-placeholder-value: #151515;
+  --calcite-ui-component-input-file-font-label: #151515;
+  --calcite-ui-component-input-file-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-file-icon: #6a6a6a;
+  --calcite-ui-component-input-file-background: #ffffff;
+  --calcite-ui-component-input-file-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-file-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-file-border: #949494;
+  --calcite-ui-component-input-file-border-invalid: #d83020;
+  --calcite-ui-component-input-month-font-placeholder-value: #151515;
+  --calcite-ui-component-input-month-font-label: #151515;
+  --calcite-ui-component-input-month-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-month-icon: #6a6a6a;
+  --calcite-ui-component-input-month-background: #ffffff;
+  --calcite-ui-component-input-month-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-month-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-month-border: #949494;
+  --calcite-ui-component-input-month-border-invalid: #d83020;
+  --calcite-ui-component-input-number-font-placeholder-value: #151515;
+  --calcite-ui-component-input-number-font-label: #151515;
+  --calcite-ui-component-input-number-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-number-icon: #6a6a6a;
+  --calcite-ui-component-input-number-background: #ffffff;
+  --calcite-ui-component-input-number-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-number-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-number-border: #949494;
+  --calcite-ui-component-input-number-border-invalid: #d83020;
+  --calcite-ui-component-input-password-font-placeholder-value: #151515;
+  --calcite-ui-component-input-password-font-label: #151515;
+  --calcite-ui-component-input-password-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-password-icon: #6a6a6a;
+  --calcite-ui-component-input-password-background: #ffffff;
+  --calcite-ui-component-input-password-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-password-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-password-border: #949494;
+  --calcite-ui-component-input-password-border-invalid: #d83020;
+  --calcite-ui-component-input-search-font-placeholder-value: #151515;
+  --calcite-ui-component-input-search-font-label: #151515;
+  --calcite-ui-component-input-search-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-search-icon: #6a6a6a;
+  --calcite-ui-component-input-search-background: #ffffff;
+  --calcite-ui-component-input-search-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-search-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-search-border: #949494;
+  --calcite-ui-component-input-search-border-invalid: #d83020;
+  --calcite-ui-component-input-telephone-font-placeholder-value: #151515;
+  --calcite-ui-component-input-telephone-font-label: #151515;
+  --calcite-ui-component-input-telephone-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-telephone-icon: #6a6a6a;
+  --calcite-ui-component-input-telephone-background: #ffffff;
+  --calcite-ui-component-input-telephone-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-telephone-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-telephone-border: #949494;
+  --calcite-ui-component-input-telephone-border-invalid: #d83020;
+  --calcite-ui-component-input-text-font-placeholder-value: #151515;
+  --calcite-ui-component-input-text-font-label: #151515;
+  --calcite-ui-component-input-text-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-text-icon: #6a6a6a;
+  --calcite-ui-component-input-text-background: #ffffff;
+  --calcite-ui-component-input-text-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-text-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-text-border: #949494;
+  --calcite-ui-component-input-text-border-invalid: #d83020;
+  --calcite-ui-component-input-week-font-placeholder-value: #151515;
+  --calcite-ui-component-input-week-font-label: #151515;
+  --calcite-ui-component-input-week-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-week-icon: #6a6a6a;
+  --calcite-ui-component-input-week-background: #ffffff;
+  --calcite-ui-component-input-week-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-week-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-week-border: #949494;
+  --calcite-ui-component-input-week-border-invalid: #d83020;
+  --calcite-ui-component-textarea-font-placeholder-value: #151515;
+  --calcite-ui-component-textarea-font-label: #151515;
+  --calcite-ui-component-textarea-font-chat-limit: #4a4a4a;
+  --calcite-ui-component-textarea-icon: #6a6a6a;
+  --calcite-ui-component-textarea-background: #ffffff;
+  --calcite-ui-component-textarea-background-read-only: #f8f8f8;
+  --calcite-ui-component-textarea-border: #949494;
+  --calcite-ui-component-tab-title-font: #6a6a6a;
+  --calcite-ui-component-tab-title-font-active: #151515;
+  --calcite-ui-component-tab-title-icon: #6a6a6a;
+  --calcite-ui-component-tab-title-icon-active: #151515;
+  --calcite-ui-component-tab-title-bordered-border: #dfdfdf;
+  --calcite-ui-component-tab-title-bordered-background: #ffffff;
+  --calcite-ui-component-tab-title-border-active: #007ac2;
+  --calcite-ui-component-tabs-bordered-border: #dfdfdf;
+  --calcite-ui-component-tabs-bordered-background: #ffffff;
+  --calcite-ui-component-card-font-title: #151515;
+  --calcite-ui-component-card-font-subtitle: #4a4a4a;
+  --calcite-ui-component-card-font-description: #6a6a6a;
+  --calcite-ui-component-card-border: #d4d4d4;
+  --calcite-ui-component-card-border-active: #007ac2;
+  --calcite-ui-component-card-background: #ffffff;
+  --calcite-ui-component-action-font: #6a6a6a;
+  --calcite-ui-component-action-icon: #6a6a6a;
+  --calcite-ui-component-action-background: #ffffff;
+  --calcite-ui-component-action-background-active: #eaeaea;
+  --calcite-ui-component-action-bar-border: #cacaca;
+  --calcite-ui-component-action-bar-background: #ffffff;
+  --calcite-ui-component-action-pad-border: #cacaca;
+  --calcite-ui-component-action-pad-background: #ffffff;
+  --calcite-ui-component-action-bar-grid-border: #cacaca;
+  --calcite-ui-component-action-bar-grid-background: #ffffff;
+  --calcite-ui-component-action-pad-grid-border: #cacaca;
+  --calcite-ui-component-action-pad-grid-background: #ffffff;
+  --calcite-ui-component-block-font-heading: #4a4a4a;
+  --calcite-ui-component-block-font-active: #151515;
+  --calcite-ui-component-block-font-description: #6a6a6a;
+  --calcite-ui-component-block-font-content: #4a4a4a;
+  --calcite-ui-component-block-icon-idle: #4a4a4a;
+  --calcite-ui-component-block-icon-valid: #35ac46;
+  --calcite-ui-component-block-icon-invalid: #d83020;
+  --calcite-ui-component-block-icon-drag-handle: #949494;
+  --calcite-ui-component-block-icon-chevron: #6a6a6a;
+  --calcite-ui-component-block-border: #dfdfdf;
+  --calcite-ui-component-block-background: #ffffff;
+  --calcite-ui-component-block-section-font: #4a4a4a;
+  --calcite-ui-component-block-section-icon-valid: #35ac46;
+  --calcite-ui-component-block-section-icon-invalid: #d83020;
+  --calcite-ui-component-block-section-icon-chevron: #6a6a6a;
+  --calcite-ui-component-block-section-background: #ffffff;
+  --calcite-ui-component-notice-font-title: #151515;
+  --calcite-ui-component-notice-font-message: #6a6a6a;
+  --calcite-ui-component-notice-background: #ffffff;
+  --calcite-ui-component-notice-icon-info: #00619b;
+  --calcite-ui-component-notice-icon-success: #35ac46;
+  --calcite-ui-component-notice-icon-warning: #edd317;
+  --calcite-ui-component-notice-icon-danger: #d83020;
+  --calcite-ui-component-notice-icon-brand: #007ac2;
+  --calcite-ui-component-notice-highlight-info: #00619b;
+  --calcite-ui-component-notice-highlight-success: #35ac46;
+  --calcite-ui-component-notice-highlight-warning: #edd317;
+  --calcite-ui-component-notice-highlight-danger: #d83020;
+  --calcite-ui-component-notice-highlight-brand: #007ac2;
+  --calcite-ui-component-modal-font-header: #151515;
+  --calcite-ui-component-modal-font-content: #4a4a4a;
+  --calcite-ui-component-modal-icon: #6a6a6a;
+  --calcite-ui-component-modal-border: #dfdfdf;
+  --calcite-ui-component-modal-border-top-brand: #007ac2;
+  --calcite-ui-component-modal-border-top-info: #00619b;
+  --calcite-ui-component-modal-border-top-success: #35ac46;
+  --calcite-ui-component-modal-border-top-danger: #d83020;
+  --calcite-ui-component-modal-border-top-warning: #edd317;
+  --calcite-ui-component-modal-background: #ffffff;
+  --calcite-ui-component-panel-header-font: #4a4a4a;
+  --calcite-ui-component-panel-header-icon: #6a6a6a;
+  --calcite-ui-component-panel-header-border: #dfdfdf;
+  --calcite-ui-component-panel-header-background: #ffffff;
+  --calcite-ui-component-popover-font: #151515;
+  --calcite-ui-component-popover-icon: #6a6a6a;
+  --calcite-ui-component-popover-border: #dfdfdf;
+  --calcite-ui-component-popover-background: #ffffff;
+  --calcite-ui-component-slider-font-label: #151515;
+  --calcite-ui-component-slider-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-handle-background: #ffffff;
+  --calcite-ui-component-slider-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-border: #d4d4d4;
+  --calcite-ui-component-slider-border-active: #007ac2;
+  --calcite-ui-component-slider-tick-background: #949494;
+  --calcite-ui-component-slider-tick-border: #ffffff;
+  --calcite-ui-component-slider-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-range-font-label: #151515;
+  --calcite-ui-component-slider-range-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-range-handle-background: #ffffff;
+  --calcite-ui-component-slider-range-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-range-border: #d4d4d4;
+  --calcite-ui-component-slider-range-border-active: #007ac2;
+  --calcite-ui-component-slider-range-tick-background: #949494;
+  --calcite-ui-component-slider-range-tick-border: #ffffff;
+  --calcite-ui-component-slider-range-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-range-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-histogram-font-label: #151515;
+  --calcite-ui-component-slider-histogram-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-histogram-handle-background: #ffffff;
+  --calcite-ui-component-slider-histogram-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-histogram-border: #d4d4d4;
+  --calcite-ui-component-slider-histogram-border-active: #007ac2;
+  --calcite-ui-component-slider-histogram-tick-background: #949494;
+  --calcite-ui-component-slider-histogram-tick-border: #ffffff;
+  --calcite-ui-component-slider-histogram-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-histogram-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-histogram-area-active-background: #9BBDDF;
+  --calcite-ui-component-slider-histogram-active-end-background: #ffffff;
+  --calcite-ui-component-slider-histogram-range-font-label: #151515;
+  --calcite-ui-component-slider-histogram-range-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-histogram-range-handle-background: #ffffff;
+  --calcite-ui-component-slider-histogram-range-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-histogram-range-border: #d4d4d4;
+  --calcite-ui-component-slider-histogram-range-border-active: #007ac2;
+  --calcite-ui-component-slider-histogram-range-tick-background: #949494;
+  --calcite-ui-component-slider-histogram-range-tick-border: #ffffff;
+  --calcite-ui-component-slider-histogram-range-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-histogram-range-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-histogram-range-area-active-background: #9BBDDF;
+  --calcite-ui-component-slider-histogram-range-active-end-background: #ffffff;
+  --calcite-ui-component-filter-font: #151515;
+  --calcite-ui-component-filter-icon: #6a6a6a;
+  --calcite-ui-component-filter-border: #949494;
+  --calcite-ui-component-filter-background: #ffffff;
+  --calcite-ui-component-scrim-background: #ffffff;
+  --calcite-ui-component-tip-manager-font-heading: #151515;
+  --calcite-ui-component-tip-manager-icon: #6a6a6a;
+  --calcite-ui-component-tip-manager-background-light: #ffffff;
+  --calcite-ui-component-tip-manager-border: #d4d4d4;
+  --calcite-ui-component-button-font-brand-solid: #ffffff;
+  --calcite-ui-component-button-font-brand-outline-fill: #007ac2;
+  --calcite-ui-component-button-font-brand-outline: #007ac2;
+  --calcite-ui-component-button-font-brand-transparent: #007ac2;
+  --calcite-ui-component-button-font-inverse-solid: #ffffff;
+  --calcite-ui-component-button-font-inverse-outline-fill: #151515;
+  --calcite-ui-component-button-font-inverse-outline: #151515;
+  --calcite-ui-component-button-font-inverse-transparent: #151515;
+  --calcite-ui-component-button-font-neutral-solid: #ffffff;
+  --calcite-ui-component-button-font-neutral-outline-fill: #151515;
+  --calcite-ui-component-button-font-neutral-outline: #151515;
+  --calcite-ui-component-button-font-neutral-transparent: #151515;
+  --calcite-ui-component-button-font-danger-solid: #ffffff;
+  --calcite-ui-component-button-font-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-font-danger-outline: #d83020;
+  --calcite-ui-component-button-font-danger-transparent: #d83020;
+  --calcite-ui-component-button-icon-brand-solid: #ffffff;
+  --calcite-ui-component-button-icon-brand-outline-fill: #007ac2;
+  --calcite-ui-component-button-icon-brand-outline: #007ac2;
+  --calcite-ui-component-button-icon-brand-transparent: #007ac2;
+  --calcite-ui-component-button-icon-inverse-solid: #ffffff;
+  --calcite-ui-component-button-icon-inverse-outline-fill: #151515;
+  --calcite-ui-component-button-icon-inverse-outline: #151515;
+  --calcite-ui-component-button-icon-inverse-transparent: #151515;
+  --calcite-ui-component-button-icon-neutral-solid: #ffffff;
+  --calcite-ui-component-button-icon-neutral-outline-fill: #151515;
+  --calcite-ui-component-button-icon-neutral-outline: #151515;
+  --calcite-ui-component-button-icon-neutral-transparent: #151515;
+  --calcite-ui-component-button-icon-danger-solid: #ffffff;
+  --calcite-ui-component-button-icon-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-icon-danger-outline: #d83020;
+  --calcite-ui-component-button-icon-danger-transparent: #d83020;
+  --calcite-ui-component-button-background-brand-solid: #007ac2;
+  --calcite-ui-component-button-background-brand-outline-fill: #ffffff;
+  --calcite-ui-component-button-background-inverse-solid: #353535;
+  --calcite-ui-component-button-background-inverse-outline-fill: #353535;
+  --calcite-ui-component-button-background-neutral-solid: #353535;
+  --calcite-ui-component-button-background-neutral-outline-fill: #353535;
+  --calcite-ui-component-button-background-danger-solid: #d83020;
+  --calcite-ui-component-button-background-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-border-brand-outline-fill: #007ac2;
+  --calcite-ui-component-button-border-brand-outline: #007ac2;
+  --calcite-ui-component-button-border-inverse-outline-fill: #353535;
+  --calcite-ui-component-button-border-inverse-outline: #353535;
+  --calcite-ui-component-button-border-neutral-outline-fill: #353535;
+  --calcite-ui-component-button-border-neutral-outline: #353535;
+  --calcite-ui-component-button-border-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-border-danger-outline: #d83020;
+  --calcite-ui-component-split-button-font-brand-solid: #ffffff;
+  --calcite-ui-component-split-button-font-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-font-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-font-brand-transparent: #007ac2;
+  --calcite-ui-component-split-button-font-inverse-solid: #ffffff;
+  --calcite-ui-component-split-button-font-inverse-outline-fill: #151515;
+  --calcite-ui-component-split-button-font-inverse-outline: #151515;
+  --calcite-ui-component-split-button-font-inverse-transparent: #151515;
+  --calcite-ui-component-split-button-font-neutral-solid: #ffffff;
+  --calcite-ui-component-split-button-font-neutral-outline-fill: #151515;
+  --calcite-ui-component-split-button-font-neutral-outline: #151515;
+  --calcite-ui-component-split-button-font-neutral-transparent: #151515;
+  --calcite-ui-component-split-button-font-danger-solid: #ffffff;
+  --calcite-ui-component-split-button-font-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-font-danger-outline: #d83020;
+  --calcite-ui-component-split-button-font-danger-transparent: #d83020;
+  --calcite-ui-component-split-button-icon-brand-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-icon-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-icon-brand-transparent: #007ac2;
+  --calcite-ui-component-split-button-icon-inverse-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-inverse-outline-fill: #151515;
+  --calcite-ui-component-split-button-icon-inverse-outline: #151515;
+  --calcite-ui-component-split-button-icon-inverse-transparent: #151515;
+  --calcite-ui-component-split-button-icon-neutral-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-neutral-outline-fill: #151515;
+  --calcite-ui-component-split-button-icon-neutral-outline: #151515;
+  --calcite-ui-component-split-button-icon-neutral-transparent: #151515;
+  --calcite-ui-component-split-button-icon-danger-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-icon-danger-outline: #d83020;
+  --calcite-ui-component-split-button-icon-danger-transparent: #d83020;
+  --calcite-ui-component-split-button-background-brand-solid: #007ac2;
+  --calcite-ui-component-split-button-background-brand-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-background-inverse-solid: #353535;
+  --calcite-ui-component-split-button-background-inverse-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-background-neutral-solid: #353535;
+  --calcite-ui-component-split-button-background-neutral-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-background-danger-solid: #d83020;
+  --calcite-ui-component-split-button-background-danger-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-border-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-border-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-border-inverse-outline-fill: #353535;
+  --calcite-ui-component-split-button-border-inverse-outline: #353535;
+  --calcite-ui-component-split-button-border-neutral-outline-fill: #353535;
+  --calcite-ui-component-split-button-border-neutral-outline: #353535;
+  --calcite-ui-component-split-button-border-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-border-danger-outline: #d83020;
+  --calcite-ui-component-split-button-divider-brand-solid: #ffffff;
+  --calcite-ui-component-split-button-divider-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-divider-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-divider-brand-transparent: #007ac2;
+  --calcite-ui-component-split-button-divider-inverse-solid: #ffffff;
+  --calcite-ui-component-split-button-divider-inverse-outline-fill: #353535;
+  --calcite-ui-component-split-button-divider-inverse-outline: #353535;
+  --calcite-ui-component-split-button-divider-inverse-transparent: #353535;
+  --calcite-ui-component-split-button-divider-neutral-solid: #ffffff;
+  --calcite-ui-component-split-button-divider-neutral-outline-fill: #353535;
+  --calcite-ui-component-split-button-divider-neutral-outline: #353535;
+  --calcite-ui-component-split-button-divider-neutral-transparent: #353535;
+  --calcite-ui-component-split-button-divider-danger-solid: #d83020;
+  --calcite-ui-component-split-button-divider-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-divider-danger-outline: #d83020;
+  --calcite-ui-component-split-button-divider-danger-transparent: #d83020;
+  --calcite-ui-component-fab-font-brand-solid: #ffffff;
+  --calcite-ui-component-fab-font-brand-outline-fill: #007ac2;
+  --calcite-ui-component-fab-font-inverse-solid: #ffffff;
+  --calcite-ui-component-fab-font-inverse-outline-fill: #151515;
+  --calcite-ui-component-fab-font-neutral-solid: #ffffff;
+  --calcite-ui-component-fab-font-neutral-outline-fill: #151515;
+  --calcite-ui-component-fab-font-danger-solid: #ffffff;
+  --calcite-ui-component-fab-font-danger-outline-fill: #d83020;
+  --calcite-ui-component-fab-icon-brand-solid: #ffffff;
+  --calcite-ui-component-fab-icon-brand-outline-fill: #007ac2;
+  --calcite-ui-component-fab-icon-inverse-solid: #ffffff;
+  --calcite-ui-component-fab-icon-inverse-outline-fill: #151515;
+  --calcite-ui-component-fab-icon-neutral-solid: #ffffff;
+  --calcite-ui-component-fab-icon-neutral-outline-fill: #151515;
+  --calcite-ui-component-fab-icon-danger-solid: #ffffff;
+  --calcite-ui-component-fab-icon-danger-outline-fill: #d83020;
+  --calcite-ui-component-fab-background-brand-solid: #007ac2;
+  --calcite-ui-component-fab-background-brand-outline-fill: #ffffff;
+  --calcite-ui-component-fab-background-inverse-solid: #353535;
+  --calcite-ui-component-fab-background-inverse-outline-fill: #ffffff;
+  --calcite-ui-component-fab-background-neutral-solid: #353535;
+  --calcite-ui-component-fab-background-neutral-outline-fill: #ffffff;
+  --calcite-ui-component-fab-background-danger-solid: #d83020;
+  --calcite-ui-component-fab-background-danger-outline-fill: #ffffff;
+  --calcite-ui-component-fab-border-brand-outline-fill: #007ac2;
+  --calcite-ui-component-fab-border-brand-solid: #007ac2;
+  --calcite-ui-component-fab-border-inverse-outline-fill: #353535;
+  --calcite-ui-component-fab-border-inverse-solid: #353535;
+  --calcite-ui-component-fab-border-neutral-outline-fill: #353535;
+  --calcite-ui-component-fab-border-neutral-solid: #353535;
+  --calcite-ui-component-fab-border-danger-outline-fill: #d83020;
+  --calcite-ui-component-fab-border-danger-solid: #d83020;
+}
+"
+`;
+
+exports[`generated tokens CSS global should match 1`] = `
+"/
+
+:root {
+  --calcite-semantic-ui-color-foreground-current-dark: #214155;
+  --calcite-app-z-index-tooltip: 901;
+  --calcite-app-z-index-popup: 900;
+  --calcite-app-z-index-modal: 800;
+  --calcite-app-z-index-overlay: 700;
+  --calcite-app-z-index-dropdown: 600;
+  --calcite-app-z-index-toast: 500;
+  --calcite-app-z-index-header: 400;
+  --calcite-app-z-index-sticky: 300;
+  --calcite-app-z-index: 1;
+  --calcite-app-z-index-deep: -999999;
+  --calcite-app-breakpoint-cols-lg: 24; /* columns */
+  --calcite-app-breakpoint-cols-md: 24; /* columns */
+  --calcite-app-breakpoint-cols-sm: 12; /* columns */
+  --calcite-app-breakpoint-cols-xs: 6; /* columns */
+  --calcite-app-breakpoint-content-fixed: 1440px; /* only for lg breakpoint fixed grid width */
+  --calcite-app-breakpoint-content-fluid: 100%; /* for fluid grid widths */
+  --calcite-app-breakpoint-width-lg-min: 1153px; /* Large laptops and desktop computers */
+  --calcite-app-breakpoint-width-lg-max: 1722px; /* Large laptops and desktop computers */
+  --calcite-app-breakpoint-width-md-min: 769px; /* Small laptops */
+  --calcite-app-breakpoint-width-md-max: 1152px; /* Small laptops */
+  --calcite-app-breakpoint-width-sm-min: 477px; /* Small tablets */
+  --calcite-app-breakpoint-width-sm-max: 768px; /* Small tablets */
+  --calcite-app-breakpoint-width-xs-min: 321px; /* Handheld devices */
+  --calcite-app-breakpoint-width-xs-max: 476px; /* Handheld devices */
+  --calcite-app-breakpoint-width-xxs-max: 320px; /* Small handheld devices and mini-windows */
+  --calcite-app-breakpoint-width-lg: 1440px; /* To be deprecated */
+  --calcite-app-breakpoint-width-md: 1152px; /* To be deprecated */
+  --calcite-app-breakpoint-width-sm: 768px; /* To be deprecated */
+  --calcite-app-breakpoint-width-xs: 476px; /* To be deprecated */
+  --calcite-app-breakpoint-width-xxs: 320px; /* To be deprecated */
+  --calcite-app-breakpoint-height-lg-min: 679px; /* Large laptops and desktop computers */
+  --calcite-app-breakpoint-height-lg-max: 853px; /* Large laptops and desktop computers */
+  --calcite-app-breakpoint-height-md-min: 504px; /* Small laptops */
+  --calcite-app-breakpoint-height-md-max: 678px; /* Small laptops */
+  --calcite-app-breakpoint-height-sm-min: 329px; /* Small tablets */
+  --calcite-app-breakpoint-height-sm-max: 503px; /* Small tablets */
+  --calcite-app-breakpoint-height-xs-min: 154px; /* Handheld devices */
+  --calcite-app-breakpoint-height-xs-max: 328px; /* Handheld devices */
+  --calcite-app-breakpoint-height-xxs-max: 153px; /* Small handheld devices and mini-windows */
+  --calcite-app-spacing-none: 0px;
+  --calcite-app-spacing-28: 288px;
+  --calcite-app-spacing-27: 256px;
+  --calcite-app-spacing-26: 224px;
+  --calcite-app-spacing-25: 192px;
+  --calcite-app-spacing-24: 160px;
+  --calcite-app-spacing-23: 144px;
+  --calcite-app-spacing-22: 128px;
+  --calcite-app-spacing-21: 112px;
+  --calcite-app-spacing-20: 96px;
+  --calcite-app-spacing-19: 80px;
+  --calcite-app-spacing-18: 72px;
+  --calcite-app-spacing-17: 64px;
+  --calcite-app-spacing-16: 56px;
+  --calcite-app-spacing-15: 48px;
+  --calcite-app-spacing-14: 44px;
+  --calcite-app-spacing-13: 40px;
+  --calcite-app-spacing-12: 36px;
+  --calcite-app-spacing-11: 32px;
+  --calcite-app-spacing-10: 28px;
+  --calcite-app-spacing-9: 24px;
+  --calcite-app-spacing-8: 20px;
+  --calcite-app-spacing-7: 16px;
+  --calcite-app-spacing-6: 14px;
+  --calcite-app-spacing-5: 12px;
+  --calcite-app-spacing-4: 10px;
+  --calcite-app-spacing-3: 8px;
+  --calcite-app-spacing-2: 6px;
+  --calcite-app-spacing-1: 4px;
+  --calcite-app-spacing-0: 2px;
+  --calcite-app-sizing-none: 0px;
+  --calcite-app-sizing-28: 288px;
+  --calcite-app-sizing-27: 256px;
+  --calcite-app-sizing-26: 224px;
+  --calcite-app-sizing-25: 192px;
+  --calcite-app-sizing-24: 160px;
+  --calcite-app-sizing-23: 144px;
+  --calcite-app-sizing-22: 128px;
+  --calcite-app-sizing-21: 112px;
+  --calcite-app-sizing-20: 96px;
+  --calcite-app-sizing-19: 80px;
+  --calcite-app-sizing-18: 72px;
+  --calcite-app-sizing-17: 64px;
+  --calcite-app-sizing-16: 56px;
+  --calcite-app-sizing-15: 48px;
+  --calcite-app-sizing-14: 44px;
+  --calcite-app-sizing-13: 40px;
+  --calcite-app-sizing-12: 36px;
+  --calcite-app-sizing-11: 32px;
+  --calcite-app-sizing-10: 28px;
+  --calcite-app-sizing-9: 24px;
+  --calcite-app-sizing-8: 20px;
+  --calcite-app-sizing-7: 16px;
+  --calcite-app-sizing-6: 14px;
+  --calcite-app-sizing-5: 12px;
+  --calcite-app-sizing-4: 10px;
+  --calcite-app-sizing-3: 8px;
+  --calcite-app-sizing-2: 6px;
+  --calcite-app-sizing-1: 4px;
+  --calcite-app-sizing-0: 2px;
+  --calcite-app-color-palette-dark-blue-d-bb-430: #0087D7;
+  --calcite-app-color-palette-dark-blue-d-bb-420: #00A0FF;
+  --calcite-app-color-palette-dark-blue-d-bb-410: #47BBFF;
+  --calcite-app-color-palette-dark-red-d-rr-430: #F3381B;
+  --calcite-app-color-palette-dark-red-d-rr-420: #FE583E;
+  --calcite-app-color-palette-dark-red-d-rr-410: #FF7465;
+  --calcite-app-color-palette-dark-yellow-d-yy-430: #F4B000;
+  --calcite-app-color-palette-dark-yellow-d-yy-420: #FFC900;
+  --calcite-app-color-palette-dark-yellow-d-yy-410: #FFE24D;
+  --calcite-app-color-palette-dark-green-d-gg-430: #36DA43;
+  --calcite-app-color-palette-dark-green-d-gg-420: #36DA43;
+  --calcite-app-color-palette-dark-green-d-gg-410: #44ED51;
+  --calcite-app-color-palette-vibrant-violet-v-vv-180: #6a0be6;
+  --calcite-app-color-palette-vibrant-violet-v-vv-160: #8129ff;
+  --calcite-app-color-palette-vibrant-violet-v-vv-140: #974dff;
+  --calcite-app-color-palette-vibrant-violet-v-vv-120: #b580ff;
+  --calcite-app-color-palette-vibrant-violet-red-v-vr-180: #83009e;
+  --calcite-app-color-palette-vibrant-violet-red-v-vr-160: #ac08cc;
+  --calcite-app-color-palette-vibrant-violet-red-v-vr-140: #dd33ff;
+  --calcite-app-color-palette-vibrant-violet-red-v-vr-120: #ea80ff;
+  --calcite-app-color-palette-vibrant-pink-v-pk-180: #c00073;
+  --calcite-app-color-palette-vibrant-pink-v-pk-160: #d11486;
+  --calcite-app-color-palette-vibrant-pink-v-pk-140: #ff19a4;
+  --calcite-app-color-palette-vibrant-pink-v-pk-120: #ff66c2;
+  --calcite-app-color-palette-vibrant-red-v-rr-180: #b3000f;
+  --calcite-app-color-palette-vibrant-red-v-rr-160: #d90012;
+  --calcite-app-color-palette-vibrant-red-v-rr-140: #ff0015;
+  --calcite-app-color-palette-vibrant-red-v-rr-120: #ff624d;
+  --calcite-app-color-palette-vibrant-red-orange-v-ro-180: #c93b00;
+  --calcite-app-color-palette-vibrant-red-orange-v-ro-160: #de4300;
+  --calcite-app-color-palette-vibrant-red-orange-v-ro-140: #ff4d00;
+  --calcite-app-color-palette-vibrant-red-orange-v-ro-120: #ff824d;
+  --calcite-app-color-palette-vibrant-orange-yellow-v-oy-180: #d17300;
+  --calcite-app-color-palette-vibrant-orange-yellow-v-oy-160: #e68600;
+  --calcite-app-color-palette-vibrant-orange-yellow-v-oy-140: #ff9500;
+  --calcite-app-color-palette-vibrant-orange-yellow-v-oy-120: #ffb54d;
+  --calcite-app-color-palette-vibrant-yellow-v-yy-180: #ebba17;
+  --calcite-app-color-palette-vibrant-yellow-v-yy-160: #f5d000;
+  --calcite-app-color-palette-vibrant-yellow-v-yy-140: #ffee33;
+  --calcite-app-color-palette-vibrant-yellow-v-yy-120: #fff766;
+  --calcite-app-color-palette-vibrant-yellow-green-v-yg-180: #7fab00;
+  --calcite-app-color-palette-vibrant-yellow-green-v-yg-160: #96cc00;
+  --calcite-app-color-palette-vibrant-yellow-green-v-yg-140: #bbed3b;
+  --calcite-app-color-palette-vibrant-yellow-green-v-yg-120: #d7ff73;
+  --calcite-app-color-palette-vibrant-green-v-gg-180: #00a118;
+  --calcite-app-color-palette-vibrant-green-v-gg-160: #00b81b;
+  --calcite-app-color-palette-vibrant-green-v-gg-140: #3bed52;
+  --calcite-app-color-palette-vibrant-green-v-gg-120: #73ff84;
+  --calcite-app-color-palette-vibrant-green-blue-v-gb-180: #00cfca;
+  --calcite-app-color-palette-vibrant-green-blue-v-gb-160: #00e6e2;
+  --calcite-app-color-palette-vibrant-green-blue-v-gb-140: #00f7f3;
+  --calcite-app-color-palette-vibrant-green-blue-v-gb-120: #59fffc;
+  --calcite-app-color-palette-vibrant-blue-v-bb-180: #009af2;
+  --calcite-app-color-palette-vibrant-blue-v-bb-160: #009af2;
+  --calcite-app-color-palette-vibrant-blue-v-bb-140: #3db8ff;
+  --calcite-app-color-palette-vibrant-blue-v-bb-120: #59d6ff;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-100: #100026;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-090: #250f43;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-080: #3a1e61;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-070: #4e2c7e;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-060: #633b9b;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-050: #7e5baf;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-040: #987ac3;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-030: #b39ad7;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-020: #cdb9eb;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-010: #e8d9ff;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-100: #200026;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-090: #3c1243;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-080: #572561;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-070: #73377e;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-060: #8e499b;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-050: #a466af;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-040: #b983c3;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-030: #cfa1d7;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-020: #e4beeb;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-010: #fadbff;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-100: #260404;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-090: #590b32;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-080: #851b52;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-070: #ba2f7e;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-060: #e04ea6;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-050: #e673bb;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-040: #eb8dc9;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-030: #f2a5d6;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-020: #fabee4;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-010: #ffd1ef;
+  --calcite-app-color-palette-high-saturation-red-h-rr-100: #210300;
+  --calcite-app-color-palette-high-saturation-red-h-rr-090: #4f0e08;
+  --calcite-app-color-palette-high-saturation-red-h-rr-080: #7c1d13;
+  --calcite-app-color-palette-high-saturation-red-h-rr-070: #a82b1e;
+  --calcite-app-color-palette-high-saturation-red-h-rr-060: #d83020;
+  --calcite-app-color-palette-high-saturation-red-h-rr-050: #e65240;
+  --calcite-app-color-palette-high-saturation-red-h-rr-040: #f07062;
+  --calcite-app-color-palette-high-saturation-red-h-rr-030: #f2877b;
+  --calcite-app-color-palette-high-saturation-red-h-rr-020: #ffaaa1;
+  --calcite-app-color-palette-high-saturation-red-h-rr-010: #ffc6bf;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-100: #260a00;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-090: #531b07;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-080: #802c0f;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-070: #ad3c16;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-060: #da4d1e;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-050: #e1653c;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-040: #e97e5a;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-030: #f09677;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-020: #f8af95;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-010: #ffc7b3;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-100: #401900;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-090: #6d2f08;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-080: #9a4410;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-070: #c65a18;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-060: #f36f20;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-050: #f58440;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-040: #f89960;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-030: #faae7f;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-020: #fdc39f;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-010: #ffd8bf;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-100: #402300;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-090: #6d3f08;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-080: #9a5b10;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-070: #c67718;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-060: #f89927;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-050: #f9a845;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-040: #fbb664;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-030: #fcc582;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-020: #fed3a1;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-010: #ffe2bf;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-100: #5c4e00;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-090: #8c7500;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-080: #bfa200;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-070: #d9bc00;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-060: #edd317;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-050: #f9e54e;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-040: #fbea6e;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-030: #fcee8d;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-020: #fef3ad;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-010: #fff7cc;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-100: #121a00;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-090: #384813;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-080: #5e7526;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-070: #84a338;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-060: #aad04b;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-050: #b6d860;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-040: #c2e075;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-030: #cde78a;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-020: #d9ef9f;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-010: #e5f7b4;
+  --calcite-app-color-palette-high-saturation-green-h-gg-100: #001a03;
+  --calcite-app-color-palette-high-saturation-green-h-gg-090: #0d3f14;
+  --calcite-app-color-palette-high-saturation-green-h-gg-080: #1a6324;
+  --calcite-app-color-palette-high-saturation-green-h-gg-070: #288835;
+  --calcite-app-color-palette-high-saturation-green-h-gg-060: #35ac46;
+  --calcite-app-color-palette-high-saturation-green-h-gg-050: #50ba5f;
+  --calcite-app-color-palette-high-saturation-green-h-gg-040: #6bc878;
+  --calcite-app-color-palette-high-saturation-green-h-gg-030: #87d692;
+  --calcite-app-color-palette-high-saturation-green-h-gg-020: #a2e4ab;
+  --calcite-app-color-palette-high-saturation-green-h-gg-010: #bdf2c4;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-100: #002625;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-090: #004d4c;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-080: #007472;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-070: #009b98;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-060: #00bab5;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-050: #28cecb;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-040: #5ae0de;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-030: #8fe6e5;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-020: #afedec;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-010: #cef5f4;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-100: #001726;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-090: #00304d;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-080: #004874;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-070: #00619b;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-060: #007ac2;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-050: #2890ce;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-040: #50a7da;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-030: #77bde7;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-020: #9fd4f3;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-010: #c7eaff;
+  --calcite-app-color-neutral-blk-240: #000000;
+  --calcite-app-color-neutral-blk-235: #060606;
+  --calcite-app-color-neutral-blk-230: #0b0b0b;
+  --calcite-app-color-neutral-blk-220: #151515;
+  --calcite-app-color-neutral-blk-210: #202020;
+  --calcite-app-color-neutral-blk-200: #2b2b2b;
+  --calcite-app-color-neutral-blk-190: #353535;
+  --calcite-app-color-neutral-blk-180: #404040;
+  --calcite-app-color-neutral-blk-170: #4a4a4a;
+  --calcite-app-color-neutral-blk-160: #555555;
+  --calcite-app-color-neutral-blk-150: #606060;
+  --calcite-app-color-neutral-blk-140: #6a6a6a;
+  --calcite-app-color-neutral-blk-130: #757575;
+  --calcite-app-color-neutral-blk-120: #808080;
+  --calcite-app-color-neutral-blk-110: #8a8a8a;
+  --calcite-app-color-neutral-blk-100: #949494;
+  --calcite-app-color-neutral-blk-090: #9f9f9f;
+  --calcite-app-color-neutral-blk-080: #aaaaaa;
+  --calcite-app-color-neutral-blk-070: #b5b5b5;
+  --calcite-app-color-neutral-blk-060: #bfbfbf;
+  --calcite-app-color-neutral-blk-050: #cacaca;
+  --calcite-app-color-neutral-blk-040: #d4d4d4;
+  --calcite-app-color-neutral-blk-030: #dfdfdf;
+  --calcite-app-color-neutral-blk-020: #eaeaea;
+  --calcite-app-color-neutral-blk-010: #f3f3f3;
+  --calcite-app-color-neutral-blk-005: #f8f8f8;
+  --calcite-app-color-neutral-blk-000: #ffffff;
+  --calcite-app-opacity-100: 1;
+  --calcite-app-opacity-96: 0.96;
+  --calcite-app-opacity-92: 0.92;
+  --calcite-app-opacity-90: 0.9;
+  --calcite-app-opacity-85: 0.85;
+  --calcite-app-opacity-80: 0.8;
+  --calcite-app-opacity-70: 0.7;
+  --calcite-app-opacity-60: 0.6;
+  --calcite-app-opacity-50: 0.5;
+  --calcite-app-opacity-40: 0.4;
+  --calcite-app-opacity-30: 0.3;
+  --calcite-app-opacity-20: 0.2;
+  --calcite-app-opacity-10: 0.1;
+  --calcite-app-opacity-8: 0.08;
+  --calcite-app-opacity-4: 0.04;
+  --calcite-app-opacity-0: 0;
+  --calcite-app-border-width-none: 0px;
+  --calcite-app-border-width-4: 8px;
+  --calcite-app-border-width-3: 6px;
+  --calcite-app-border-width-2: 4px;
+  --calcite-app-border-width-1: 2px;
+  --calcite-app-border-width-0: 1px;
+  --calcite-app-border-radius-full: 9999px;
+  --calcite-app-border-radius-half: 50%;
+  --calcite-app-border-radius-none: 0px;
+  --calcite-app-border-radius-6: 24px;
+  --calcite-app-border-radius-5: 16px;
+  --calcite-app-border-radius-4: 12px;
+  --calcite-app-border-radius-3: 8px;
+  --calcite-app-border-radius-2: 6px;
+  --calcite-app-border-radius-1: 4px;
+  --calcite-app-border-radius-0: 2px;
+  --calcite-app-font-text-case-capitalize: capitalize;
+  --calcite-app-font-text-case-lowercase: lowercase;
+  --calcite-app-font-text-case-uppercase: uppercase;
+  --calcite-app-font-text-case-none: none;
+  --calcite-app-font-text-decoration-underline: underline;
+  --calcite-app-font-text-decoration-none: none;
+  --calcite-app-font-paragraph-spacing-normal: 10px;
+  --calcite-app-font-letter-spacing-wide: 0.4px;
+  --calcite-app-font-letter-spacing-normal: 0px;
+  --calcite-app-font-letter-spacing-tight: -0.4px;
+  --calcite-app-font-size-15: 120px;
+  --calcite-app-font-size-14: 96px;
+  --calcite-app-font-size-13: 80px;
+  --calcite-app-font-size-12: 72px;
+  --calcite-app-font-size-11: 64px;
+  --calcite-app-font-size-10: 56px;
+  --calcite-app-font-size-9: 48px;
+  --calcite-app-font-size-8: 40px;
+  --calcite-app-font-size-7: 32px;
+  --calcite-app-font-size-6: 24px;
+  --calcite-app-font-size-5: 20px;
+  --calcite-app-font-size-4: 18px;
+  --calcite-app-font-size-3: 16px;
+  --calcite-app-font-size-2: 14px;
+  --calcite-app-font-size-1: 12px;
+  --calcite-app-font-size-0: 10px;
+  --calcite-app-font-line-height-relative-loose: 2; /* 2 */
+  --calcite-app-font-line-height-relative-relaxed: 1.625; /* 1.625 */
+  --calcite-app-font-line-height-relative-normal: 1.5; /* 1.5 */
+  --calcite-app-font-line-height-relative-snug: 1.375; /* 1.375 */
+  --calcite-app-font-line-height-relative-tight: 1.25; /* 1.25 */
+  --calcite-app-font-line-height-relative: auto; /* 1 */
+  --calcite-app-font-line-height-fixed-12: 80px;
+  --calcite-app-font-line-height-fixed-11: 72px;
+  --calcite-app-font-line-height-fixed-10: 64px;
+  --calcite-app-font-line-height-fixed-9: 56px;
+  --calcite-app-font-line-height-fixed-8: 48px;
+  --calcite-app-font-line-height-fixed-7: 40px;
+  --calcite-app-font-line-height-fixed-6: 36px;
+  --calcite-app-font-line-height-fixed-5: 32px;
+  --calcite-app-font-line-height-fixed-4: 28px;
+  --calcite-app-font-line-height-fixed-3: 24px;
+  --calcite-app-font-line-height-fixed-2: 20px;
+  --calcite-app-font-line-height-fixed-1: 16px;
+  --calcite-app-font-line-height-fixed-0: 12px;
+  --calcite-app-font-weight-heavy: 900;
+  --calcite-app-font-weight-black: 900; /* only for Avenir Next World (secondary font family) */
+  --calcite-app-font-weight-extrabold: 800; /* only for Avenir Next World (secondary font family) */
+  --calcite-app-font-weight-bold: 700;
+  --calcite-app-font-weight-demi: Demi;
+  --calcite-app-font-weight-medium-italic: Medium Italic;
+  --calcite-app-font-weight-medium: 500;
+  --calcite-app-font-weight-regular: 400;
+  --calcite-app-font-weight-light: 300; /* only for Avenir Next World (secondary font family) */
+  --calcite-app-font-weight-thin: 100;
+  --calcite-app-font-weight-ultralight: 200; /* only for Avenir Next World (secondary font family) */
+  --calcite-app-font-family-code: Monaco;
+  --calcite-app-font-family-secondary: Avenir Next World;
+  --calcite-app-font-family-primary: Avenir Next LT Pro;
+  --calcite-slider-histogram-area-active-background-dark: #8DCEF7;
+  --calcite-slider-histogram-area-active-background-light: #9BBDDF;
+  --calcite-slider-histogram-range-area-active-background-dark: #8DCEF7;
+  --calcite-slider-histogram-range-area-active-background-light: #9BBDDF;
+  --calcite-modal-comp-size-full-width: 1504px;
+  --calcite-modal-comp-size-medium-width: 768px;
+  --calcite-modal-comp-size-small-width: 512px;
+  --calcite-color-picker-channels-space-between-lg: auto;
+  --calcite-color-picker-channels-space-between-md: auto;
+  --calcite-semantic-spacing-base: var(--calcite-app-spacing-0);
+  --calcite-semantic-ui-color-inverse-dark: var(--calcite-app-color-neutral-blk-005);
+  --calcite-semantic-ui-color-inverse-light: var(--calcite-app-color-neutral-blk-190);
+  --calcite-semantic-ui-color-danger-press-dark: var(--calcite-app-color-palette-vibrant-red-v-rr-160);
+  --calcite-semantic-ui-color-danger-press-light: var(--calcite-app-color-palette-high-saturation-red-h-rr-080);
+  --calcite-semantic-ui-color-danger-hover-dark: var(--calcite-app-color-palette-vibrant-red-v-rr-140);
+  --calcite-semantic-ui-color-danger-hover-light: var(--calcite-app-color-palette-high-saturation-red-h-rr-070);
+  --calcite-semantic-ui-color-danger-dark: var(--calcite-app-color-palette-dark-red-d-rr-420);
+  --calcite-semantic-ui-color-danger-light: var(--calcite-app-color-palette-high-saturation-red-h-rr-060);
+  --calcite-semantic-ui-color-warning-press-dark: var(--calcite-app-color-palette-vibrant-yellow-v-yy-160);
+  --calcite-semantic-ui-color-warning-press-light: var(--calcite-app-color-palette-high-saturation-yellow-h-yy-080);
+  --calcite-semantic-ui-color-warning-hover-dark: var(--calcite-app-color-palette-vibrant-yellow-v-yy-140);
+  --calcite-semantic-ui-color-warning-hover-light: var(--calcite-app-color-palette-high-saturation-yellow-h-yy-070);
+  --calcite-semantic-ui-color-warning-dark: var(--calcite-app-color-palette-dark-yellow-d-yy-420);
+  --calcite-semantic-ui-color-warning-light: var(--calcite-app-color-palette-high-saturation-yellow-h-yy-060);
+  --calcite-semantic-ui-color-success-press-dark: var(--calcite-app-color-palette-vibrant-green-v-gg-160);
+  --calcite-semantic-ui-color-success-press-light: var(--calcite-app-color-palette-high-saturation-green-h-gg-080);
+  --calcite-semantic-ui-color-success-hover-dark: var(--calcite-app-color-palette-vibrant-green-v-gg-140);
+  --calcite-semantic-ui-color-success-hover-light: var(--calcite-app-color-palette-high-saturation-green-h-gg-070);
+  --calcite-semantic-ui-color-success-dark: var(--calcite-app-color-palette-dark-green-d-gg-420);
+  --calcite-semantic-ui-color-success-light: var(--calcite-app-color-palette-high-saturation-green-h-gg-060);
+  --calcite-semantic-ui-color-info-press-dark: var(--calcite-app-color-palette-vibrant-blue-v-bb-160);
+  --calcite-semantic-ui-color-info-press-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-090);
+  --calcite-semantic-ui-color-info-hover-dark: var(--calcite-app-color-palette-vibrant-blue-v-bb-140);
+  --calcite-semantic-ui-color-info-hover-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-080);
+  --calcite-semantic-ui-color-info-dark: var(--calcite-app-color-palette-dark-blue-d-bb-420);
+  --calcite-semantic-ui-color-info-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-070);
+  --calcite-semantic-ui-color-border-input-dark: var(--calcite-app-color-neutral-blk-130);
+  --calcite-semantic-ui-color-border-input-light: var(--calcite-app-color-neutral-blk-100);
+  --calcite-semantic-ui-color-border-3-dark: var(--calcite-app-color-neutral-blk-180);
+  --calcite-semantic-ui-color-border-3-light: var(--calcite-app-color-neutral-blk-030);
+  --calcite-semantic-ui-color-border-2-dark: var(--calcite-app-color-neutral-blk-170);
+  --calcite-semantic-ui-color-border-2-light: var(--calcite-app-color-neutral-blk-040);
+  --calcite-semantic-ui-color-border-1-dark: var(--calcite-app-color-neutral-blk-160);
+  --calcite-semantic-ui-color-border-1-light: var(--calcite-app-color-neutral-blk-050);
+  --calcite-semantic-ui-color-text-link-dark: var(--calcite-app-color-palette-dark-blue-d-bb-420);
+  --calcite-semantic-ui-color-text-link-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-070);
+  --calcite-semantic-ui-color-text-inverse-dark: var(--calcite-app-color-neutral-blk-220);
+  --calcite-semantic-ui-color-text-inverse-light: var(--calcite-app-color-neutral-blk-000);
+  --calcite-semantic-ui-color-text-3-dark: var(--calcite-app-color-neutral-blk-090);
+  --calcite-semantic-ui-color-text-3-light: var(--calcite-app-color-neutral-blk-140);
+  --calcite-semantic-ui-color-text-2-dark: var(--calcite-app-color-neutral-blk-060);
+  --calcite-semantic-ui-color-text-2-light: var(--calcite-app-color-neutral-blk-170);
+  --calcite-semantic-ui-color-text-1-dark: var(--calcite-app-color-neutral-blk-000);
+  --calcite-semantic-ui-color-text-1-light: var(--calcite-app-color-neutral-blk-220);
+  --calcite-semantic-ui-color-foreground-current-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-010);
+  --calcite-semantic-ui-color-foreground-3-dark: var(--calcite-app-color-neutral-blk-220);
+  --calcite-semantic-ui-color-foreground-3-light: var(--calcite-app-color-neutral-blk-020);
+  --calcite-semantic-ui-color-foreground-2-dark: var(--calcite-app-color-neutral-blk-210);
+  --calcite-semantic-ui-color-foreground-2-light: var(--calcite-app-color-neutral-blk-010);
+  --calcite-semantic-ui-color-foreground-1-dark: var(--calcite-app-color-neutral-blk-200);
+  --calcite-semantic-ui-color-foreground-1-light: var(--calcite-app-color-neutral-blk-000);
+  --calcite-semantic-ui-color-background-dark: var(--calcite-app-color-neutral-blk-190);
+  --calcite-semantic-ui-color-background-light: var(--calcite-app-color-neutral-blk-005);
+  --calcite-semantic-ui-color-brand-press-dark: var(--calcite-app-color-palette-high-saturation-blue-h-bb-070);
+  --calcite-semantic-ui-color-brand-press-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-080);
+  --calcite-semantic-ui-color-brand-hover-dark: var(--calcite-app-color-palette-high-saturation-blue-h-bb-060);
+  --calcite-semantic-ui-color-brand-hover-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-070);
+  --calcite-semantic-ui-color-brand-dark: var(--calcite-app-color-palette-vibrant-blue-v-bb-160);
+  --calcite-semantic-ui-color-brand-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-060);
+  --calcite-semantic-border-radius-pill: var(--calcite-app-border-radius-full);
+  --calcite-semantic-border-radius-circular: var(--calcite-app-border-radius-half);
+  --calcite-semantic-border-radius-round: var(--calcite-app-border-radius-1);
+  --calcite-semantic-border-radius-sharp: var(--calcite-app-border-radius-none);
+  --calcite-app-breakpoint-gutter: var(--calcite-app-spacing-7);
+  --calcite-app-breakpoint-margin: var(--calcite-app-spacing-9);
+  --calcite-tree-item-space-around-lg: var(--calcite-app-spacing-5);
+  --calcite-tree-item-space-around-md: var(--calcite-app-spacing-3);
+  --calcite-tree-item-space-around-sm: var(--calcite-app-spacing-1);
+  --calcite-tree-item-space-between-lg: var(--calcite-app-spacing-14);
+  --calcite-tree-item-space-between-md: var(--calcite-app-spacing-11);
+  --calcite-tree-item-space-between-sm: var(--calcite-app-spacing-9);
+  --calcite-tree-item-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-tree-item-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-tree-item-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-tree-item-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-tree-item-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-tree-item-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-tree-item-border-width-lg: var(--calcite-app-border-width-4);
+  --calcite-tree-item-border-width-md: var(--calcite-app-border-width-2);
+  --calcite-tree-item-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-tree-item-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-tree-item-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-tree-item-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-tooltip-arrow-height: var(--calcite-app-sizing-2);
+  --calcite-tooltip-arrow-width: var(--calcite-app-sizing-6);
+  --calcite-tooltip-border-width: var(--calcite-app-border-width-0);
+  --calcite-tooltip-border-radius: var(--calcite-app-border-radius-1);
+  --calcite-tooltip-space-arround-left-right: var(--calcite-app-spacing-7);
+  --calcite-tooltip-space-arround-top-bottom: var(--calcite-app-spacing-5);
+  --calcite-tip-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-tip-selected-space-around-md: var(--calcite-app-spacing-none);
+  --calcite-tip-selected-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-tip-space-around-md: var(--calcite-app-spacing-7);
+  --calcite-tip-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-tip-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-tip-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-textarea-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-textarea-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-textarea-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-textarea-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-textarea-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-textarea-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-textarea-icon-size-lg: var(--calcite-app-sizing-7);
+  --calcite-textarea-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-textarea-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-textarea-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-textarea-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-textarea-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-textarea-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-textarea-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-textarea-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-tabs-space-between-lg: var(--calcite-app-spacing-9);
+  --calcite-tabs-space-between-md: var(--calcite-app-spacing-8);
+  --calcite-tabs-space-between-sm: var(--calcite-app-spacing-7);
+  --calcite-tabs-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-tabs-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-tabs-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-tabs-space-around-left-right-lg: var(--calcite-app-spacing-none);
+  --calcite-tabs-space-around-left-right-md: var(--calcite-app-spacing-none);
+  --calcite-tabs-space-around-left-right-sm: var(--calcite-app-spacing-none);
+  --calcite-tabs-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-tabs-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-tabs-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-tabs-border-width-active-lg: var(--calcite-app-border-width-1);
+  --calcite-tabs-border-width-active-md: var(--calcite-app-border-width-1);
+  --calcite-tabs-border-width-active-sm: var(--calcite-app-border-width-1);
+  --calcite-tabs-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-tabs-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-tabs-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-tabs-bordered-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-tabs-bordered-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-tabs-bordered-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-tabs-bordered-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-tabs-bordered-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-tabs-bordered-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-tabs-bordered-space-around-top-bottom-lg: var(--calcite-app-spacing-10);
+  --calcite-tabs-bordered-space-around-top-bottom-md: var(--calcite-app-spacing-7);
+  --calcite-tabs-bordered-space-around-top-bottom-sm: var(--calcite-app-spacing-7);
+  --calcite-tabs-bordered-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-tabs-bordered-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-tabs-bordered-space-around-left-right-sm: var(--calcite-app-spacing-5);
+  --calcite-tab-title-space-around-top-bottom-lg: var(--calcite-app-spacing-4);
+  --calcite-tab-title-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-tab-title-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-tab-title-space-around-left-right-lg: var(--calcite-app-spacing-1);
+  --calcite-tab-title-space-around-left-right-md: var(--calcite-app-spacing-1);
+  --calcite-tab-title-space-around-left-right-sm: var(--calcite-app-spacing-1);
+  --calcite-tab-title-space-between-lg: var(--calcite-app-spacing-3);
+  --calcite-tab-title-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-tab-title-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-tab-title-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-tab-title-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-tab-title-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-tab-title-border-width-active-lg: var(--calcite-app-border-width-1);
+  --calcite-tab-title-border-width-active-md: var(--calcite-app-border-width-1);
+  --calcite-tab-title-border-width-active-sm: var(--calcite-app-border-width-1);
+  --calcite-tab-title-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-tab-title-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-tab-title-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-tab-title-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-tab-title-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-tab-title-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-tab-title-bordered-space-around-top-bottom-lg: var(--calcite-app-spacing-4);
+  --calcite-tab-title-bordered-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-tab-title-bordered-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-tab-title-bordered-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-tab-title-bordered-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-tab-title-bordered-space-around-left-right-sm: var(--calcite-app-spacing-5);
+  --calcite-switch-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-switch-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-switch-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-switch-handle-border-width-lg: var(--calcite-app-border-width-1);
+  --calcite-switch-handle-border-width-md: var(--calcite-app-border-width-1);
+  --calcite-switch-handle-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-switch-handle-border-radius-lg: var(--calcite-app-border-radius-half);
+  --calcite-switch-handle-border-radius-md: var(--calcite-app-border-radius-half);
+  --calcite-switch-handle-border-radius-sm: var(--calcite-app-border-radius-half);
+  --calcite-switch-handle-size-lg: var(--calcite-app-sizing-9);
+  --calcite-switch-handle-size-md: var(--calcite-app-sizing-7);
+  --calcite-switch-handle-size-sm: var(--calcite-app-sizing-5);
+  --calcite-switch-comp-size-lg: var(--calcite-app-sizing-15);
+  --calcite-switch-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-switch-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-switch-border-radius-lg: var(--calcite-app-border-radius-full);
+  --calcite-switch-border-radius-md: var(--calcite-app-border-radius-full);
+  --calcite-switch-border-radius-sm: var(--calcite-app-border-radius-full);
+  --calcite-stepper-space-around-lg: var(--calcite-app-spacing-11);
+  --calcite-stepper-space-around-md: var(--calcite-app-spacing-9);
+  --calcite-stepper-space-around-sm: var(--calcite-app-spacing-7);
+  --calcite-stepper-space-between-lg: var(--calcite-app-spacing-14);
+  --calcite-stepper-space-between-md: var(--calcite-app-spacing-11);
+  --calcite-stepper-space-between-sm: var(--calcite-app-spacing-9);
+  --calcite-stepper-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-stepper-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-stepper-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-stepper-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-stepper-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-stepper-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-stepper-border-width-lg: var(--calcite-app-border-width-4);
+  --calcite-stepper-border-width-md: var(--calcite-app-border-width-2);
+  --calcite-stepper-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-stepper-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-stepper-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-stepper-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-stepper-item-disabled: var(--calcite-app-opacity-50);
+  --calcite-stepper-item-space-around-top-bottom-lg: var(--calcite-app-spacing-9);
+  --calcite-stepper-item-space-around-top-bottom-md: var(--calcite-app-spacing-8);
+  --calcite-stepper-item-space-around-top-bottom-sm: var(--calcite-app-spacing-7);
+  --calcite-stepper-item-space-around-right-lg: var(--calcite-app-spacing-8);
+  --calcite-stepper-item-space-around-right-md: var(--calcite-app-spacing-7);
+  --calcite-stepper-item-space-around-right-sm: var(--calcite-app-spacing-5);
+  --calcite-stepper-item-space-around-left-lg: var(--calcite-app-spacing-none);
+  --calcite-stepper-item-space-around-left-md: var(--calcite-app-spacing-none);
+  --calcite-stepper-item-space-around-left-sm: var(--calcite-app-spacing-none);
+  --calcite-stepper-item-space-between-lg: var(--calcite-app-spacing-14);
+  --calcite-stepper-item-space-between-md: var(--calcite-app-spacing-7);
+  --calcite-stepper-item-space-between-sm: var(--calcite-app-spacing-5);
+  --calcite-stepper-item-icon-size-lg: var(--calcite-app-sizing-7);
+  --calcite-stepper-item-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-stepper-item-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-stepper-item-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-stepper-item-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-stepper-item-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-stepper-item-border-width-lg: var(--calcite-app-border-width-1);
+  --calcite-stepper-item-border-width-md: var(--calcite-app-border-width-1);
+  --calcite-stepper-item-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-stepper-item-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-stepper-item-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-stepper-item-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-split-button-space-around-divider-solid-top-bottom: var(--calcite-app-spacing-1);
+  --calcite-split-button-space-around-dropdown-lg: var(--calcite-app-spacing-4);
+  --calcite-split-button-space-around-dropdown-md: var(--calcite-app-spacing-3);
+  --calcite-split-button-space-around-dropdown-sm: var(--calcite-app-spacing-1);
+  --calcite-split-button-space-around-content-top-bottom-lg: var(--calcite-app-spacing-4);
+  --calcite-split-button-space-around-content-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-split-button-space-around-content-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-split-button-space-around-content-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-split-button-space-around-content-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-split-button-space-around-content-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-split-button-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-split-button-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-split-button-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-split-button-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-split-button-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-split-button-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-split-button-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-split-button-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-split-button-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-split-button-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-split-button-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-split-button-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-split-button-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-split-button-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-split-button-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-slider-space-around-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-space-around-md: var(--calcite-app-spacing-2);
+  --calcite-slider-space-around-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-space-between-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-slider-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-handle-size-lg: var(--calcite-app-sizing-7);
+  --calcite-slider-handle-size-md: var(--calcite-app-sizing-6);
+  --calcite-slider-handle-size-sm: var(--calcite-app-sizing-4);
+  --calcite-slider-tick-size-height-lg: var(--calcite-app-sizing-2);
+  --calcite-slider-tick-size-height-md: var(--calcite-app-sizing-2);
+  --calcite-slider-tick-size-height-sm: var(--calcite-app-sizing-2);
+  --calcite-slider-tick-size-width-lg: var(--calcite-app-sizing-1);
+  --calcite-slider-tick-size-width-md: var(--calcite-app-sizing-1);
+  --calcite-slider-tick-size-width-sm: var(--calcite-app-sizing-1);
+  --calcite-slider-border-width-lg: var(--calcite-app-border-width-1);
+  --calcite-slider-border-width-md: var(--calcite-app-border-width-1);
+  --calcite-slider-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-slider-range-space-around-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-range-space-around-md: var(--calcite-app-spacing-2);
+  --calcite-slider-range-space-around-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-range-space-between-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-range-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-slider-range-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-range-handle-size-lg: var(--calcite-app-sizing-7);
+  --calcite-slider-range-handle-size-md: var(--calcite-app-sizing-6);
+  --calcite-slider-range-handle-size-sm: var(--calcite-app-sizing-4);
+  --calcite-slider-range-tick-size-height-lg: var(--calcite-app-sizing-2);
+  --calcite-slider-range-tick-size-height-md: var(--calcite-app-sizing-2);
+  --calcite-slider-range-tick-size-height-sm: var(--calcite-app-sizing-2);
+  --calcite-slider-range-tick-size-width-lg: var(--calcite-app-sizing-1);
+  --calcite-slider-range-tick-size-width-md: var(--calcite-app-sizing-1);
+  --calcite-slider-range-tick-size-width-sm: var(--calcite-app-sizing-1);
+  --calcite-slider-range-border-width-lg: var(--calcite-app-border-width-1);
+  --calcite-slider-range-border-width-md: var(--calcite-app-border-width-1);
+  --calcite-slider-range-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-slider-histogram-active-end-height-lg: var(--calcite-app-sizing-15);
+  --calcite-slider-histogram-active-end-height-md: var(--calcite-app-sizing-15);
+  --calcite-slider-histogram-active-end-height-sm: var(--calcite-app-sizing-15);
+  --calcite-slider-histogram-active-end-width-lg: var(--calcite-app-sizing-0);
+  --calcite-slider-histogram-active-end-width-md: var(--calcite-app-sizing-0);
+  --calcite-slider-histogram-active-end-width-sm: var(--calcite-app-sizing-0);
+  --calcite-slider-histogram-space-around-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-histogram-space-around-md: var(--calcite-app-spacing-2);
+  --calcite-slider-histogram-space-around-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-histogram-space-between-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-histogram-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-slider-histogram-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-histogram-handle-size-lg: var(--calcite-app-sizing-7);
+  --calcite-slider-histogram-handle-size-md: var(--calcite-app-sizing-6);
+  --calcite-slider-histogram-handle-size-sm: var(--calcite-app-sizing-4);
+  --calcite-slider-histogram-tick-size-height-lg: var(--calcite-app-sizing-2);
+  --calcite-slider-histogram-tick-size-height-md: var(--calcite-app-sizing-2);
+  --calcite-slider-histogram-tick-size-height-sm: var(--calcite-app-sizing-2);
+  --calcite-slider-histogram-tick-size-width-lg: var(--calcite-app-sizing-1);
+  --calcite-slider-histogram-tick-size-width-md: var(--calcite-app-sizing-1);
+  --calcite-slider-histogram-tick-size-width-sm: var(--calcite-app-sizing-1);
+  --calcite-slider-histogram-border-width-lg: var(--calcite-app-border-width-1);
+  --calcite-slider-histogram-border-width-md: var(--calcite-app-border-width-1);
+  --calcite-slider-histogram-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-slider-histogram-range-active-start-end-height-lg: var(--calcite-app-sizing-15);
+  --calcite-slider-histogram-range-active-start-end-height-md: var(--calcite-app-sizing-15);
+  --calcite-slider-histogram-range-active-start-end-height-sm: var(--calcite-app-sizing-15);
+  --calcite-slider-histogram-range-active-start-end-width-lg: var(--calcite-app-sizing-0);
+  --calcite-slider-histogram-range-active-start-end-width-md: var(--calcite-app-sizing-0);
+  --calcite-slider-histogram-range-active-start-end-width-sm: var(--calcite-app-sizing-0);
+  --calcite-slider-histogram-range-tick-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-slider-histogram-range-tick-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-slider-histogram-range-tick-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-slider-histogram-range-space-around-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-histogram-range-space-around-md: var(--calcite-app-spacing-2);
+  --calcite-slider-histogram-range-space-around-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-histogram-range-space-between-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-histogram-range-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-slider-histogram-range-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-histogram-range-handle-size-lg: var(--calcite-app-sizing-7);
+  --calcite-slider-histogram-range-handle-size-md: var(--calcite-app-sizing-6);
+  --calcite-slider-histogram-range-handle-size-sm: var(--calcite-app-sizing-4);
+  --calcite-slider-histogram-range-tick-size-height-lg: var(--calcite-app-sizing-2);
+  --calcite-slider-histogram-range-tick-size-height-md: var(--calcite-app-sizing-2);
+  --calcite-slider-histogram-range-tick-size-height-sm: var(--calcite-app-sizing-2);
+  --calcite-slider-histogram-range-tick-size-width-lg: var(--calcite-app-sizing-1);
+  --calcite-slider-histogram-range-tick-size-width-md: var(--calcite-app-sizing-1);
+  --calcite-slider-histogram-range-tick-size-width-sm: var(--calcite-app-sizing-1);
+  --calcite-slider-histogram-range-handle-border-width-lg: var(--calcite-app-border-width-1);
+  --calcite-slider-histogram-range-handle-border-width-md: var(--calcite-app-border-width-1);
+  --calcite-slider-histogram-range-handle-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-segmented-control-space-around-lg: var(--calcite-app-spacing-11);
+  --calcite-segmented-control-space-around-md: var(--calcite-app-spacing-9);
+  --calcite-segmented-control-space-around-sm: var(--calcite-app-spacing-7);
+  --calcite-segmented-control-space-between-lg: var(--calcite-app-spacing-14);
+  --calcite-segmented-control-space-between-md: var(--calcite-app-spacing-11);
+  --calcite-segmented-control-space-between-sm: var(--calcite-app-spacing-9);
+  --calcite-segmented-control-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-segmented-control-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-segmented-control-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-segmented-control-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-segmented-control-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-segmented-control-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-segmented-control-border-width-lg: var(--calcite-app-border-width-4);
+  --calcite-segmented-control-border-width-md: var(--calcite-app-border-width-2);
+  --calcite-segmented-control-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-segmented-control-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-segmented-control-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-segmented-control-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-scrim-opacity: var(--calcite-app-opacity-85);
+  --calcite-rating-space-around-lg: var(--calcite-app-spacing-7);
+  --calcite-rating-space-around-md: var(--calcite-app-spacing-5);
+  --calcite-rating-space-around-sm: var(--calcite-app-spacing-3);
+  --calcite-rating-space-between-lg: var(--calcite-app-spacing-3);
+  --calcite-rating-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-rating-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-rating-average-chip-space-arround-lg: var(--calcite-app-sizing-7);
+  --calcite-rating-average-chip-space-arround-md: var(--calcite-app-sizing-5);
+  --calcite-rating-average-chip-space-arround-sm: var(--calcite-app-sizing-3);
+  --calcite-rating-average-chip-space-between-lg: var(--calcite-app-sizing-5);
+  --calcite-rating-average-chip-space-between-md: var(--calcite-app-sizing-3);
+  --calcite-rating-average-chip-space-between-sm: var(--calcite-app-sizing-1);
+  --calcite-rating-average-space-between-lg: var(--calcite-app-sizing-5);
+  --calcite-rating-average-space-between-md: var(--calcite-app-sizing-3);
+  --calcite-rating-average-space-between-sm: var(--calcite-app-sizing-1);
+  --calcite-rating-star-container-space-around-lg: var(--calcite-app-sizing-2);
+  --calcite-rating-star-container-space-around-md: var(--calcite-app-sizing-1);
+  --calcite-rating-star-container-space-around-sm: var(--calcite-app-sizing-1);
+  --calcite-rating-star-container-space-between-lg: var(--calcite-app-sizing-5);
+  --calcite-rating-star-container-space-between-md: var(--calcite-app-sizing-3);
+  --calcite-rating-star-container-space-between-sm: var(--calcite-app-sizing-1);
+  --calcite-rating-star-comp-size-lg: var(--calcite-app-sizing-11);
+  --calcite-rating-star-comp-size-md: var(--calcite-app-sizing-9);
+  --calcite-rating-star-comp-size-sm: var(--calcite-app-sizing-7);
+  --calcite-rating-chip-count-font-weights: var(--calcite-app-font-weight-medium-italic);
+  --calcite-rating-chip-count-font-typography: var(--calcite-app-font-size-3);
+  --calcite-rating-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-rating-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-rating-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-radio-space-around-lg: var(--calcite-app-sizing-7);
+  --calcite-radio-space-around-md: var(--calcite-app-sizing-5);
+  --calcite-radio-space-around-sm: var(--calcite-app-sizing-3);
+  --calcite-radio-border-width-checked-lg: var(--calcite-app-border-width-3);
+  --calcite-radio-border-width-checked-md: var(--calcite-app-border-width-2);
+  --calcite-radio-border-width-checked-sm: var(--calcite-app-border-width-2);
+  --calcite-radio-border-width-unchecked: var(--calcite-app-border-width-0);
+  --calcite-radio-space-between-lg: var(--calcite-app-sizing-3);
+  --calcite-radio-space-between-md: var(--calcite-app-sizing-3);
+  --calcite-radio-space-between-sm: var(--calcite-app-sizing-3);
+  --calcite-radio-comp-size-lg: var(--calcite-app-sizing-7);
+  --calcite-radio-comp-size-md: var(--calcite-app-sizing-6);
+  --calcite-radio-comp-size-sm: var(--calcite-app-sizing-5);
+  --calcite-popover-space-around-left-top-bottom-lg: var(--calcite-app-spacing-7);
+  --calcite-popover-space-around-left-top-bottom-md: var(--calcite-app-spacing-5);
+  --calcite-popover-space-around-left-top-bottom-sm: var(--calcite-app-spacing-3);
+  --calcite-popover-space-around-left-right-lg: var(--calcite-app-spacing-8);
+  --calcite-popover-space-around-left-right-md: var(--calcite-app-spacing-7);
+  --calcite-popover-space-around-left-right-sm: var(--calcite-app-spacing-5);
+  --calcite-popover-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-popover-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-popover-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-popover-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-popover-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-popover-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-popover-pointer-size-lg: var(--calcite-app-sizing-6);
+  --calcite-popover-pointer-size-md: var(--calcite-app-sizing-6);
+  --calcite-popover-pointer-size-sm: var(--calcite-app-sizing-6);
+  --calcite-popover-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-popover-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-popover-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-popover-border-radius-lg: var(--calcite-app-border-radius-1);
+  --calcite-popover-border-radius-md: var(--calcite-app-border-radius-1);
+  --calcite-popover-border-radius-sm: var(--calcite-app-border-radius-1);
+  --calcite-panel-header-space-around-top-bottom-md: var(--calcite-app-spacing-6);
+  --calcite-panel-header-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-panel-header-space-between-md: var(--calcite-app-spacing-1);
+  --calcite-panel-header-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-panel-header-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-pagination-space-around-lg: var(--calcite-app-spacing-11);
+  --calcite-pagination-space-around-md: var(--calcite-app-spacing-9);
+  --calcite-pagination-space-around-sm: var(--calcite-app-spacing-7);
+  --calcite-pagination-space-between-lg: var(--calcite-app-spacing-14);
+  --calcite-pagination-space-between-md: var(--calcite-app-spacing-11);
+  --calcite-pagination-space-between-sm: var(--calcite-app-spacing-9);
+  --calcite-pagination-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-pagination-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-pagination-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-pagination-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-pagination-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-pagination-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-pagination-border-width-lg: var(--calcite-app-border-width-4);
+  --calcite-pagination-border-width-md: var(--calcite-app-border-width-2);
+  --calcite-pagination-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-pagination-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-pagination-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-pagination-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-notice-space-around-right-lg: var(--calcite-app-spacing-7);
+  --calcite-notice-space-around-right-md: var(--calcite-app-spacing-5);
+  --calcite-notice-space-around-right-sm: var(--calcite-app-spacing-3);
+  --calcite-notice-space-around-left-lg: var(--calcite-app-spacing-8);
+  --calcite-notice-space-around-left-md: var(--calcite-app-spacing-7);
+  --calcite-notice-space-around-left-sm: var(--calcite-app-spacing-5);
+  --calcite-notice-space-around-top-bottom-lg: var(--calcite-app-spacing-7);
+  --calcite-notice-space-around-top-bottom-md: var(--calcite-app-spacing-6);
+  --calcite-notice-space-around-top-bottom-sm: var(--calcite-app-spacing-4);
+  --calcite-notice-content-space-between-lg: var(--calcite-app-spacing-1);
+  --calcite-notice-content-space-between-md: var(--calcite-app-spacing-1);
+  --calcite-notice-content-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-notice-highlight-border-lg: var(--calcite-app-border-width-1);
+  --calcite-notice-highlight-border-md: var(--calcite-app-border-width-1);
+  --calcite-notice-highlight-border-sm: var(--calcite-app-border-width-1);
+  --calcite-notice-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-notice-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-notice-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-notice-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-notice-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-notice-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-modal-border-radius-md: var(--calcite-app-border-radius-1);
+  --calcite-modal-border-radius-lg: var(--calcite-app-border-radius-1);
+  --calcite-modal-border-radius-sm: var(--calcite-app-border-radius-1);
+  --calcite-modal-border-width-top-lg: var(--calcite-app-border-width-2);
+  --calcite-modal-border-width-top-md: var(--calcite-app-border-width-2);
+  --calcite-modal-border-width-top-sm: var(--calcite-app-border-width-2);
+  --calcite-modal-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-modal-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-modal-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-modal-space-around-cancel-button-lg: var(--calcite-app-spacing-1);
+  --calcite-modal-space-around-cancel-button-md: var(--calcite-app-spacing-1);
+  --calcite-modal-space-around-cancel-button-sm: var(--calcite-app-spacing-1);
+  --calcite-modal-space-around-content-lg: var(--calcite-app-spacing-8);
+  --calcite-modal-space-around-content-md: var(--calcite-app-spacing-7);
+  --calcite-modal-space-around-content-sm: var(--calcite-app-spacing-5);
+  --calcite-modal-space-around-top-bottom-lg: var(--calcite-app-spacing-8);
+  --calcite-modal-space-around-top-bottom-md: var(--calcite-app-spacing-7);
+  --calcite-modal-space-around-top-bottom-sm: var(--calcite-app-spacing-5);
+  --calcite-modal-space-around-left-right-lg: var(--calcite-app-spacing-9);
+  --calcite-modal-space-around-left-right-md: var(--calcite-app-spacing-8);
+  --calcite-modal-space-around-left-right-sm: var(--calcite-app-spacing-7);
+  --calcite-modal-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-modal-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-modal-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-modal-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-modal-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-modal-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-loader-inline-space-around-lg: var(--calcite-app-spacing-5);
+  --calcite-loader-inline-space-around-md: var(--calcite-app-spacing-3);
+  --calcite-loader-inline-space-around-sm: var(--calcite-app-spacing-2);
+  --calcite-loader-inline-space-between-lg: var(--calcite-app-spacing-5);
+  --calcite-loader-inline-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-loader-inline-space-between-sm: var(--calcite-app-spacing-2);
+  --calcite-loader-inline-comp-size-lg: var(--calcite-app-sizing-9);
+  --calcite-loader-inline-comp-size-md: var(--calcite-app-sizing-7);
+  --calcite-loader-inline-comp-size-sm: var(--calcite-app-sizing-5);
+  --calcite-loader-space-between-standard: var(--calcite-app-spacing-1);
+  --calcite-loader-comp-size-lg: var(--calcite-app-sizing-20);
+  --calcite-loader-comp-size-md: var(--calcite-app-sizing-17);
+  --calcite-loader-comp-size-sm: var(--calcite-app-sizing-11);
+  --calcite-link-bottom-border-width: var(--calcite-app-border-width-0);
+  --calcite-input-week-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-week-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-week-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-week-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-week-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-week-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-week-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-week-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-week-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-week-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-week-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-week-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-week-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-week-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-week-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-week-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-week-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-week-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-week-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-text-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-text-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-text-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-text-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-text-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-text-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-text-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-text-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-text-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-text-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-text-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-text-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-text-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-text-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-text-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-text-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-text-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-text-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-text-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-telephone-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-telephone-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-telephone-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-telephone-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-telephone-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-telephone-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-telephone-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-telephone-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-telephone-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-telephone-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-telephone-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-telephone-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-telephone-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-telephone-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-telephone-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-telephone-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-telephone-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-telephone-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-telephone-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-search-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-search-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-search-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-search-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-search-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-search-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-search-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-search-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-search-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-search-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-search-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-search-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-search-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-search-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-search-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-search-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-search-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-search-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-search-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-password-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-password-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-password-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-password-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-password-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-password-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-password-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-password-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-password-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-password-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-password-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-password-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-password-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-password-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-password-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-password-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-password-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-password-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-password-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-number-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-number-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-number-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-number-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-number-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-number-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-number-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-number-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-number-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-number-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-number-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-number-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-number-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-number-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-number-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-number-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-number-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-number-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-number-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-month-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-month-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-month-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-month-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-month-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-month-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-month-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-month-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-month-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-month-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-month-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-month-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-month-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-month-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-month-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-month-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-month-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-month-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-month-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-message-icon-size-lg: var(--calcite-app-sizing-7);
+  --calcite-input-message-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-message-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-file-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-file-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-file-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-file-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-file-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-file-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-file-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-file-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-file-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-file-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-file-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-file-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-file-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-file-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-file-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-file-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-file-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-file-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-file-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-email-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-email-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-email-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-email-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-email-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-email-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-email-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-email-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-email-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-email-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-email-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-email-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-email-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-email-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-email-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-email-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-email-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-email-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-email-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-datetime-local-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-datetime-local-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-datetime-local-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-datetime-local-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-datetime-local-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-datetime-local-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-datetime-local-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-datetime-local-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-datetime-local-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-datetime-local-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-datetime-local-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-datetime-local-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-datetime-local-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-datetime-local-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-datetime-local-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-datetime-local-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-datetime-local-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-datetime-local-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-datetime-local-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-date-picker-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-date-picker-arrow-size-lg: var(--calcite-app-sizing-7);
+  --calcite-input-date-picker-arrow-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-date-picker-arrow-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-date-picker-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-date-picker-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-date-picker-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-date-picker-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-date-picker-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-date-picker-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-date-picker-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-date-picker-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-date-picker-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-date-picker-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-date-picker-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-date-picker-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-date-picker-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-date-picker-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-date-picker-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-date-picker-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-date-picker-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-date-picker-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-filter-space-around-top-bottom-lg: var(--calcite-app-spacing-3);
+  --calcite-filter-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-filter-space-around-top-bottom-sm: var(--calcite-app-spacing-3);
+  --calcite-filter-space-around-left-right-lg: var(--calcite-app-spacing-5);
+  --calcite-filter-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-filter-space-around-left-right-sm: var(--calcite-app-spacing-5);
+  --calcite-filter-input-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-filter-input-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-filter-input-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-filter-input-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-filter-input-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-filter-input-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-filter-input-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-filter-input-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-filter-input-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-filter-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-filter-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-filter-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-filter-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-filter-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-filter-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-filter-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-filter-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-filter-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-fab-space-around-icon-only-lg: var(--calcite-app-spacing-4);
+  --calcite-fab-space-around-icon-only-md: var(--calcite-app-spacing-3);
+  --calcite-fab-space-around-icon-only-sm: var(--calcite-app-spacing-1);
+  --calcite-fab-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-fab-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-fab-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-fab-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-fab-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-fab-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-fab-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-fab-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-fab-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-fab-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-fab-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-fab-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-fab-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-fab-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-fab-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-fab-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-fab-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-fab-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-fab-border-radius-lg: var(--calcite-app-border-radius-full);
+  --calcite-fab-border-radius-md: var(--calcite-app-border-radius-full);
+  --calcite-fab-border-radius-sm: var(--calcite-app-border-radius-full);
+  --calcite-dropdown-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-dropdown-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-dropdown-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-dropdown-border-radius-lg: var(--calcite-app-border-radius-1);
+  --calcite-dropdown-border-radius-md: var(--calcite-app-border-radius-1);
+  --calcite-dropdown-border-radius-sm: var(--calcite-app-border-radius-1);
+  --calcite-dropdown-item-space-around-icon-end-left-lg: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-icon-end-left-md: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-icon-end-left-sm: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-icon-start-right-lg: var(--calcite-app-spacing-7);
+  --calcite-dropdown-item-space-around-icon-start-right-md: var(--calcite-app-spacing-5);
+  --calcite-dropdown-item-space-around-icon-start-right-sm: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-icon-start-left-lg: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-icon-start-left-md: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-icon-start-left-sm: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-group-title-lg: var(--calcite-app-spacing-7);
+  --calcite-dropdown-item-space-around-group-title-md: var(--calcite-app-spacing-5);
+  --calcite-dropdown-item-space-around-group-title-sm: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-multi-top-bottom-lg: var(--calcite-app-spacing-4);
+  --calcite-dropdown-item-space-around-container-multi-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-multi-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-container-multi-right-lg: var(--calcite-app-spacing-7);
+  --calcite-dropdown-item-space-around-container-multi-right-md: var(--calcite-app-spacing-5);
+  --calcite-dropdown-item-space-around-container-multi-right-sm: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-multi-left-lg: var(--calcite-app-spacing-13);
+  --calcite-dropdown-item-space-around-container-multi-left-md: var(--calcite-app-spacing-11);
+  --calcite-dropdown-item-space-around-container-multi-left-sm: var(--calcite-app-spacing-9);
+  --calcite-dropdown-item-space-around-container-single-top-bottom-lg: var(--calcite-app-spacing-4);
+  --calcite-dropdown-item-space-around-container-single-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-single-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-container-single-right-lg: var(--calcite-app-spacing-7);
+  --calcite-dropdown-item-space-around-container-single-right-md: var(--calcite-app-spacing-5);
+  --calcite-dropdown-item-space-around-container-single-right-sm: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-single-left-lg: var(--calcite-app-spacing-13);
+  --calcite-dropdown-item-space-around-container-single-left-md: var(--calcite-app-spacing-11);
+  --calcite-dropdown-item-space-around-container-single-left-sm: var(--calcite-app-spacing-9);
+  --calcite-dropdown-item-space-around-container-top-bottom-lg: var(--calcite-app-spacing-4);
+  --calcite-dropdown-item-space-around-container-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-container-right-lg: var(--calcite-app-spacing-7);
+  --calcite-dropdown-item-space-around-container-right-md: var(--calcite-app-spacing-5);
+  --calcite-dropdown-item-space-around-container-right-sm: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-left-lg: var(--calcite-app-spacing-5);
+  --calcite-dropdown-item-space-around-container-left-md: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-left-sm: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-content-top-bottom-lg: var(--calcite-app-spacing-0);
+  --calcite-dropdown-item-space-around-content-top-bottom-md: var(--calcite-app-spacing-0);
+  --calcite-dropdown-item-space-around-content-top-bottom-sm: var(--calcite-app-spacing-none);
+  --calcite-dropdown-item-space-around-content-left-lg: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-content-left-md: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-content-left-sm: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-between-container-lg: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-between-container-md: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-between-container-sm: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-dropdown-item-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-dropdown-item-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-dropdown-item-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-dropdown-item-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-dropdown-item-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-date-picker-month-space-around-lg: var(--calcite-app-spacing-4);
+  --calcite-date-picker-month-space-around-md: var(--calcite-app-spacing-4);
+  --calcite-date-picker-month-space-around-sm: var(--calcite-app-spacing-3);
+  --calcite-date-picker-month-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-date-picker-month-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-date-picker-month-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-date-picker-day-space-around-lg: var(--calcite-app-spacing-1);
+  --calcite-date-picker-day-space-around-md: var(--calcite-app-spacing-1);
+  --calcite-date-picker-day-space-around-sm: var(--calcite-app-spacing-1);
+  --calcite-date-picker-day-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-date-picker-day-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-date-picker-day-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-date-picker-date-space-around-top-bottom-lg: var(--calcite-app-spacing-1);
+  --calcite-date-picker-date-space-around-top-bottom-md: var(--calcite-app-spacing-1);
+  --calcite-date-picker-date-space-around-top-bottom-sm: var(--calcite-app-spacing-none);
+  --calcite-date-picker-date-space-around-left-right-lg: var(--calcite-app-spacing-1);
+  --calcite-date-picker-date-space-around-left-right-md: var(--calcite-app-spacing-0);
+  --calcite-date-picker-date-space-around-left-right-sm: var(--calcite-app-spacing-0);
+  --calcite-date-picker-date-row-space-around-top-bottom-lg: var(--calcite-app-spacing-none);
+  --calcite-date-picker-date-row-space-around-top-bottom-md: var(--calcite-app-spacing-none);
+  --calcite-date-picker-date-row-space-around-top-bottom-sm: var(--calcite-app-spacing-0);
+  --calcite-date-picker-date-row-space-around-left-right-lg: var(--calcite-app-spacing-2);
+  --calcite-date-picker-date-row-space-around-left-right-md: var(--calcite-app-spacing-2);
+  --calcite-date-picker-date-row-space-around-left-right-sm: var(--calcite-app-spacing-2);
+  --calcite-date-picker-date-row-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-date-picker-date-row-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-date-picker-date-row-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-date-picker-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-date-picker-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-date-picker-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-date-picker-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-date-picker-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-date-picker-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-date-picker-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-date-picker-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-date-picker-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-date-picker-background-date-range-dark: var(--calcite-semantic-ui-color-foreground-current-dark);
+  --calcite-combobox-space-around-lg: var(--calcite-app-spacing-11);
+  --calcite-combobox-space-around-md: var(--calcite-app-spacing-9);
+  --calcite-combobox-space-around-sm: var(--calcite-app-spacing-7);
+  --calcite-combobox-space-between-lg: var(--calcite-app-spacing-14);
+  --calcite-combobox-space-between-md: var(--calcite-app-spacing-11);
+  --calcite-combobox-space-between-sm: var(--calcite-app-spacing-9);
+  --calcite-combobox-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-combobox-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-combobox-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-combobox-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-combobox-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-combobox-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-combobox-border-width-lg: var(--calcite-app-border-width-4);
+  --calcite-combobox-border-width-md: var(--calcite-app-border-width-2);
+  --calcite-combobox-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-combobox-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-combobox-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-combobox-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-color-picker-space-around-lg: var(--calcite-app-spacing-7);
+  --calcite-color-picker-space-around-md: var(--calcite-app-spacing-5);
+  --calcite-color-picker-space-around-sm: var(--calcite-app-spacing-5);
+  --calcite-color-picker-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-color-picker-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-color-picker-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-color-picker-channels-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-color-picker-swatch-size-lg: var(--calcite-app-sizing-9);
+  --calcite-color-picker-swatch-size-md: var(--calcite-app-sizing-8);
+  --calcite-color-picker-swatch-size-sm: var(--calcite-app-sizing-8);
+  --calcite-color-picker-saved-size-lg: var(--calcite-app-sizing-11);
+  --calcite-color-picker-saved-size-md: var(--calcite-app-sizing-9);
+  --calcite-color-picker-saved-size-sm: var(--calcite-app-sizing-8);
+  --calcite-color-picker-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-color-picker-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-color-picker-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-color-picker-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-color-picker-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-color-picker-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-chip-text-space-around-lg: var(--calcite-app-spacing-5);
+  --calcite-chip-text-space-around-md: var(--calcite-app-spacing-3);
+  --calcite-chip-text-space-around-sm: var(--calcite-app-spacing-3);
+  --calcite-chip-border-width: var(--calcite-app-border-width-0);
+  --calcite-chip-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-chip-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-chip-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-chip-space-around-lg: var(--calcite-app-spacing-7);
+  --calcite-chip-space-around-md: var(--calcite-app-spacing-5);
+  --calcite-chip-space-around-sm: var(--calcite-app-spacing-3);
+  --calcite-chip-closable-icon-space-around-lg: var(--calcite-app-spacing-1);
+  --calcite-chip-closable-icon-space-around-md: var(--calcite-app-spacing-1);
+  --calcite-chip-closable-icon-space-around-sm: var(--calcite-app-spacing-1);
+  --calcite-chip-icon-size-lg: var(--calcite-app-sizing-7);
+  --calcite-chip-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-chip-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-chip-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-chip-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-chip-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-chip-icon-space-around-left-lg: var(--calcite-app-spacing-5);
+  --calcite-chip-icon-space-around-left-md: var(--calcite-app-spacing-3);
+  --calcite-chip-icon-space-around-left-sm: var(--calcite-app-spacing-3);
+  --calcite-chip-icon-space-around-right-lg: var(--calcite-app-spacing-1);
+  --calcite-chip-icon-space-around-right-md: var(--calcite-app-spacing-1);
+  --calcite-chip-icon-space-around-right-sm: var(--calcite-app-spacing-none);
+  --calcite-checkbox-space-around-standard: var(--calcite-app-spacing-5);
+  --calcite-checkbox-border-width: var(--calcite-app-border-width-0);
+  --calcite-checkbox-space-between-lg: var(--calcite-app-sizing-3);
+  --calcite-checkbox-space-between-md: var(--calcite-app-sizing-3);
+  --calcite-checkbox-space-between-sm: var(--calcite-app-sizing-1);
+  --calcite-checkbox-comp-size-lg: var(--calcite-app-sizing-7);
+  --calcite-checkbox-comp-size-md: var(--calcite-app-sizing-6);
+  --calcite-checkbox-comp-size-sm: var(--calcite-app-sizing-5);
+  --calcite-card-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-card-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-card-space-between-title-md: var(--calcite-app-spacing-3);
+  --calcite-card-space-between-card-md: var(--calcite-app-spacing-7);
+  --calcite-card-space-around-md: var(--calcite-app-spacing-5);
+  --calcite-button-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-button-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-button-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-button-space-around-icon-only-lg: var(--calcite-app-spacing-5);
+  --calcite-button-space-around-icon-only-md: var(--calcite-app-spacing-3);
+  --calcite-button-space-around-icon-only-sm: var(--calcite-app-spacing-1);
+  --calcite-button-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-button-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-button-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-button-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-button-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-button-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-button-icon-size-lg: var(--calcite-app-sizing-7);
+  --calcite-button-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-button-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-button-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-button-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-button-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-button-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-button-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-button-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-button-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-button-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-button-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-block-drag-handle-space-around-drag-right-left-md: var(--calcite-app-spacing-1);
+  --calcite-block-drag-size-md: var(--calcite-app-sizing-9);
+  --calcite-block-chevron-size-md: var(--calcite-app-sizing-7);
+  --calcite-block-space-around-block-content-top-down-md: var(--calcite-app-spacing-3);
+  --calcite-block-space-around-block-content-right-left-md: var(--calcite-app-spacing-5);
+  --calcite-block-space-around-block-right-md: var(--calcite-app-spacing-7);
+  --calcite-block-space-around-block-top-down-left-md: var(--calcite-app-spacing-5);
+  --calcite-block-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-block-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-block-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-block-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-block-section-chevron-size-md: var(--calcite-app-sizing-7);
+  --calcite-block-section-space-around-switch-left-md: var(--calcite-app-spacing-1);
+  --calcite-block-section-space-around-icon-left-md: var(--calcite-app-spacing-3);
+  --calcite-block-section-space-around-block-section-top-bottom-md: var(--calcite-app-spacing-5);
+  --calcite-block-section-space-around-block-content-md: var(--calcite-app-spacing-none);
+  --calcite-block-section-space-around-block-text-right-left-md: var(--calcite-app-spacing-5);
+  --calcite-block-section-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-block-section-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-block-section-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-avatar-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-avatar-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-avatar-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-avatar-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-avatar-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-avatar-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-avatar-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-avatar-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-avatar-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-avatar-background-yellow-dark: var(--calcite-app-color-palette-high-saturation-yellow-h-yy-100);
+  --calcite-avatar-background-yellow-light: var(--calcite-app-color-palette-high-saturation-yellow-h-yy-010);
+  --calcite-avatar-background-green-dark: var(--calcite-app-color-palette-high-saturation-yellow-green-h-yg-090);
+  --calcite-avatar-background-green-light: var(--calcite-app-color-palette-high-saturation-yellow-green-h-yg-010);
+  --calcite-avatar-background-blue-dark: var(--calcite-app-color-palette-high-saturation-blue-h-bb-090);
+  --calcite-avatar-background-blue-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-010);
+  --calcite-avatar-background-teal-dark: var(--calcite-app-color-palette-high-saturation-green-blue-h-gb-090);
+  --calcite-avatar-background-teal-light: var(--calcite-app-color-palette-high-saturation-green-blue-h-gb-010);
+  --calcite-avatar-background-red-dark: var(--calcite-app-color-palette-high-saturation-red-h-rr-090);
+  --calcite-avatar-background-red-light: var(--calcite-app-color-palette-high-saturation-red-h-rr-010);
+  --calcite-alert-space-around-right-lg: var(--calcite-app-spacing-8);
+  --calcite-alert-space-around-right-md: var(--calcite-app-spacing-5);
+  --calcite-alert-space-around-right-sm: var(--calcite-app-spacing-4);
+  --calcite-alert-space-around-left-lg: var(--calcite-app-spacing-8);
+  --calcite-alert-space-around-left-md: var(--calcite-app-spacing-5);
+  --calcite-alert-space-around-left-sm: var(--calcite-app-spacing-4);
+  --calcite-alert-space-around-bottom-lg: var(--calcite-app-spacing-8);
+  --calcite-alert-space-around-bottom-md: var(--calcite-app-spacing-5);
+  --calcite-alert-space-around-bottom-sm: var(--calcite-app-spacing-4);
+  --calcite-alert-space-around-top-lg: var(--calcite-app-spacing-8);
+  --calcite-alert-space-around-top-md: var(--calcite-app-spacing-5);
+  --calcite-alert-space-around-top-sm: var(--calcite-app-spacing-4);
+  --calcite-alert-space-between-lg: var(--calcite-app-spacing-8);
+  --calcite-alert-space-between-md: var(--calcite-app-spacing-7);
+  --calcite-alert-space-between-sm: var(--calcite-app-spacing-5);
+  --calcite-alert-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-alert-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-alert-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-alert-border-radius-lg: var(--calcite-app-border-radius-1);
+  --calcite-alert-border-radius-md: var(--calcite-app-border-radius-1);
+  --calcite-alert-border-radius-sm: var(--calcite-app-border-radius-1);
+  --calcite-action-indicator-size-lg: var(--calcite-app-sizing-3);
+  --calcite-action-indicator-size-md: var(--calcite-app-sizing-3);
+  --calcite-action-indicator-size-sm: var(--calcite-app-sizing-3);
+  --calcite-action-space-around-lg: var(--calcite-app-spacing-8);
+  --calcite-action-space-around-md: var(--calcite-app-spacing-7);
+  --calcite-action-space-around-sm: var(--calcite-app-spacing-3);
+  --calcite-action-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-action-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-action-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-action-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-action-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-action-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-action-pad-space-around-lg: var(--calcite-app-spacing-none);
+  --calcite-action-pad-space-around-md: var(--calcite-app-spacing-none);
+  --calcite-action-pad-space-around-sm: var(--calcite-app-spacing-none);
+  --calcite-action-pad-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-action-pad-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-action-pad-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-action-pad-border-radius-lg: var(--calcite-app-border-radius-1);
+  --calcite-action-pad-border-radius-md: var(--calcite-app-border-radius-1);
+  --calcite-action-pad-border-radius-sm: var(--calcite-app-border-radius-1);
+  --calcite-action-pad-grid-space-around-lg: var(--calcite-app-spacing-none);
+  --calcite-action-pad-grid-space-around-md: var(--calcite-app-spacing-none);
+  --calcite-action-pad-grid-space-around-sm: var(--calcite-app-spacing-none);
+  --calcite-action-pad-grid-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-action-pad-grid-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-action-pad-grid-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-action-pad-grid-border-radius-lg: var(--calcite-app-border-radius-1);
+  --calcite-action-pad-grid-border-radius-md: var(--calcite-app-border-radius-1);
+  --calcite-action-pad-grid-border-radius-sm: var(--calcite-app-border-radius-1);
+  --calcite-action-bar-space-around-lg: var(--calcite-app-spacing-none);
+  --calcite-action-bar-space-around-md: var(--calcite-app-spacing-none);
+  --calcite-action-bar-space-around-sm: var(--calcite-app-spacing-none);
+  --calcite-action-bar-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-action-bar-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-action-bar-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-action-bar-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-action-bar-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-action-bar-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-action-bar-grid-space-around-lg: var(--calcite-app-spacing-none);
+  --calcite-action-bar-grid-space-around-md: var(--calcite-app-spacing-none);
+  --calcite-action-bar-grid-space-around-sm: var(--calcite-app-spacing-none);
+  --calcite-action-bar-grid-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-action-bar-grid-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-action-bar-grid-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-action-bar-grid-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-action-bar-grid-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-action-bar-grid-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-accordion-minimal-space-around-left-right-lg: var(--calcite-app-spacing-none);
+  --calcite-accordion-minimal-space-around-left-right-md: var(--calcite-app-spacing-none);
+  --calcite-accordion-minimal-space-around-left-right-sm: var(--calcite-app-spacing-none);
+  --calcite-accordion-minimal-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-accordion-minimal-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-accordion-minimal-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-accordion-minimal-text-space-between-lg: var(--calcite-app-spacing-1);
+  --calcite-accordion-minimal-text-space-between-md: var(--calcite-app-spacing-1);
+  --calcite-accordion-minimal-text-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-accordion-minimal-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-accordion-minimal-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-accordion-minimal-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-accordion-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-accordion-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-accordion-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-accordion-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-accordion-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-accordion-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-accordion-text-space-between-lg: var(--calcite-app-spacing-1);
+  --calcite-accordion-text-space-between-md: var(--calcite-app-spacing-1);
+  --calcite-accordion-text-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-accordion-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-accordion-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-accordion-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-accordion-item-border-width: var(--calcite-app-border-width-0);
+  --calcite-accordion-item-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-accordion-item-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-accordion-item-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-accordion-item-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-accordion-item-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-accordion-item-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-accordion-item-text-space-between-lg: var(--calcite-app-spacing-1);
+  --calcite-accordion-item-text-space-between-md: var(--calcite-app-spacing-1);
+  --calcite-accordion-item-text-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-accordion-item-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-accordion-item-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-accordion-item-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-accordion-item-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-accordion-item-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-accordion-item-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-semantic-spacing-xl: var(--calcite-semantic-spacing-base) *10;
+  --calcite-semantic-spacing-lg: 16px;
+  --calcite-semantic-spacing-md: var(--calcite-semantic-spacing-base) *6;
+  --calcite-semantic-spacing-sm: 8px;
+  --calcite-semantic-spacing-xs: 4px;
+  --calcite-semantic-ui-border-radius: var(--calcite-semantic-border-radius-sharp);
+  --calcite-tree-item-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-tree-item-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-tree-item-icon-selected-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-tree-item-icon-selected-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-tree-item-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-tree-item-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-tree-item-font-children-selected-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-tree-item-font-children-selected-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-tree-item-font-selected-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-tree-item-font-selected-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-tree-item-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-tree-item-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-tooltip-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-tooltip-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-tooltip-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-tooltip-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-tooltip-foreground-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-tooltip-foreground-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-tip-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-tip-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-tip-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-tip-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-tip-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-tip-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-tip-font-description-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-tip-font-description-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-tip-font-heading-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-tip-font-heading-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-textarea-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-textarea-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-textarea-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-textarea-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-textarea-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-textarea-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-textarea-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-textarea-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-textarea-font-chat-limit-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-textarea-font-chat-limit-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-textarea-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-textarea-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-textarea-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-textarea-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-tabs-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-tabs-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-tabs-bordered-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-tabs-bordered-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-tabs-bordered-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-tabs-bordered-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-tabs-icon-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-tabs-icon-active-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-tabs-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-tabs-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-tabs-font-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-tabs-font-active-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-tabs-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-tabs-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-tab-title-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-tab-title-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-tab-title-bordered-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-tab-title-bordered-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-tab-title-bordered-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-tab-title-bordered-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-tab-title-icon-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-tab-title-icon-active-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-tab-title-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-tab-title-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-tab-title-font-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-tab-title-font-active-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-tab-title-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-tab-title-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-switch-handle-border-checked-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-switch-handle-border-checked-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-switch-handle-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-switch-handle-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-switch-handle-background-checked-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-switch-handle-background-checked-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-switch-handle-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-switch-handle-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-switch-border-checked-dark: var(--calcite-semantic-ui-color-brand-hover-dark);
+  --calcite-switch-border-checked-light: var(--calcite-semantic-ui-color-brand-hover-light);
+  --calcite-switch-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-switch-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-switch-background-checked-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-switch-background-checked-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-switch-background-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-switch-background-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-stepper-foreground-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-stepper-foreground-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-stepper-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-stepper-background-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-stepper-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-stepper-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-stepper-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-stepper-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-stepper-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-item-foreground-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-stepper-item-foreground-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-stepper-item-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-stepper-item-background-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-stepper-item-border-error-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-stepper-item-border-error-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-stepper-item-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-stepper-item-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-stepper-item-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-stepper-item-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-stepper-item-icon-error-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-stepper-item-icon-error-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-stepper-item-icon-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-stepper-item-icon-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-stepper-item-icon-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-stepper-item-icon-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-stepper-item-font-context-complete-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-stepper-item-font-context-complete-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-item-font-context-error-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-stepper-item-font-context-error-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-item-font-context-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-stepper-item-font-context-active-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-stepper-item-font-context-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-stepper-item-font-context-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-item-font-description-complete-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-stepper-item-font-description-complete-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-item-font-description-error-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-stepper-item-font-description-error-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-item-font-description-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-stepper-item-font-description-active-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-stepper-item-font-description-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-stepper-item-font-description-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-item-font-heading-complete-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-stepper-item-font-heading-complete-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-stepper-item-font-heading-error-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-stepper-item-font-heading-error-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-stepper-item-font-heading-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-stepper-item-font-heading-active-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-stepper-item-font-heading-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-stepper-item-font-heading-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-split-button-divider-danger-transparent-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-divider-danger-transparent-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-divider-danger-outline-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-divider-danger-outline-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-divider-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-divider-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-divider-danger-solid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-divider-danger-solid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-divider-neutral-transparent-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-split-button-divider-neutral-transparent-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-split-button-divider-neutral-outline-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-split-button-divider-neutral-outline-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-split-button-divider-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-split-button-divider-neutral-outline-fill-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-split-button-divider-neutral-solid-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-divider-neutral-solid-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-divider-inverse-transparent-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-divider-inverse-transparent-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-divider-inverse-outline-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-divider-inverse-outline-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-divider-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-divider-inverse-outline-fill-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-divider-inverse-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-divider-inverse-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-divider-brand-transparent-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-divider-brand-transparent-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-divider-brand-outline-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-divider-brand-outline-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-divider-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-divider-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-divider-brand-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-divider-brand-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-background-danger-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-background-danger-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-background-danger-solid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-background-danger-solid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-background-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-background-neutral-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-background-neutral-solid-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-split-button-background-neutral-solid-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-split-button-background-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-background-inverse-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-background-inverse-solid-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-background-inverse-solid-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-background-brand-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-background-brand-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-background-brand-solid-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-background-brand-solid-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-border-danger-outline-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-border-danger-outline-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-border-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-border-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-border-neutral-outline-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-border-neutral-outline-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-border-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-border-neutral-outline-fill-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-border-inverse-outline-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-border-inverse-outline-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-border-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-border-inverse-outline-fill-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-border-brand-outline-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-border-brand-outline-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-border-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-border-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-icon-danger-transparent-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-icon-danger-transparent-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-icon-danger-outline-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-icon-danger-outline-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-icon-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-icon-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-icon-danger-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-icon-danger-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-icon-neutral-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-icon-neutral-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-icon-neutral-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-icon-neutral-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-icon-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-icon-neutral-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-icon-neutral-solid-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-icon-neutral-solid-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-icon-inverse-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-icon-inverse-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-icon-inverse-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-icon-inverse-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-icon-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-icon-inverse-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-icon-inverse-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-split-button-icon-inverse-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-split-button-icon-brand-transparent-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-icon-brand-transparent-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-icon-brand-outline-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-icon-brand-outline-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-icon-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-icon-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-icon-brand-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-icon-brand-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-font-danger-transparent-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-font-danger-transparent-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-font-danger-outline-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-font-danger-outline-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-font-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-font-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-font-danger-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-split-button-font-danger-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-split-button-font-neutral-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-font-neutral-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-font-neutral-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-font-neutral-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-font-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-font-neutral-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-font-neutral-solid-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-font-neutral-solid-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-font-inverse-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-font-inverse-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-font-inverse-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-font-inverse-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-font-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-font-inverse-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-font-inverse-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-split-button-font-inverse-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-split-button-font-brand-transparent-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-font-brand-transparent-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-font-brand-outline-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-font-brand-outline-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-font-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-font-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-font-brand-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-split-button-font-brand-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-slider-tick-active-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-tick-active-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-tick-active-background-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-tick-active-background-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-tick-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-tick-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-tick-background-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-tick-background-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-slider-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-slider-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-slider-handle-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-handle-border-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-slider-handle-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-handle-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-font-tick-label-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-slider-font-tick-label-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-slider-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-slider-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-slider-range-tick-active-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-range-tick-active-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-range-tick-active-background-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-range-tick-active-background-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-range-tick-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-range-tick-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-range-tick-background-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-range-tick-background-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-slider-range-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-range-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-range-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-slider-range-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-slider-range-handle-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-range-handle-border-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-slider-range-handle-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-range-handle-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-range-font-tick-label-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-slider-range-font-tick-label-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-slider-range-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-slider-range-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-slider-histogram-active-end-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-histogram-active-end-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-histogram-tick-active-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-histogram-tick-active-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-histogram-tick-active-background-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-histogram-tick-active-background-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-histogram-tick-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-histogram-tick-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-histogram-tick-background-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-histogram-tick-background-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-slider-histogram-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-histogram-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-histogram-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-slider-histogram-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-slider-histogram-handle-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-histogram-handle-border-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-slider-histogram-handle-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-histogram-handle-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-histogram-font-tick-label-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-slider-histogram-font-tick-label-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-slider-histogram-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-slider-histogram-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-slider-histogram-range-tick-active-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-histogram-range-tick-active-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-histogram-range-tick-active-background-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-histogram-range-tick-active-background-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-histogram-range-tick-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-histogram-range-tick-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-histogram-range-tick-background-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-histogram-range-tick-background-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-slider-histogram-range-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-histogram-range-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-histogram-range-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-slider-histogram-range-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-slider-histogram-range-handle-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-histogram-range-handle-border-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-slider-histogram-range-handle-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-histogram-range-handle-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-histogram-range-font-tick-label-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-slider-histogram-range-font-tick-label-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-slider-histogram-range-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-slider-histogram-range-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-segmented-control-foreground-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-segmented-control-foreground-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-segmented-control-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-segmented-control-background-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-segmented-control-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-segmented-control-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-segmented-control-font-checked-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-segmented-control-font-checked-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-segmented-control-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-segmented-control-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-scrim-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-scrim-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-rating-star-background-average-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-rating-star-background-average-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-rating-star-background-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-rating-star-background-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-rating-star-background-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-rating-star-background-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-rating-chip-foreground-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-rating-chip-foreground-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-rating-chip-count-font-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-rating-chip-count-font-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-rating-chip-value-text-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-rating-chip-value-text-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-rating-chip-border-radius: var(--calcite-semantic-border-radius-pill);
+  --calcite-radio-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-radio-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-radio-border-checked-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-radio-border-checked-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-radio-border-unchecked-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-radio-border-unchecked-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-radio-border-radius: var(--calcite-semantic-border-radius-pill);
+  --calcite-radio-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-radio-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-popover-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-popover-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-popover-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-popover-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-popover-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-popover-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-popover-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-popover-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-panel-header-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-panel-header-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-panel-header-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-panel-header-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-panel-header-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-panel-header-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-panel-header-font-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-panel-header-font-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-pagination-foreground-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-pagination-foreground-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-pagination-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-pagination-background-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-pagination-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-pagination-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-pagination-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-pagination-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-pagination-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-pagination-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-notice-highlight-brand-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-notice-highlight-brand-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-notice-highlight-danger-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-notice-highlight-danger-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-notice-highlight-warning-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-notice-highlight-warning-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-notice-highlight-success-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-notice-highlight-success-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-notice-highlight-info-dark: var(--calcite-semantic-ui-color-info-dark);
+  --calcite-notice-highlight-info-light: var(--calcite-semantic-ui-color-info-light);
+  --calcite-notice-icon-brand-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-notice-icon-brand-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-notice-icon-danger-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-notice-icon-danger-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-notice-icon-warning-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-notice-icon-warning-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-notice-icon-success-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-notice-icon-success-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-notice-icon-info-dark: var(--calcite-semantic-ui-color-info-dark);
+  --calcite-notice-icon-info-light: var(--calcite-semantic-ui-color-info-light);
+  --calcite-notice-background-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-notice-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-notice-font-message-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-notice-font-message-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-notice-font-title-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-notice-font-title-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-modal-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-modal-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-modal-border-top-warning-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-modal-border-top-warning-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-modal-border-top-danger-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-modal-border-top-danger-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-modal-border-top-success-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-modal-border-top-success-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-modal-border-top-info-dark: var(--calcite-semantic-ui-color-info-dark);
+  --calcite-modal-border-top-info-light: var(--calcite-semantic-ui-color-info-light);
+  --calcite-modal-border-top-brand-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-modal-border-top-brand-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-modal-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-modal-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-modal-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-modal-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-modal-font-content-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-modal-font-content-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-modal-font-header-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-modal-font-header-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-loader-inline-foreground-determinate-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-loader-inline-foreground-determinate-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-loader-inline-foreground-indeterminate-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-loader-inline-foreground-indeterminate-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-loader-foreground-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-loader-foreground-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-loader-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-loader-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-link-border-dark: var(--calcite-semantic-ui-color-text-link-dark);
+  --calcite-link-border-light: var(--calcite-semantic-ui-color-text-link-light);
+  --calcite-link-icon-dark: var(--calcite-semantic-ui-color-text-link-dark);
+  --calcite-link-icon-light: var(--calcite-semantic-ui-color-text-link-light);
+  --calcite-link-font-dark: var(--calcite-semantic-ui-color-text-link-dark);
+  --calcite-link-font-light: var(--calcite-semantic-ui-color-text-link-light);
+  --calcite-label-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-label-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-week-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-week-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-week-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-week-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-week-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-week-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-week-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-week-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-week-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-week-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-week-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-week-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-week-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-week-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-week-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-week-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-week-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-week-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-text-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-text-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-text-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-text-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-text-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-text-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-text-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-text-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-text-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-text-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-text-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-text-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-text-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-text-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-text-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-text-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-text-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-text-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-telephone-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-telephone-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-telephone-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-telephone-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-telephone-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-telephone-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-telephone-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-telephone-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-telephone-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-telephone-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-telephone-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-telephone-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-telephone-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-telephone-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-telephone-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-telephone-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-telephone-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-telephone-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-search-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-search-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-search-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-search-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-search-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-search-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-search-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-search-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-search-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-search-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-search-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-search-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-search-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-search-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-search-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-search-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-search-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-search-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-password-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-password-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-password-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-password-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-password-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-password-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-password-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-password-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-password-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-password-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-password-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-password-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-password-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-password-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-password-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-password-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-password-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-password-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-number-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-number-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-number-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-number-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-number-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-number-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-number-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-number-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-number-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-number-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-number-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-number-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-number-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-number-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-number-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-number-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-number-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-number-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-month-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-month-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-month-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-month-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-month-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-month-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-month-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-month-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-month-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-month-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-month-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-month-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-month-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-month-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-month-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-month-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-month-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-month-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-message-icon-valid-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-input-message-icon-valid-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-input-message-icon-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-message-icon-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-message-icon-idle-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-input-message-icon-idle-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-input-message-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-message-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-file-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-file-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-file-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-file-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-file-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-file-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-file-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-file-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-file-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-file-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-file-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-file-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-file-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-file-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-file-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-file-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-file-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-file-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-email-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-email-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-email-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-email-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-email-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-email-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-email-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-email-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-email-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-email-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-email-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-email-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-email-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-email-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-email-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-email-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-email-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-email-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-datetime-local-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-datetime-local-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-datetime-local-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-datetime-local-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-datetime-local-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-datetime-local-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-datetime-local-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-datetime-local-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-datetime-local-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-datetime-local-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-datetime-local-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-datetime-local-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-datetime-local-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-datetime-local-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-datetime-local-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-datetime-local-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-datetime-local-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-datetime-local-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-date-picker-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-date-picker-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-date-picker-background-arrow-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-date-picker-background-arrow-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-date-picker-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-date-picker-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-date-picker-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-date-picker-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-date-picker-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-date-picker-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-date-picker-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-date-picker-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-date-picker-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-date-picker-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-filter-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-filter-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-filter-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-filter-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-filter-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-filter-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-filter-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-filter-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-fab-background-danger-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-fab-background-danger-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-fab-background-danger-solid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-fab-background-danger-solid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-fab-background-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-fab-background-neutral-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-fab-background-neutral-solid-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-fab-background-neutral-solid-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-fab-background-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-fab-background-inverse-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-fab-background-inverse-solid-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-fab-background-inverse-solid-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-fab-background-brand-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-fab-background-brand-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-fab-background-brand-solid-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-fab-background-brand-solid-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-fab-border-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-fab-border-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-fab-border-danger-solid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-fab-border-danger-solid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-fab-border-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-fab-border-neutral-outline-fill-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-fab-border-neutral-solid-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-fab-border-neutral-solid-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-fab-border-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-fab-border-inverse-outline-fill-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-fab-border-inverse-solid-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-fab-border-inverse-solid-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-fab-border-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-fab-border-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-fab-border-brand-solid-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-fab-border-brand-solid-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-fab-icon-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-fab-icon-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-fab-icon-danger-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-fab-icon-danger-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-fab-icon-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-fab-icon-neutral-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-fab-icon-neutral-solid-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-fab-icon-neutral-solid-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-fab-icon-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-fab-icon-inverse-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-fab-icon-inverse-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-fab-icon-inverse-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-fab-icon-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-fab-icon-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-fab-icon-brand-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-fab-icon-brand-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-fab-font-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-fab-font-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-fab-font-danger-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-fab-font-danger-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-fab-font-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-fab-font-neutral-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-fab-font-neutral-solid-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-fab-font-neutral-solid-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-fab-font-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-fab-font-inverse-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-fab-font-inverse-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-fab-font-inverse-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-fab-font-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-fab-font-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-fab-font-brand-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-fab-font-brand-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-dropdown-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-dropdown-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-dropdown-item-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-dropdown-item-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-dropdown-item-icon-select-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-dropdown-item-icon-select-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-dropdown-item-icon-selected-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-dropdown-item-icon-selected-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-dropdown-item-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-dropdown-item-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-dropdown-item-font-group-title-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-dropdown-item-font-group-title-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-dropdown-item-font-selected-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-dropdown-item-font-selected-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-dropdown-item-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-dropdown-item-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-date-picker-date-active-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-date-picker-date-active-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-date-picker-background-date-range-light: var(--calcite-semantic-ui-color-foreground-current-light);
+  --calcite-date-picker-background-date-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-date-picker-background-date-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-date-picker-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-date-picker-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-date-picker-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-date-picker-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-date-picker-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-date-picker-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-date-picker-font-active-date-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-date-picker-font-active-date-light: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-date-picker-font-selected-date-dark: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-date-picker-font-selected-date-light: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-date-picker-font-range-date-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-date-picker-font-range-date-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-date-picker-font-month-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-date-picker-font-month-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-date-picker-font-day-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-date-picker-font-day-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-date-picker-font-date-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-date-picker-font-date-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-combobox-foreground-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-combobox-foreground-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-combobox-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-combobox-background-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-combobox-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-combobox-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-combobox-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-combobox-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-combobox-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-combobox-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-color-picker-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-color-picker-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-color-picker-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-color-picker-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-color-picker-icon-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-color-picker-icon-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-color-picker-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-color-picker-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-border-clear-yellow-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-chip-border-clear-yellow-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-chip-border-clear-green-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-chip-border-clear-green-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-chip-border-clear-blue-dark: var(--calcite-semantic-ui-color-info-dark);
+  --calcite-chip-border-clear-blue-light: var(--calcite-semantic-ui-color-info-light);
+  --calcite-chip-border-clear-red-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-chip-border-clear-red-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-chip-border-clear-grey-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-chip-border-clear-grey-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-chip-closable-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-chip-closable-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-chip-background-solid-yellow-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-chip-background-solid-yellow-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-chip-background-solid-green-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-chip-background-solid-green-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-chip-background-solid-blue-dark: var(--calcite-semantic-ui-color-info-dark);
+  --calcite-chip-background-solid-blue-light: var(--calcite-semantic-ui-color-info-light);
+  --calcite-chip-background-solid-red-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-chip-background-solid-red-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-chip-background-solid-grey-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-chip-background-solid-grey-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-chip-icon-clear-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-chip-icon-clear-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-icon-solid-green-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-icon-solid-green-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-icon-solid-yellow-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-icon-solid-yellow-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-icon-solid-red-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-icon-solid-red-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-chip-icon-solid-blue-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-icon-solid-blue-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-chip-icon-solid-grey-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-chip-icon-solid-grey-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-font-solid-green-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-font-solid-green-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-font-solid-yellow-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-font-solid-yellow-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-font-solid-red-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-font-solid-red-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-chip-font-solid-blue-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-font-solid-blue-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-chip-font-solid-grey-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-chip-font-solid-grey-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-font-clear-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-chip-font-clear-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-checkbox-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-checkbox-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-checkbox-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-checkbox-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-checkbox-border-radius: var(--calcite-semantic-border-radius-sharp);
+  --calcite-checkbox-icon-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-checkbox-icon-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-checkbox-background-selected-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-checkbox-background-selected-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-checkbox-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-checkbox-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-card-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-card-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-card-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-card-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-card-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-card-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-card-font-subtitle-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-card-font-subtitle-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-card-font-description-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-card-font-description-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-card-font-title-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-card-font-title-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-background-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-background-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-background-danger-solid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-background-danger-solid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-background-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-button-background-neutral-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-button-background-neutral-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-button-background-neutral-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-button-background-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-button-background-inverse-outline-fill-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-button-background-inverse-solid-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-button-background-inverse-solid-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-button-background-brand-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-button-background-brand-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-button-background-brand-solid-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-background-brand-solid-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-border-danger-outline-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-border-danger-outline-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-border-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-border-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-border-neutral-outline-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-button-border-neutral-outline-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-button-border-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-button-border-neutral-outline-fill-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-button-border-inverse-outline-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-button-border-inverse-outline-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-button-border-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-button-border-inverse-outline-fill-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-button-border-brand-outline-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-border-brand-outline-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-border-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-border-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-icon-danger-transparent-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-icon-danger-transparent-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-icon-danger-outline-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-icon-danger-outline-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-icon-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-icon-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-icon-danger-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-button-icon-danger-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-button-icon-neutral-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-icon-neutral-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-icon-neutral-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-icon-neutral-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-icon-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-icon-neutral-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-icon-neutral-solid-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-icon-neutral-solid-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-icon-inverse-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-icon-inverse-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-icon-inverse-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-icon-inverse-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-icon-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-icon-inverse-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-icon-inverse-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-button-icon-inverse-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-button-icon-brand-transparent-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-icon-brand-transparent-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-icon-brand-outline-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-icon-brand-outline-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-icon-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-icon-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-icon-brand-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-button-icon-brand-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-button-font-danger-transparent-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-font-danger-transparent-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-font-danger-outline-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-font-danger-outline-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-font-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-font-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-font-danger-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-button-font-danger-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-button-font-neutral-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-font-neutral-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-font-neutral-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-font-neutral-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-font-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-font-neutral-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-font-neutral-solid-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-font-neutral-solid-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-font-inverse-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-font-inverse-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-font-inverse-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-font-inverse-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-font-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-font-inverse-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-font-inverse-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-button-font-inverse-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-button-font-brand-transparent-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-font-brand-transparent-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-font-brand-outline-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-font-brand-outline-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-font-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-font-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-font-brand-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-button-font-brand-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-block-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-block-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-block-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-block-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-block-icon-chevron-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-block-icon-chevron-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-block-icon-drag-handle-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-block-icon-drag-handle-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-block-icon-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-block-icon-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-block-icon-valid-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-block-icon-valid-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-block-icon-idle-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-block-icon-idle-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-block-font-content-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-block-font-content-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-block-font-description-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-block-font-description-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-block-font-heading-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-block-font-heading-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-block-section-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-block-section-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-block-section-icon-chevron-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-block-section-icon-chevron-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-block-section-icon-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-block-section-icon-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-block-section-icon-valid-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-block-section-icon-valid-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-block-section-font-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-block-section-font-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-avatar-background-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-avatar-background-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-avatar-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-avatar-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-avatar-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-avatar-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-alert-highlight-red-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-alert-highlight-red-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-alert-highlight-yellow-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-alert-highlight-yellow-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-alert-highlight-green-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-alert-highlight-green-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-alert-highlight-blue-dark: var(--calcite-semantic-ui-color-info-dark);
+  --calcite-alert-highlight-blue-light: var(--calcite-semantic-ui-color-info-light);
+  --calcite-alert-icon-red-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-alert-icon-red-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-alert-icon-yellow-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-alert-icon-yellow-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-alert-icon-green-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-alert-icon-green-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-alert-icon-blue-dark: var(--calcite-semantic-ui-color-info-dark);
+  --calcite-alert-icon-blue-light: var(--calcite-semantic-ui-color-info-light);
+  --calcite-alert-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-alert-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-alert-background-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-alert-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-alert-font-message-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-alert-font-message-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-alert-font-title-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-alert-font-title-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-action-loader-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-action-loader-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-action-indicator-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-action-indicator-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-action-background-active-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-action-background-active-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-action-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-action-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-action-icon-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-action-icon-active-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-action-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-action-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-action-font-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-action-font-active-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-action-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-action-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-action-pad-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-action-pad-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-action-pad-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-action-pad-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-action-pad-grid-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-action-pad-grid-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-action-pad-grid-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-action-pad-grid-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-action-bar-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-action-bar-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-action-bar-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-action-bar-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-action-bar-grid-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-action-bar-grid-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-action-bar-grid-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-action-bar-grid-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-accordion-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-accordion-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-accordion-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-accordion-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-accordion-icon-expanded-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-accordion-icon-expanded-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-accordion-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-accordion-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-accordion-description-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-accordion-description-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-accordion-heading-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-accordion-heading-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-accordion-item-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-accordion-item-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-accordion-item-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-accordion-item-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-accordion-item-icon-expanded-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-accordion-item-icon-expanded-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-accordion-item-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-accordion-item-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-accordion-item-font-description-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-accordion-item-font-description-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-accordion-item-font-heading-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-accordion-item-font-heading-light: var(--calcite-semantic-ui-color-text-1-light);
+}
+"
+`;
+
+exports[`generated tokens CSS light should match 1`] = `
+"/
+
+:root {
+  --calcite-ui-brand: #007ac2;
+  --calcite-ui-brand-hover: #00619b;
+  --calcite-ui-brand-press: #004874;
+  --calcite-ui-background: #f8f8f8;
+  --calcite-ui-foreground-1: #ffffff;
+  --calcite-ui-foreground-2: #f3f3f3;
+  --calcite-ui-foreground-3: #eaeaea;
+  --calcite-ui-text-1: #151515;
+  --calcite-ui-text-2: #4a4a4a;
+  --calcite-ui-text-3: #6a6a6a;
+  --calcite-ui-text-inverse: #ffffff;
+  --calcite-ui-text-link: #00619b;
+  --calcite-ui-border-1: #cacaca;
+  --calcite-ui-border-2: #d4d4d4;
+  --calcite-ui-border-3: #dfdfdf;
+  --calcite-ui-border-input: #949494;
+  --calcite-ui-info: #00619b;
+  --calcite-ui-info-hover: #004874;
+  --calcite-ui-info-press: #00304d;
+  --calcite-ui-success: #35ac46;
+  --calcite-ui-success-hover: #288835;
+  --calcite-ui-success-press: #1a6324;
+  --calcite-ui-warning: #edd317;
+  --calcite-ui-warning-hover: #d9bc00;
+  --calcite-ui-warning-press: #bfa200;
+  --calcite-ui-danger: #d83020;
+  --calcite-ui-danger-hover: #a82b1e;
+  --calcite-ui-danger-press: #7c1d13;
+  --calcite-ui-inverse: #353535;
+  --calcite-ui-component-avatar-font: #6a6a6a;
+  --calcite-ui-component-avatar-icon: #6a6a6a;
+  --calcite-ui-component-avatar-background: #f3f3f3;
+  --calcite-ui-component-avatar-background-red: #ffc6bf;
+  --calcite-ui-component-avatar-background-teal: #cef5f4;
+  --calcite-ui-component-avatar-background-blue: #c7eaff;
+  --calcite-ui-component-avatar-background-green: #e5f7b4;
+  --calcite-ui-component-avatar-background-yellow: #fff7cc;
+  --calcite-ui-component-checkbox-font: #151515;
+  --calcite-ui-component-checkbox-background: #ffffff;
+  --calcite-ui-component-checkbox-background-selected: #007ac2;
+  --calcite-ui-component-checkbox-icon: #ffffff;
+  --calcite-ui-component-checkbox-border: #949494;
+  --calcite-ui-component-radio-font: #151515;
+  --calcite-ui-component-radio-background: #ffffff;
+  --calcite-ui-component-radio-border-unchecked: #6a6a6a;
+  --calcite-ui-component-radio-border-checked: #007ac2;
+  --calcite-ui-component-chip-font-clear: #151515;
+  --calcite-ui-component-chip-font-solid-grey: #151515;
+  --calcite-ui-component-chip-font-solid-blue: #ffffff;
+  --calcite-ui-component-chip-font-solid-red: #ffffff;
+  --calcite-ui-component-chip-font-solid-yellow: #151515;
+  --calcite-ui-component-chip-font-solid-green: #151515;
+  --calcite-ui-component-chip-icon-clear: #151515;
+  --calcite-ui-component-chip-icon-solid-grey: #151515;
+  --calcite-ui-component-chip-icon-solid-blue: #ffffff;
+  --calcite-ui-component-chip-icon-solid-red: #ffffff;
+  --calcite-ui-component-chip-icon-solid-yellow: #151515;
+  --calcite-ui-component-chip-icon-solid-green: #151515;
+  --calcite-ui-component-chip-closable-icon: #6a6a6a;
+  --calcite-ui-component-chip-background-solid-grey: #f3f3f3;
+  --calcite-ui-component-chip-background-solid-blue: #00619b;
+  --calcite-ui-component-chip-background-solid-red: #d83020;
+  --calcite-ui-component-chip-background-solid-yellow: #edd317;
+  --calcite-ui-component-chip-background-solid-green: #35ac46;
+  --calcite-ui-component-chip-border-clear-grey: #cacaca;
+  --calcite-ui-component-chip-border-clear-blue: #00619b;
+  --calcite-ui-component-chip-border-clear-red: #d83020;
+  --calcite-ui-component-chip-border-clear-yellow: #edd317;
+  --calcite-ui-component-chip-border-clear-green: #35ac46;
+  --calcite-ui-component-label-font: #151515;
+  --calcite-ui-component-loader-font: #151515;
+  --calcite-ui-component-loader-foreground: #007ac2;
+  --calcite-ui-component-loader-inline-foreground-indeterminate: #151515;
+  --calcite-ui-component-loader-inline-foreground-determinate: #007ac2;
+  --calcite-ui-component-rating-star-background: #949494;
+  --calcite-ui-component-rating-star-background-active: #007ac2;
+  --calcite-ui-component-rating-star-background-average: #edd317;
+  --calcite-ui-component-rating-chip-count-font: #4a4a4a;
+  --calcite-ui-component-rating-chip-foreground: #f3f3f3;
+  --calcite-ui-component-tooltip-foreground: #ffffff;
+  --calcite-ui-component-tooltip-border: #dfdfdf;
+  --calcite-ui-component-tooltip-font: #151515;
+  --calcite-ui-component-accordion-item-font-heading: #151515;
+  --calcite-ui-component-accordion-item-font-description: #6a6a6a;
+  --calcite-ui-component-accordion-item-icon: #6a6a6a;
+  --calcite-ui-component-accordion-item-icon-expanded: #151515;
+  --calcite-ui-component-accordion-item-background: #ffffff;
+  --calcite-ui-component-accordion-item-border: #d4d4d4;
+  --calcite-ui-component-input-message-font: #151515;
+  --calcite-ui-component-input-message-icon-idle: #007ac2;
+  --calcite-ui-component-input-message-icon-invalid: #d83020;
+  --calcite-ui-component-input-message-icon-valid: #35ac46;
+  --calcite-ui-component-alert-font-title: #151515;
+  --calcite-ui-component-alert-font-message: #6a6a6a;
+  --calcite-ui-component-alert-background: #ffffff;
+  --calcite-ui-component-alert-border: #dfdfdf;
+  --calcite-ui-component-alert-icon-blue: #00619b;
+  --calcite-ui-component-alert-icon-green: #35ac46;
+  --calcite-ui-component-alert-icon-yellow: #edd317;
+  --calcite-ui-component-alert-icon-red: #d83020;
+  --calcite-ui-component-alert-highlight-blue: #00619b;
+  --calcite-ui-component-alert-highlight-green: #35ac46;
+  --calcite-ui-component-alert-highlight-yellow: #edd317;
+  --calcite-ui-component-alert-highlight-red: #d83020;
+  --calcite-ui-component-tip-font-heading: #151515;
+  --calcite-ui-component-tip-font-description: #4a4a4a;
+  --calcite-ui-component-tip-icon: #6a6a6a;
+  --calcite-ui-component-tip-background-light: #ffffff;
+  --calcite-ui-component-tip-border: #d4d4d4;
+  --calcite-ui-component-color-picker-font-label: #151515;
+  --calcite-ui-component-color-picker-icon: #151515;
+  --calcite-ui-component-color-picker-border: #cacaca;
+  --calcite-ui-component-color-picker-background: #ffffff;
+  --calcite-ui-component-date-picker-font-date: #6a6a6a;
+  --calcite-ui-component-date-picker-font-range-date: #151515;
+  --calcite-ui-component-date-picker-font-day: #6a6a6a;
+  --calcite-ui-component-date-picker-font-month: #151515;
+  --calcite-ui-component-date-picker-font-selected-date: #ffffff;
+  --calcite-ui-component-date-picker-font-active-date: #ffffff;
+  --calcite-ui-component-date-picker-icon: #6a6a6a;
+  --calcite-ui-component-date-picker-border: #cacaca;
+  --calcite-ui-component-date-picker-date-active-border: #ffffff;
+  --calcite-ui-component-date-picker-background: #ffffff;
+  --calcite-ui-component-date-picker-background-date-range: #c7eaff;
+  --calcite-ui-component-date-picker-background-date-active-light: #007ac2;
+  --calcite-ui-component-input-date-picker-font-placeholder-value: #151515;
+  --calcite-ui-component-input-date-picker-font-label: #151515;
+  --calcite-ui-component-input-date-picker-icon: #6a6a6a;
+  --calcite-ui-component-input-date-picker-border: #949494;
+  --calcite-ui-component-input-date-picker-background: #ffffff;
+  --calcite-ui-component-input-date-picker-background-arrow: #f8f8f8;
+  --calcite-ui-component-input-date-picker-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-datetime-local-font-placeholder-value: #151515;
+  --calcite-ui-component-input-datetime-local-font-label: #151515;
+  --calcite-ui-component-input-datetime-local-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-datetime-local-icon: #6a6a6a;
+  --calcite-ui-component-input-datetime-local-background: #ffffff;
+  --calcite-ui-component-input-datetime-local-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-datetime-local-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-datetime-local-border: #949494;
+  --calcite-ui-component-input-datetime-local-border-invalid: #d83020;
+  --calcite-ui-component-input-email-font-placeholder-value: #151515;
+  --calcite-ui-component-input-email-font-label: #151515;
+  --calcite-ui-component-input-email-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-email-icon: #6a6a6a;
+  --calcite-ui-component-input-email-background: #ffffff;
+  --calcite-ui-component-input-email-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-email-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-email-border: #949494;
+  --calcite-ui-component-input-email-border-invalid: #d83020;
+  --calcite-ui-component-input-file-font-placeholder-value: #151515;
+  --calcite-ui-component-input-file-font-label: #151515;
+  --calcite-ui-component-input-file-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-file-icon: #6a6a6a;
+  --calcite-ui-component-input-file-background: #ffffff;
+  --calcite-ui-component-input-file-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-file-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-file-border: #949494;
+  --calcite-ui-component-input-file-border-invalid: #d83020;
+  --calcite-ui-component-input-month-font-placeholder-value: #151515;
+  --calcite-ui-component-input-month-font-label: #151515;
+  --calcite-ui-component-input-month-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-month-icon: #6a6a6a;
+  --calcite-ui-component-input-month-background: #ffffff;
+  --calcite-ui-component-input-month-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-month-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-month-border: #949494;
+  --calcite-ui-component-input-month-border-invalid: #d83020;
+  --calcite-ui-component-input-number-font-placeholder-value: #151515;
+  --calcite-ui-component-input-number-font-label: #151515;
+  --calcite-ui-component-input-number-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-number-icon: #6a6a6a;
+  --calcite-ui-component-input-number-background: #ffffff;
+  --calcite-ui-component-input-number-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-number-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-number-border: #949494;
+  --calcite-ui-component-input-number-border-invalid: #d83020;
+  --calcite-ui-component-input-password-font-placeholder-value: #151515;
+  --calcite-ui-component-input-password-font-label: #151515;
+  --calcite-ui-component-input-password-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-password-icon: #6a6a6a;
+  --calcite-ui-component-input-password-background: #ffffff;
+  --calcite-ui-component-input-password-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-password-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-password-border: #949494;
+  --calcite-ui-component-input-password-border-invalid: #d83020;
+  --calcite-ui-component-input-search-font-placeholder-value: #151515;
+  --calcite-ui-component-input-search-font-label: #151515;
+  --calcite-ui-component-input-search-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-search-icon: #6a6a6a;
+  --calcite-ui-component-input-search-background: #ffffff;
+  --calcite-ui-component-input-search-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-search-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-search-border: #949494;
+  --calcite-ui-component-input-search-border-invalid: #d83020;
+  --calcite-ui-component-input-telephone-font-placeholder-value: #151515;
+  --calcite-ui-component-input-telephone-font-label: #151515;
+  --calcite-ui-component-input-telephone-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-telephone-icon: #6a6a6a;
+  --calcite-ui-component-input-telephone-background: #ffffff;
+  --calcite-ui-component-input-telephone-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-telephone-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-telephone-border: #949494;
+  --calcite-ui-component-input-telephone-border-invalid: #d83020;
+  --calcite-ui-component-input-text-font-placeholder-value: #151515;
+  --calcite-ui-component-input-text-font-label: #151515;
+  --calcite-ui-component-input-text-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-text-icon: #6a6a6a;
+  --calcite-ui-component-input-text-background: #ffffff;
+  --calcite-ui-component-input-text-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-text-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-text-border: #949494;
+  --calcite-ui-component-input-text-border-invalid: #d83020;
+  --calcite-ui-component-input-week-font-placeholder-value: #151515;
+  --calcite-ui-component-input-week-font-label: #151515;
+  --calcite-ui-component-input-week-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-week-icon: #6a6a6a;
+  --calcite-ui-component-input-week-background: #ffffff;
+  --calcite-ui-component-input-week-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-week-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-week-border: #949494;
+  --calcite-ui-component-input-week-border-invalid: #d83020;
+  --calcite-ui-component-textarea-font-placeholder-value: #151515;
+  --calcite-ui-component-textarea-font-label: #151515;
+  --calcite-ui-component-textarea-font-chat-limit: #4a4a4a;
+  --calcite-ui-component-textarea-icon: #6a6a6a;
+  --calcite-ui-component-textarea-background: #ffffff;
+  --calcite-ui-component-textarea-background-read-only: #f8f8f8;
+  --calcite-ui-component-textarea-border: #949494;
+  --calcite-ui-component-tab-title-font: #6a6a6a;
+  --calcite-ui-component-tab-title-font-active: #151515;
+  --calcite-ui-component-tab-title-icon: #6a6a6a;
+  --calcite-ui-component-tab-title-icon-active: #151515;
+  --calcite-ui-component-tab-title-bordered-border: #dfdfdf;
+  --calcite-ui-component-tab-title-bordered-background: #ffffff;
+  --calcite-ui-component-tab-title-border-active: #007ac2;
+  --calcite-ui-component-tabs-bordered-border: #dfdfdf;
+  --calcite-ui-component-tabs-bordered-background: #ffffff;
+  --calcite-ui-component-card-font-title: #151515;
+  --calcite-ui-component-card-font-subtitle: #4a4a4a;
+  --calcite-ui-component-card-font-description: #6a6a6a;
+  --calcite-ui-component-card-border: #d4d4d4;
+  --calcite-ui-component-card-border-active: #007ac2;
+  --calcite-ui-component-card-background: #ffffff;
+  --calcite-ui-component-action-font: #6a6a6a;
+  --calcite-ui-component-action-icon: #6a6a6a;
+  --calcite-ui-component-action-background: #ffffff;
+  --calcite-ui-component-action-background-active: #eaeaea;
+  --calcite-ui-component-action-bar-border: #cacaca;
+  --calcite-ui-component-action-bar-background: #ffffff;
+  --calcite-ui-component-action-pad-border: #cacaca;
+  --calcite-ui-component-action-pad-background: #ffffff;
+  --calcite-ui-component-action-bar-grid-border: #cacaca;
+  --calcite-ui-component-action-bar-grid-background: #ffffff;
+  --calcite-ui-component-action-pad-grid-border: #cacaca;
+  --calcite-ui-component-action-pad-grid-background: #ffffff;
+  --calcite-ui-component-block-font-heading: #4a4a4a;
+  --calcite-ui-component-block-font-active: #151515;
+  --calcite-ui-component-block-font-description: #6a6a6a;
+  --calcite-ui-component-block-font-content: #4a4a4a;
+  --calcite-ui-component-block-icon-idle: #4a4a4a;
+  --calcite-ui-component-block-icon-valid: #35ac46;
+  --calcite-ui-component-block-icon-invalid: #d83020;
+  --calcite-ui-component-block-icon-drag-handle: #949494;
+  --calcite-ui-component-block-icon-chevron: #6a6a6a;
+  --calcite-ui-component-block-border: #dfdfdf;
+  --calcite-ui-component-block-background: #ffffff;
+  --calcite-ui-component-block-section-font: #4a4a4a;
+  --calcite-ui-component-block-section-icon-valid: #35ac46;
+  --calcite-ui-component-block-section-icon-invalid: #d83020;
+  --calcite-ui-component-block-section-icon-chevron: #6a6a6a;
+  --calcite-ui-component-block-section-background: #ffffff;
+  --calcite-ui-component-notice-font-title: #151515;
+  --calcite-ui-component-notice-font-message: #6a6a6a;
+  --calcite-ui-component-notice-background: #ffffff;
+  --calcite-ui-component-notice-icon-info: #00619b;
+  --calcite-ui-component-notice-icon-success: #35ac46;
+  --calcite-ui-component-notice-icon-warning: #edd317;
+  --calcite-ui-component-notice-icon-danger: #d83020;
+  --calcite-ui-component-notice-icon-brand: #007ac2;
+  --calcite-ui-component-notice-highlight-info: #00619b;
+  --calcite-ui-component-notice-highlight-success: #35ac46;
+  --calcite-ui-component-notice-highlight-warning: #edd317;
+  --calcite-ui-component-notice-highlight-danger: #d83020;
+  --calcite-ui-component-notice-highlight-brand: #007ac2;
+  --calcite-ui-component-modal-font-header: #151515;
+  --calcite-ui-component-modal-font-content: #4a4a4a;
+  --calcite-ui-component-modal-icon: #6a6a6a;
+  --calcite-ui-component-modal-border: #dfdfdf;
+  --calcite-ui-component-modal-border-top-brand: #007ac2;
+  --calcite-ui-component-modal-border-top-info: #00619b;
+  --calcite-ui-component-modal-border-top-success: #35ac46;
+  --calcite-ui-component-modal-border-top-danger: #d83020;
+  --calcite-ui-component-modal-border-top-warning: #edd317;
+  --calcite-ui-component-modal-background: #ffffff;
+  --calcite-ui-component-panel-header-font: #4a4a4a;
+  --calcite-ui-component-panel-header-icon: #6a6a6a;
+  --calcite-ui-component-panel-header-border: #dfdfdf;
+  --calcite-ui-component-panel-header-background: #ffffff;
+  --calcite-ui-component-popover-font: #151515;
+  --calcite-ui-component-popover-icon: #6a6a6a;
+  --calcite-ui-component-popover-border: #dfdfdf;
+  --calcite-ui-component-popover-background: #ffffff;
+  --calcite-ui-component-slider-font-label: #151515;
+  --calcite-ui-component-slider-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-handle-background: #ffffff;
+  --calcite-ui-component-slider-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-border: #d4d4d4;
+  --calcite-ui-component-slider-border-active: #007ac2;
+  --calcite-ui-component-slider-tick-background: #949494;
+  --calcite-ui-component-slider-tick-border: #ffffff;
+  --calcite-ui-component-slider-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-range-font-label: #151515;
+  --calcite-ui-component-slider-range-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-range-handle-background: #ffffff;
+  --calcite-ui-component-slider-range-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-range-border: #d4d4d4;
+  --calcite-ui-component-slider-range-border-active: #007ac2;
+  --calcite-ui-component-slider-range-tick-background: #949494;
+  --calcite-ui-component-slider-range-tick-border: #ffffff;
+  --calcite-ui-component-slider-range-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-range-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-histogram-font-label: #151515;
+  --calcite-ui-component-slider-histogram-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-histogram-handle-background: #ffffff;
+  --calcite-ui-component-slider-histogram-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-histogram-border: #d4d4d4;
+  --calcite-ui-component-slider-histogram-border-active: #007ac2;
+  --calcite-ui-component-slider-histogram-tick-background: #949494;
+  --calcite-ui-component-slider-histogram-tick-border: #ffffff;
+  --calcite-ui-component-slider-histogram-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-histogram-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-histogram-area-active-background: #9BBDDF;
+  --calcite-ui-component-slider-histogram-active-end-background: #ffffff;
+  --calcite-ui-component-slider-histogram-range-font-label: #151515;
+  --calcite-ui-component-slider-histogram-range-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-histogram-range-handle-background: #ffffff;
+  --calcite-ui-component-slider-histogram-range-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-histogram-range-border: #d4d4d4;
+  --calcite-ui-component-slider-histogram-range-border-active: #007ac2;
+  --calcite-ui-component-slider-histogram-range-tick-background: #949494;
+  --calcite-ui-component-slider-histogram-range-tick-border: #ffffff;
+  --calcite-ui-component-slider-histogram-range-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-histogram-range-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-histogram-range-area-active-background: #9BBDDF;
+  --calcite-ui-component-slider-histogram-range-active-end-background: #ffffff;
+  --calcite-ui-component-filter-font: #151515;
+  --calcite-ui-component-filter-icon: #6a6a6a;
+  --calcite-ui-component-filter-border: #949494;
+  --calcite-ui-component-filter-background: #ffffff;
+  --calcite-ui-component-scrim-background: #ffffff;
+  --calcite-ui-component-tip-manager-font-heading: #151515;
+  --calcite-ui-component-tip-manager-icon: #6a6a6a;
+  --calcite-ui-component-tip-manager-background-light: #ffffff;
+  --calcite-ui-component-tip-manager-border: #d4d4d4;
+  --calcite-ui-component-button-font-brand-solid: #ffffff;
+  --calcite-ui-component-button-font-brand-outline-fill: #007ac2;
+  --calcite-ui-component-button-font-brand-outline: #007ac2;
+  --calcite-ui-component-button-font-brand-transparent: #007ac2;
+  --calcite-ui-component-button-font-inverse-solid: #ffffff;
+  --calcite-ui-component-button-font-inverse-outline-fill: #151515;
+  --calcite-ui-component-button-font-inverse-outline: #151515;
+  --calcite-ui-component-button-font-inverse-transparent: #151515;
+  --calcite-ui-component-button-font-neutral-solid: #ffffff;
+  --calcite-ui-component-button-font-neutral-outline-fill: #151515;
+  --calcite-ui-component-button-font-neutral-outline: #151515;
+  --calcite-ui-component-button-font-neutral-transparent: #151515;
+  --calcite-ui-component-button-font-danger-solid: #ffffff;
+  --calcite-ui-component-button-font-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-font-danger-outline: #d83020;
+  --calcite-ui-component-button-font-danger-transparent: #d83020;
+  --calcite-ui-component-button-icon-brand-solid: #ffffff;
+  --calcite-ui-component-button-icon-brand-outline-fill: #007ac2;
+  --calcite-ui-component-button-icon-brand-outline: #007ac2;
+  --calcite-ui-component-button-icon-brand-transparent: #007ac2;
+  --calcite-ui-component-button-icon-inverse-solid: #ffffff;
+  --calcite-ui-component-button-icon-inverse-outline-fill: #151515;
+  --calcite-ui-component-button-icon-inverse-outline: #151515;
+  --calcite-ui-component-button-icon-inverse-transparent: #151515;
+  --calcite-ui-component-button-icon-neutral-solid: #ffffff;
+  --calcite-ui-component-button-icon-neutral-outline-fill: #151515;
+  --calcite-ui-component-button-icon-neutral-outline: #151515;
+  --calcite-ui-component-button-icon-neutral-transparent: #151515;
+  --calcite-ui-component-button-icon-danger-solid: #ffffff;
+  --calcite-ui-component-button-icon-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-icon-danger-outline: #d83020;
+  --calcite-ui-component-button-icon-danger-transparent: #d83020;
+  --calcite-ui-component-button-background-brand-solid: #007ac2;
+  --calcite-ui-component-button-background-brand-outline-fill: #ffffff;
+  --calcite-ui-component-button-background-inverse-solid: #353535;
+  --calcite-ui-component-button-background-inverse-outline-fill: #353535;
+  --calcite-ui-component-button-background-neutral-solid: #353535;
+  --calcite-ui-component-button-background-neutral-outline-fill: #353535;
+  --calcite-ui-component-button-background-danger-solid: #d83020;
+  --calcite-ui-component-button-background-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-border-brand-outline-fill: #007ac2;
+  --calcite-ui-component-button-border-brand-outline: #007ac2;
+  --calcite-ui-component-button-border-inverse-outline-fill: #353535;
+  --calcite-ui-component-button-border-inverse-outline: #353535;
+  --calcite-ui-component-button-border-neutral-outline-fill: #353535;
+  --calcite-ui-component-button-border-neutral-outline: #353535;
+  --calcite-ui-component-button-border-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-border-danger-outline: #d83020;
+  --calcite-ui-component-split-button-font-brand-solid: #ffffff;
+  --calcite-ui-component-split-button-font-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-font-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-font-brand-transparent: #007ac2;
+  --calcite-ui-component-split-button-font-inverse-solid: #ffffff;
+  --calcite-ui-component-split-button-font-inverse-outline-fill: #151515;
+  --calcite-ui-component-split-button-font-inverse-outline: #151515;
+  --calcite-ui-component-split-button-font-inverse-transparent: #151515;
+  --calcite-ui-component-split-button-font-neutral-solid: #ffffff;
+  --calcite-ui-component-split-button-font-neutral-outline-fill: #151515;
+  --calcite-ui-component-split-button-font-neutral-outline: #151515;
+  --calcite-ui-component-split-button-font-neutral-transparent: #151515;
+  --calcite-ui-component-split-button-font-danger-solid: #ffffff;
+  --calcite-ui-component-split-button-font-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-font-danger-outline: #d83020;
+  --calcite-ui-component-split-button-font-danger-transparent: #d83020;
+  --calcite-ui-component-split-button-icon-brand-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-icon-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-icon-brand-transparent: #007ac2;
+  --calcite-ui-component-split-button-icon-inverse-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-inverse-outline-fill: #151515;
+  --calcite-ui-component-split-button-icon-inverse-outline: #151515;
+  --calcite-ui-component-split-button-icon-inverse-transparent: #151515;
+  --calcite-ui-component-split-button-icon-neutral-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-neutral-outline-fill: #151515;
+  --calcite-ui-component-split-button-icon-neutral-outline: #151515;
+  --calcite-ui-component-split-button-icon-neutral-transparent: #151515;
+  --calcite-ui-component-split-button-icon-danger-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-icon-danger-outline: #d83020;
+  --calcite-ui-component-split-button-icon-danger-transparent: #d83020;
+  --calcite-ui-component-split-button-background-brand-solid: #007ac2;
+  --calcite-ui-component-split-button-background-brand-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-background-inverse-solid: #353535;
+  --calcite-ui-component-split-button-background-inverse-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-background-neutral-solid: #353535;
+  --calcite-ui-component-split-button-background-neutral-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-background-danger-solid: #d83020;
+  --calcite-ui-component-split-button-background-danger-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-border-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-border-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-border-inverse-outline-fill: #353535;
+  --calcite-ui-component-split-button-border-inverse-outline: #353535;
+  --calcite-ui-component-split-button-border-neutral-outline-fill: #353535;
+  --calcite-ui-component-split-button-border-neutral-outline: #353535;
+  --calcite-ui-component-split-button-border-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-border-danger-outline: #d83020;
+  --calcite-ui-component-split-button-divider-brand-solid: #ffffff;
+  --calcite-ui-component-split-button-divider-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-divider-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-divider-brand-transparent: #007ac2;
+  --calcite-ui-component-split-button-divider-inverse-solid: #ffffff;
+  --calcite-ui-component-split-button-divider-inverse-outline-fill: #353535;
+  --calcite-ui-component-split-button-divider-inverse-outline: #353535;
+  --calcite-ui-component-split-button-divider-inverse-transparent: #353535;
+  --calcite-ui-component-split-button-divider-neutral-solid: #ffffff;
+  --calcite-ui-component-split-button-divider-neutral-outline-fill: #353535;
+  --calcite-ui-component-split-button-divider-neutral-outline: #353535;
+  --calcite-ui-component-split-button-divider-neutral-transparent: #353535;
+  --calcite-ui-component-split-button-divider-danger-solid: #d83020;
+  --calcite-ui-component-split-button-divider-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-divider-danger-outline: #d83020;
+  --calcite-ui-component-split-button-divider-danger-transparent: #d83020;
+  --calcite-ui-component-fab-font-brand-solid: #ffffff;
+  --calcite-ui-component-fab-font-brand-outline-fill: #007ac2;
+  --calcite-ui-component-fab-font-inverse-solid: #ffffff;
+  --calcite-ui-component-fab-font-inverse-outline-fill: #151515;
+  --calcite-ui-component-fab-font-neutral-solid: #ffffff;
+  --calcite-ui-component-fab-font-neutral-outline-fill: #151515;
+  --calcite-ui-component-fab-font-danger-solid: #ffffff;
+  --calcite-ui-component-fab-font-danger-outline-fill: #d83020;
+  --calcite-ui-component-fab-icon-brand-solid: #ffffff;
+  --calcite-ui-component-fab-icon-brand-outline-fill: #007ac2;
+  --calcite-ui-component-fab-icon-inverse-solid: #ffffff;
+  --calcite-ui-component-fab-icon-inverse-outline-fill: #151515;
+  --calcite-ui-component-fab-icon-neutral-solid: #ffffff;
+  --calcite-ui-component-fab-icon-neutral-outline-fill: #151515;
+  --calcite-ui-component-fab-icon-danger-solid: #ffffff;
+  --calcite-ui-component-fab-icon-danger-outline-fill: #d83020;
+  --calcite-ui-component-fab-background-brand-solid: #007ac2;
+  --calcite-ui-component-fab-background-brand-outline-fill: #ffffff;
+  --calcite-ui-component-fab-background-inverse-solid: #353535;
+  --calcite-ui-component-fab-background-inverse-outline-fill: #ffffff;
+  --calcite-ui-component-fab-background-neutral-solid: #353535;
+  --calcite-ui-component-fab-background-neutral-outline-fill: #ffffff;
+  --calcite-ui-component-fab-background-danger-solid: #d83020;
+  --calcite-ui-component-fab-background-danger-outline-fill: #ffffff;
+  --calcite-ui-component-fab-border-brand-outline-fill: #007ac2;
+  --calcite-ui-component-fab-border-brand-solid: #007ac2;
+  --calcite-ui-component-fab-border-inverse-outline-fill: #353535;
+  --calcite-ui-component-fab-border-inverse-solid: #353535;
+  --calcite-ui-component-fab-border-neutral-outline-fill: #353535;
+  --calcite-ui-component-fab-border-neutral-solid: #353535;
+  --calcite-ui-component-fab-border-danger-outline-fill: #d83020;
+  --calcite-ui-component-fab-border-danger-solid: #d83020;
+}
+"
+`;
+
+exports[`generated tokens ES6 dark should match 1`] = `
+"/
+
+export const ColorBrandDefault = \\"#007ac2\\";
+export const ColorBrandHover = \\"#00619b\\";
+export const ColorBrandPress = \\"#004874\\";
+export const ColorBackground = \\"#f8f8f8\\";
+export const ColorForeground1 = \\"#ffffff\\";
+export const ColorForeground2 = \\"#f3f3f3\\";
+export const ColorForeground3 = \\"#eaeaea\\";
+export const ColorText1 = \\"#151515\\";
+export const ColorText2 = \\"#4a4a4a\\";
+export const ColorText3 = \\"#6a6a6a\\";
+export const ColorTextInverse = \\"#ffffff\\";
+export const ColorTextLink = \\"#00619b\\";
+export const ColorBorder1 = \\"#cacaca\\";
+export const ColorBorder2 = \\"#d4d4d4\\";
+export const ColorBorder3 = \\"#dfdfdf\\";
+export const ColorBorderInput = \\"#949494\\";
+export const ColorInfoDefault = \\"#00619b\\";
+export const ColorInfoHover = \\"#004874\\";
+export const ColorInfoPress = \\"#00304d\\";
+export const ColorSuccessDefault = \\"#35ac46\\";
+export const ColorSuccessHover = \\"#288835\\";
+export const ColorSuccessPress = \\"#1a6324\\";
+export const ColorWarningDefault = \\"#edd317\\";
+export const ColorWarningHover = \\"#d9bc00\\";
+export const ColorWarningPress = \\"#bfa200\\";
+export const ColorDangerDefault = \\"#d83020\\";
+export const ColorDangerHover = \\"#a82b1e\\";
+export const ColorDangerPress = \\"#7c1d13\\";
+export const ColorInverseDefault = \\"#353535\\";
+export const ColorComponentAvatarFont = \\"#6a6a6a\\";
+export const ColorComponentAvatarIcon = \\"#6a6a6a\\";
+export const ColorComponentAvatarBackgroundDefault = \\"#f3f3f3\\";
+export const ColorComponentAvatarBackgroundRed = \\"#ffc6bf\\";
+export const ColorComponentAvatarBackgroundTeal = \\"#cef5f4\\";
+export const ColorComponentAvatarBackgroundBlue = \\"#c7eaff\\";
+export const ColorComponentAvatarBackgroundGreen = \\"#e5f7b4\\";
+export const ColorComponentAvatarBackgroundYellow = \\"#fff7cc\\";
+export const ColorComponentCheckboxFont = \\"#151515\\";
+export const ColorComponentCheckboxBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentCheckboxBackgroundSelected = \\"#007ac2\\";
+export const ColorComponentCheckboxIcon = \\"#ffffff\\";
+export const ColorComponentCheckboxBorder = \\"#949494\\";
+export const ColorComponentRadioFont = \\"#151515\\";
+export const ColorComponentRadioBackground = \\"#ffffff\\";
+export const ColorComponentRadioBorderUnchecked = \\"#6a6a6a\\";
+export const ColorComponentRadioBorderChecked = \\"#007ac2\\";
+export const ColorComponentChipFontClear = \\"#151515\\";
+export const ColorComponentChipFontSolidGrey = \\"#151515\\";
+export const ColorComponentChipFontSolidBlue = \\"#ffffff\\";
+export const ColorComponentChipFontSolidRed = \\"#ffffff\\";
+export const ColorComponentChipFontSolidYellow = \\"#151515\\";
+export const ColorComponentChipFontSolidGreen = \\"#151515\\";
+export const ColorComponentChipIconClear = \\"#151515\\";
+export const ColorComponentChipIconSolidGrey = \\"#151515\\";
+export const ColorComponentChipIconSolidBlue = \\"#ffffff\\";
+export const ColorComponentChipIconSolidRed = \\"#ffffff\\";
+export const ColorComponentChipIconSolidYellow = \\"#151515\\";
+export const ColorComponentChipIconSolidGreen = \\"#151515\\";
+export const ColorComponentChipClosableIcon = \\"#6a6a6a\\";
+export const ColorComponentChipBackgroundSolidGrey = \\"#f3f3f3\\";
+export const ColorComponentChipBackgroundSolidBlue = \\"#00619b\\";
+export const ColorComponentChipBackgroundSolidRed = \\"#d83020\\";
+export const ColorComponentChipBackgroundSolidYellow = \\"#edd317\\";
+export const ColorComponentChipBackgroundSolidGreen = \\"#35ac46\\";
+export const ColorComponentChipBorderClearGrey = \\"#cacaca\\";
+export const ColorComponentChipBorderClearBlue = \\"#00619b\\";
+export const ColorComponentChipBorderClearRed = \\"#d83020\\";
+export const ColorComponentChipBorderClearYellow = \\"#edd317\\";
+export const ColorComponentChipBorderClearGreen = \\"#35ac46\\";
+export const ColorComponentLabelFont = \\"#151515\\";
+export const ColorComponentLoaderFont = \\"#151515\\";
+export const ColorComponentLoaderDefaultForeground = \\"#007ac2\\";
+export const ColorComponentLoaderInlineForegroundIndeterminate = \\"#151515\\";
+export const ColorComponentLoaderInlineForegroundDeterminate = \\"#007ac2\\";
+export const ColorComponentRatingStarBackgroundDefault = \\"#949494\\";
+export const ColorComponentRatingStarBackgroundActive = \\"#007ac2\\";
+export const ColorComponentRatingStarBackgroundAverage = \\"#edd317\\";
+export const ColorComponentRatingChipCountFont = \\"#4a4a4a\\";
+export const ColorComponentRatingChipForeground = \\"#f3f3f3\\";
+export const ColorComponentTooltipForeground = \\"#ffffff\\";
+export const ColorComponentTooltipBorder = \\"#dfdfdf\\";
+export const ColorComponentTooltipFont = \\"#151515\\";
+export const ColorComponentAccordionItemFontHeading = \\"#151515\\";
+export const ColorComponentAccordionItemFontDescription = \\"#6a6a6a\\";
+export const ColorComponentAccordionItemIconDefault = \\"#6a6a6a\\";
+export const ColorComponentAccordionItemIconExpanded = \\"#151515\\";
+export const ColorComponentAccordionItemBackground = \\"#ffffff\\";
+export const ColorComponentAccordionItemBorder = \\"#d4d4d4\\";
+export const ColorComponentInputMessageFont = \\"#151515\\";
+export const ColorComponentInputMessageIconIdle = \\"#007ac2\\";
+export const ColorComponentInputMessageIconInvalid = \\"#d83020\\";
+export const ColorComponentInputMessageIconValid = \\"#35ac46\\";
+export const ColorComponentAlertFontTitle = \\"#151515\\";
+export const ColorComponentAlertFontMessage = \\"#6a6a6a\\";
+export const ColorComponentAlertBackground = \\"#ffffff\\";
+export const ColorComponentAlertBorder = \\"#dfdfdf\\";
+export const ColorComponentAlertIconBlue = \\"#00619b\\";
+export const ColorComponentAlertIconGreen = \\"#35ac46\\";
+export const ColorComponentAlertIconYellow = \\"#edd317\\";
+export const ColorComponentAlertIconRed = \\"#d83020\\";
+export const ColorComponentAlertHighlightBlue = \\"#00619b\\";
+export const ColorComponentAlertHighlightGreen = \\"#35ac46\\";
+export const ColorComponentAlertHighlightYellow = \\"#edd317\\";
+export const ColorComponentAlertHighlightRed = \\"#d83020\\";
+export const ColorComponentTipFontHeading = \\"#151515\\";
+export const ColorComponentTipFontDescription = \\"#4a4a4a\\";
+export const ColorComponentTipIcon = \\"#6a6a6a\\";
+export const ColorComponentTipBackgroundDefaultLight = \\"#ffffff\\";
+export const ColorComponentTipBorderDefault = \\"#d4d4d4\\";
+export const ColorComponentColorPickerFontLabel = \\"#151515\\";
+export const ColorComponentColorPickerIcon = \\"#151515\\";
+export const ColorComponentColorPickerBorder = \\"#cacaca\\";
+export const ColorComponentColorPickerBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentDatePickerFontDate = \\"#6a6a6a\\";
+export const ColorComponentDatePickerFontRangeDate = \\"#151515\\";
+export const ColorComponentDatePickerFontDay = \\"#6a6a6a\\";
+export const ColorComponentDatePickerFontMonth = \\"#151515\\";
+export const ColorComponentDatePickerFontSelectedDate = \\"#ffffff\\";
+export const ColorComponentDatePickerFontActiveDate = \\"#ffffff\\";
+export const ColorComponentDatePickerIcon = \\"#6a6a6a\\";
+export const ColorComponentDatePickerBorder = \\"#cacaca\\";
+export const ColorComponentDatePickerDateActiveBorder = \\"#ffffff\\";
+export const ColorComponentDatePickerBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentDatePickerBackgroundDateRange = \\"#c7eaff\\";
+export const ColorComponentDatePickerBackgroundDateActiveLight = \\"#007ac2\\";
+export const ColorComponentInputDatePickerFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputDatePickerFontLabel = \\"#151515\\";
+export const ColorComponentInputDatePickerIcon = \\"#6a6a6a\\";
+export const ColorComponentInputDatePickerBorder = \\"#949494\\";
+export const ColorComponentInputDatePickerBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputDatePickerBackgroundArrow = \\"#f8f8f8\\";
+export const ColorComponentInputDatePickerBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputDatetimeLocalFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputDatetimeLocalFontLabel = \\"#151515\\";
+export const ColorComponentInputDatetimeLocalFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputDatetimeLocalIcon = \\"#6a6a6a\\";
+export const ColorComponentInputDatetimeLocalBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputDatetimeLocalBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputDatetimeLocalBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputDatetimeLocalBorderDefault = \\"#949494\\";
+export const ColorComponentInputDatetimeLocalBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputEmailFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputEmailFontLabel = \\"#151515\\";
+export const ColorComponentInputEmailFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputEmailIcon = \\"#6a6a6a\\";
+export const ColorComponentInputEmailBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputEmailBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputEmailBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputEmailBorderDefault = \\"#949494\\";
+export const ColorComponentInputEmailBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputFileFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputFileFontLabel = \\"#151515\\";
+export const ColorComponentInputFileFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputFileIcon = \\"#6a6a6a\\";
+export const ColorComponentInputFileBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputFileBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputFileBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputFileBorderDefault = \\"#949494\\";
+export const ColorComponentInputFileBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputMonthFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputMonthFontLabel = \\"#151515\\";
+export const ColorComponentInputMonthFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputMonthIcon = \\"#6a6a6a\\";
+export const ColorComponentInputMonthBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputMonthBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputMonthBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputMonthBorderDefault = \\"#949494\\";
+export const ColorComponentInputMonthBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputNumberFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputNumberFontLabel = \\"#151515\\";
+export const ColorComponentInputNumberFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputNumberIcon = \\"#6a6a6a\\";
+export const ColorComponentInputNumberBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputNumberBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputNumberBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputNumberBorderDefault = \\"#949494\\";
+export const ColorComponentInputNumberBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputPasswordFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputPasswordFontLabel = \\"#151515\\";
+export const ColorComponentInputPasswordFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputPasswordIcon = \\"#6a6a6a\\";
+export const ColorComponentInputPasswordBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputPasswordBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputPasswordBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputPasswordBorderDefault = \\"#949494\\";
+export const ColorComponentInputPasswordBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputSearchFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputSearchFontLabel = \\"#151515\\";
+export const ColorComponentInputSearchFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputSearchIcon = \\"#6a6a6a\\";
+export const ColorComponentInputSearchBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputSearchBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputSearchBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputSearchBorderDefault = \\"#949494\\";
+export const ColorComponentInputSearchBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputTelephoneFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputTelephoneFontLabel = \\"#151515\\";
+export const ColorComponentInputTelephoneFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputTelephoneIcon = \\"#6a6a6a\\";
+export const ColorComponentInputTelephoneBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputTelephoneBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputTelephoneBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputTelephoneBorderDefault = \\"#949494\\";
+export const ColorComponentInputTelephoneBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputTextFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputTextFontLabel = \\"#151515\\";
+export const ColorComponentInputTextFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputTextIcon = \\"#6a6a6a\\";
+export const ColorComponentInputTextBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputTextBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputTextBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputTextBorderDefault = \\"#949494\\";
+export const ColorComponentInputTextBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputWeekFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputWeekFontLabel = \\"#151515\\";
+export const ColorComponentInputWeekFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputWeekIcon = \\"#6a6a6a\\";
+export const ColorComponentInputWeekBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputWeekBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputWeekBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputWeekBorderDefault = \\"#949494\\";
+export const ColorComponentInputWeekBorderInvalid = \\"#d83020\\";
+export const ColorComponentTextareaFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentTextareaFontLabel = \\"#151515\\";
+export const ColorComponentTextareaFontChatLimit = \\"#4a4a4a\\";
+export const ColorComponentTextareaIcon = \\"#6a6a6a\\";
+export const ColorComponentTextareaBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentTextareaBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentTextareaBorderDefault = \\"#949494\\";
+export const ColorComponentTabTitleFontDefault = \\"#6a6a6a\\";
+export const ColorComponentTabTitleFontActive = \\"#151515\\";
+export const ColorComponentTabTitleIconDefault = \\"#6a6a6a\\";
+export const ColorComponentTabTitleIconActive = \\"#151515\\";
+export const ColorComponentTabTitleBorderedBorder = \\"#dfdfdf\\";
+export const ColorComponentTabTitleBorderedBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentTabTitleBorderActive = \\"#007ac2\\";
+export const ColorComponentTabsBorderedBorder = \\"#dfdfdf\\";
+export const ColorComponentTabsBorderedBackground = \\"#ffffff\\";
+export const ColorComponentCardFontTitle = \\"#151515\\";
+export const ColorComponentCardFontSubtitle = \\"#4a4a4a\\";
+export const ColorComponentCardFontDescription = \\"#6a6a6a\\";
+export const ColorComponentCardBorderDefault = \\"#d4d4d4\\";
+export const ColorComponentCardBorderActive = \\"#007ac2\\";
+export const ColorComponentCardBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentActionFont = \\"#6a6a6a\\";
+export const ColorComponentActionIcon = \\"#6a6a6a\\";
+export const ColorComponentActionBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentActionBackgroundActive = \\"#eaeaea\\";
+export const ColorComponentActionBarBorder = \\"#cacaca\\";
+export const ColorComponentActionBarBackground = \\"#ffffff\\";
+export const ColorComponentActionPadBorder = \\"#cacaca\\";
+export const ColorComponentActionPadBackground = \\"#ffffff\\";
+export const ColorComponentActionBarGridBorder = \\"#cacaca\\";
+export const ColorComponentActionBarGridBackground = \\"#ffffff\\";
+export const ColorComponentActionPadGridBorder = \\"#cacaca\\";
+export const ColorComponentActionPadGridBackground = \\"#ffffff\\";
+export const ColorComponentBlockFontHeading = \\"#4a4a4a\\";
+export const ColorComponentBlockFontActive = \\"#151515\\";
+export const ColorComponentBlockFontDescription = \\"#6a6a6a\\";
+export const ColorComponentBlockFontContent = \\"#4a4a4a\\";
+export const ColorComponentBlockIconIdle = \\"#4a4a4a\\";
+export const ColorComponentBlockIconValid = \\"#35ac46\\";
+export const ColorComponentBlockIconInvalid = \\"#d83020\\";
+export const ColorComponentBlockIconDragHandle = \\"#949494\\";
+export const ColorComponentBlockIconChevron = \\"#6a6a6a\\";
+export const ColorComponentBlockBorder = \\"#dfdfdf\\";
+export const ColorComponentBlockBackground = \\"#ffffff\\";
+export const ColorComponentBlockSectionFont = \\"#4a4a4a\\";
+export const ColorComponentBlockSectionIconValid = \\"#35ac46\\";
+export const ColorComponentBlockSectionIconInvalid = \\"#d83020\\";
+export const ColorComponentBlockSectionIconChevron = \\"#6a6a6a\\";
+export const ColorComponentBlockSectionBackground = \\"#ffffff\\";
+export const ColorComponentNoticeFontTitle = \\"#151515\\";
+export const ColorComponentNoticeFontMessage = \\"#6a6a6a\\";
+export const ColorComponentNoticeBackground = \\"#ffffff\\";
+export const ColorComponentNoticeIconInfo = \\"#00619b\\";
+export const ColorComponentNoticeIconSuccess = \\"#35ac46\\";
+export const ColorComponentNoticeIconWarning = \\"#edd317\\";
+export const ColorComponentNoticeIconDanger = \\"#d83020\\";
+export const ColorComponentNoticeIconBrand = \\"#007ac2\\";
+export const ColorComponentNoticeHighlightInfo = \\"#00619b\\";
+export const ColorComponentNoticeHighlightSuccess = \\"#35ac46\\";
+export const ColorComponentNoticeHighlightWarning = \\"#edd317\\";
+export const ColorComponentNoticeHighlightDanger = \\"#d83020\\";
+export const ColorComponentNoticeHighlightBrand = \\"#007ac2\\";
+export const ColorComponentModalFontHeader = \\"#151515\\";
+export const ColorComponentModalFontContent = \\"#4a4a4a\\";
+export const ColorComponentModalIcon = \\"#6a6a6a\\";
+export const ColorComponentModalBorderDefault = \\"#dfdfdf\\";
+export const ColorComponentModalBorderTopBrand = \\"#007ac2\\";
+export const ColorComponentModalBorderTopInfo = \\"#00619b\\";
+export const ColorComponentModalBorderTopSuccess = \\"#35ac46\\";
+export const ColorComponentModalBorderTopDanger = \\"#d83020\\";
+export const ColorComponentModalBorderTopWarning = \\"#edd317\\";
+export const ColorComponentModalBackground = \\"#ffffff\\";
+export const ColorComponentPanelHeaderFont = \\"#4a4a4a\\";
+export const ColorComponentPanelHeaderIcon = \\"#6a6a6a\\";
+export const ColorComponentPanelHeaderBorder = \\"#dfdfdf\\";
+export const ColorComponentPanelHeaderBackground = \\"#ffffff\\";
+export const ColorComponentPopoverFont = \\"#151515\\";
+export const ColorComponentPopoverIcon = \\"#6a6a6a\\";
+export const ColorComponentPopoverBorder = \\"#dfdfdf\\";
+export const ColorComponentPopoverBackground = \\"#ffffff\\";
+export const ColorComponentSliderFontLabel = \\"#151515\\";
+export const ColorComponentSliderFontTickLabel = \\"#4a4a4a\\";
+export const ColorComponentSliderHandleBackground = \\"#ffffff\\";
+export const ColorComponentSliderHandleBorder = \\"#6a6a6a\\";
+export const ColorComponentSliderBorderDefault = \\"#d4d4d4\\";
+export const ColorComponentSliderBorderActive = \\"#007ac2\\";
+export const ColorComponentSliderTickDefaultBackground = \\"#949494\\";
+export const ColorComponentSliderTickDefaultBorder = \\"#ffffff\\";
+export const ColorComponentSliderTickActiveBackground = \\"#007ac2\\";
+export const ColorComponentSliderTickActiveBorder = \\"#ffffff\\";
+export const ColorComponentSliderRangeFontLabel = \\"#151515\\";
+export const ColorComponentSliderRangeFontTickLabel = \\"#4a4a4a\\";
+export const ColorComponentSliderRangeHandleBackground = \\"#ffffff\\";
+export const ColorComponentSliderRangeHandleBorder = \\"#6a6a6a\\";
+export const ColorComponentSliderRangeBorderDefault = \\"#d4d4d4\\";
+export const ColorComponentSliderRangeBorderActive = \\"#007ac2\\";
+export const ColorComponentSliderRangeTickDefaultBackground = \\"#949494\\";
+export const ColorComponentSliderRangeTickDefaultBorder = \\"#ffffff\\";
+export const ColorComponentSliderRangeTickActiveBackground = \\"#007ac2\\";
+export const ColorComponentSliderRangeTickActiveBorder = \\"#ffffff\\";
+export const ColorComponentSliderHistogramFontLabel = \\"#151515\\";
+export const ColorComponentSliderHistogramFontTickLabel = \\"#4a4a4a\\";
+export const ColorComponentSliderHistogramHandleBackground = \\"#ffffff\\";
+export const ColorComponentSliderHistogramHandleBorder = \\"#6a6a6a\\";
+export const ColorComponentSliderHistogramBorderDefault = \\"#d4d4d4\\";
+export const ColorComponentSliderHistogramBorderActive = \\"#007ac2\\";
+export const ColorComponentSliderHistogramTickDefaultBackground = \\"#949494\\";
+export const ColorComponentSliderHistogramTickDefaultBorder = \\"#ffffff\\";
+export const ColorComponentSliderHistogramTickActiveBackground = \\"#007ac2\\";
+export const ColorComponentSliderHistogramTickActiveBorder = \\"#ffffff\\";
+export const ColorComponentSliderHistogramAreaActiveBackground = \\"#9BBDDF\\";
+export const ColorComponentSliderHistogramActiveEndBackground = \\"#ffffff\\";
+export const ColorComponentSliderHistogramRangeFontLabel = \\"#151515\\";
+export const ColorComponentSliderHistogramRangeFontTickLabel = \\"#4a4a4a\\";
+export const ColorComponentSliderHistogramRangeHandleBackground = \\"#ffffff\\";
+export const ColorComponentSliderHistogramRangeHandleBorder = \\"#6a6a6a\\";
+export const ColorComponentSliderHistogramRangeBorderDefault = \\"#d4d4d4\\";
+export const ColorComponentSliderHistogramRangeBorderActive = \\"#007ac2\\";
+export const ColorComponentSliderHistogramRangeTickDefaultBackground = \\"#949494\\";
+export const ColorComponentSliderHistogramRangeTickDefaultBorder = \\"#ffffff\\";
+export const ColorComponentSliderHistogramRangeTickActiveBackground = \\"#007ac2\\";
+export const ColorComponentSliderHistogramRangeTickActiveBorder = \\"#ffffff\\";
+export const ColorComponentSliderHistogramRangeAreaActiveBackground = \\"#9BBDDF\\";
+export const ColorComponentSliderHistogramRangeActiveEndBackground = \\"#ffffff\\";
+export const ColorComponentFilterFont = \\"#151515\\";
+export const ColorComponentFilterIcon = \\"#6a6a6a\\";
+export const ColorComponentFilterBorder = \\"#949494\\";
+export const ColorComponentFilterBackground = \\"#ffffff\\";
+export const ColorComponentScrimBackground = \\"#ffffff\\";
+export const ColorComponentTipManagerFontHeading = \\"#151515\\";
+export const ColorComponentTipManagerIcon = \\"#6a6a6a\\";
+export const ColorComponentTipManagerBackgroundDefaultLight = \\"#ffffff\\";
+export const ColorComponentTipManagerBorderDefault = \\"#d4d4d4\\";
+export const ColorComponentButtonFontBrandSolid = \\"#ffffff\\";
+export const ColorComponentButtonFontBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentButtonFontBrandOutline = \\"#007ac2\\";
+export const ColorComponentButtonFontBrandTransparent = \\"#007ac2\\";
+export const ColorComponentButtonFontInverseSolid = \\"#ffffff\\";
+export const ColorComponentButtonFontInverseOutlineFill = \\"#151515\\";
+export const ColorComponentButtonFontInverseOutline = \\"#151515\\";
+export const ColorComponentButtonFontInverseTransparent = \\"#151515\\";
+export const ColorComponentButtonFontNeutralSolid = \\"#ffffff\\";
+export const ColorComponentButtonFontNeutralOutlineFill = \\"#151515\\";
+export const ColorComponentButtonFontNeutralOutline = \\"#151515\\";
+export const ColorComponentButtonFontNeutralTransparent = \\"#151515\\";
+export const ColorComponentButtonFontDangerSolid = \\"#ffffff\\";
+export const ColorComponentButtonFontDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentButtonFontDangerOutline = \\"#d83020\\";
+export const ColorComponentButtonFontDangerTransparent = \\"#d83020\\";
+export const ColorComponentButtonIconBrandSolid = \\"#ffffff\\";
+export const ColorComponentButtonIconBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentButtonIconBrandOutline = \\"#007ac2\\";
+export const ColorComponentButtonIconBrandTransparent = \\"#007ac2\\";
+export const ColorComponentButtonIconInverseSolid = \\"#ffffff\\";
+export const ColorComponentButtonIconInverseOutlineFill = \\"#151515\\";
+export const ColorComponentButtonIconInverseOutline = \\"#151515\\";
+export const ColorComponentButtonIconInverseTransparent = \\"#151515\\";
+export const ColorComponentButtonIconNeutralSolid = \\"#ffffff\\";
+export const ColorComponentButtonIconNeutralOutlineFill = \\"#151515\\";
+export const ColorComponentButtonIconNeutralOutline = \\"#151515\\";
+export const ColorComponentButtonIconNeutralTransparent = \\"#151515\\";
+export const ColorComponentButtonIconDangerSolid = \\"#ffffff\\";
+export const ColorComponentButtonIconDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentButtonIconDangerOutline = \\"#d83020\\";
+export const ColorComponentButtonIconDangerTransparent = \\"#d83020\\";
+export const ColorComponentButtonBackgroundBrandSolid = \\"#007ac2\\";
+export const ColorComponentButtonBackgroundBrandOutlineFill = \\"#ffffff\\";
+export const ColorComponentButtonBackgroundInverseSolid = \\"#353535\\";
+export const ColorComponentButtonBackgroundInverseOutlineFill = \\"#353535\\";
+export const ColorComponentButtonBackgroundNeutralSolid = \\"#353535\\";
+export const ColorComponentButtonBackgroundNeutralOutlineFill = \\"#353535\\";
+export const ColorComponentButtonBackgroundDangerSolid = \\"#d83020\\";
+export const ColorComponentButtonBackgroundDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentButtonBorderBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentButtonBorderBrandOutline = \\"#007ac2\\";
+export const ColorComponentButtonBorderInverseOutlineFill = \\"#353535\\";
+export const ColorComponentButtonBorderInverseOutline = \\"#353535\\";
+export const ColorComponentButtonBorderNeutralOutlineFill = \\"#353535\\";
+export const ColorComponentButtonBorderNeutralOutline = \\"#353535\\";
+export const ColorComponentButtonBorderDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentButtonBorderDangerOutline = \\"#d83020\\";
+export const ColorComponentSplitButtonFontBrandSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonFontBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentSplitButtonFontBrandOutline = \\"#007ac2\\";
+export const ColorComponentSplitButtonFontBrandTransparent = \\"#007ac2\\";
+export const ColorComponentSplitButtonFontInverseSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonFontInverseOutlineFill = \\"#151515\\";
+export const ColorComponentSplitButtonFontInverseOutline = \\"#151515\\";
+export const ColorComponentSplitButtonFontInverseTransparent = \\"#151515\\";
+export const ColorComponentSplitButtonFontNeutralSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonFontNeutralOutlineFill = \\"#151515\\";
+export const ColorComponentSplitButtonFontNeutralOutline = \\"#151515\\";
+export const ColorComponentSplitButtonFontNeutralTransparent = \\"#151515\\";
+export const ColorComponentSplitButtonFontDangerSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonFontDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentSplitButtonFontDangerOutline = \\"#d83020\\";
+export const ColorComponentSplitButtonFontDangerTransparent = \\"#d83020\\";
+export const ColorComponentSplitButtonIconBrandSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonIconBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentSplitButtonIconBrandOutline = \\"#007ac2\\";
+export const ColorComponentSplitButtonIconBrandTransparent = \\"#007ac2\\";
+export const ColorComponentSplitButtonIconInverseSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonIconInverseOutlineFill = \\"#151515\\";
+export const ColorComponentSplitButtonIconInverseOutline = \\"#151515\\";
+export const ColorComponentSplitButtonIconInverseTransparent = \\"#151515\\";
+export const ColorComponentSplitButtonIconNeutralSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonIconNeutralOutlineFill = \\"#151515\\";
+export const ColorComponentSplitButtonIconNeutralOutline = \\"#151515\\";
+export const ColorComponentSplitButtonIconNeutralTransparent = \\"#151515\\";
+export const ColorComponentSplitButtonIconDangerSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonIconDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentSplitButtonIconDangerOutline = \\"#d83020\\";
+export const ColorComponentSplitButtonIconDangerTransparent = \\"#d83020\\";
+export const ColorComponentSplitButtonBackgroundBrandSolid = \\"#007ac2\\";
+export const ColorComponentSplitButtonBackgroundBrandOutlineFill = \\"#ffffff\\";
+export const ColorComponentSplitButtonBackgroundInverseSolid = \\"#353535\\";
+export const ColorComponentSplitButtonBackgroundInverseOutlineFill = \\"#ffffff\\";
+export const ColorComponentSplitButtonBackgroundNeutralSolid = \\"#353535\\";
+export const ColorComponentSplitButtonBackgroundNeutralOutlineFill = \\"#ffffff\\";
+export const ColorComponentSplitButtonBackgroundDangerSolid = \\"#d83020\\";
+export const ColorComponentSplitButtonBackgroundDangerOutlineFill = \\"#ffffff\\";
+export const ColorComponentSplitButtonBorderBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentSplitButtonBorderBrandOutline = \\"#007ac2\\";
+export const ColorComponentSplitButtonBorderInverseOutlineFill = \\"#353535\\";
+export const ColorComponentSplitButtonBorderInverseOutline = \\"#353535\\";
+export const ColorComponentSplitButtonBorderNeutralOutlineFill = \\"#353535\\";
+export const ColorComponentSplitButtonBorderNeutralOutline = \\"#353535\\";
+export const ColorComponentSplitButtonBorderDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentSplitButtonBorderDangerOutline = \\"#d83020\\";
+export const ColorComponentSplitButtonDividerBrandSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonDividerBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentSplitButtonDividerBrandOutline = \\"#007ac2\\";
+export const ColorComponentSplitButtonDividerBrandTransparent = \\"#007ac2\\";
+export const ColorComponentSplitButtonDividerInverseSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonDividerInverseOutlineFill = \\"#353535\\";
+export const ColorComponentSplitButtonDividerInverseOutline = \\"#353535\\";
+export const ColorComponentSplitButtonDividerInverseTransparent = \\"#353535\\";
+export const ColorComponentSplitButtonDividerNeutralSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonDividerNeutralOutlineFill = \\"#353535\\";
+export const ColorComponentSplitButtonDividerNeutralOutline = \\"#353535\\";
+export const ColorComponentSplitButtonDividerNeutralTransparent = \\"#353535\\";
+export const ColorComponentSplitButtonDividerDangerSolid = \\"#d83020\\";
+export const ColorComponentSplitButtonDividerDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentSplitButtonDividerDangerOutline = \\"#d83020\\";
+export const ColorComponentSplitButtonDividerDangerTransparent = \\"#d83020\\";
+export const ColorComponentFabFontBrandSolid = \\"#ffffff\\";
+export const ColorComponentFabFontBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentFabFontInverseSolid = \\"#ffffff\\";
+export const ColorComponentFabFontInverseOutlineFill = \\"#151515\\";
+export const ColorComponentFabFontNeutralSolid = \\"#ffffff\\";
+export const ColorComponentFabFontNeutralOutlineFill = \\"#151515\\";
+export const ColorComponentFabFontDangerSolid = \\"#ffffff\\";
+export const ColorComponentFabFontDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentFabIconBrandSolid = \\"#ffffff\\";
+export const ColorComponentFabIconBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentFabIconInverseSolid = \\"#ffffff\\";
+export const ColorComponentFabIconInverseOutlineFill = \\"#151515\\";
+export const ColorComponentFabIconNeutralSolid = \\"#ffffff\\";
+export const ColorComponentFabIconNeutralOutlineFill = \\"#151515\\";
+export const ColorComponentFabIconDangerSolid = \\"#ffffff\\";
+export const ColorComponentFabIconDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentFabBackgroundBrandSolid = \\"#007ac2\\";
+export const ColorComponentFabBackgroundBrandOutlineFill = \\"#ffffff\\";
+export const ColorComponentFabBackgroundInverseSolid = \\"#353535\\";
+export const ColorComponentFabBackgroundInverseOutlineFill = \\"#ffffff\\";
+export const ColorComponentFabBackgroundNeutralSolid = \\"#353535\\";
+export const ColorComponentFabBackgroundNeutralOutlineFill = \\"#ffffff\\";
+export const ColorComponentFabBackgroundDangerSolid = \\"#d83020\\";
+export const ColorComponentFabBackgroundDangerOutlineFill = \\"#ffffff\\";
+export const ColorComponentFabBorderBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentFabBorderBrandSolid = \\"#007ac2\\";
+export const ColorComponentFabBorderInverseOutlineFill = \\"#353535\\";
+export const ColorComponentFabBorderInverseSolid = \\"#353535\\";
+export const ColorComponentFabBorderNeutralOutlineFill = \\"#353535\\";
+export const ColorComponentFabBorderNeutralSolid = \\"#353535\\";
+export const ColorComponentFabBorderDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentFabBorderDangerSolid = \\"#d83020\\";"
+`;
+
+exports[`generated tokens ES6 global should match 1`] = `
+"/
+
+export const AccordionItemFontHeadingLight = \\"#151515\\";
+export const AccordionItemFontHeadingDark = \\"#ffffff\\";
+export const AccordionItemFontDescriptionLight = \\"#6a6a6a\\";
+export const AccordionItemFontDescriptionDark = \\"#9f9f9f\\";
+export const AccordionItemIconLight = \\"#6a6a6a\\";
+export const AccordionItemIconDark = \\"#9f9f9f\\";
+export const AccordionItemIconExpandedLight = \\"#151515\\";
+export const AccordionItemIconExpandedDark = \\"#ffffff\\";
+export const AccordionItemBackgroundDefaultLight = \\"#ffffff\\";
+export const AccordionItemBackgroundDefaultDark = \\"#2b2b2b\\";
+export const AccordionItemIconSizeSm = \\"16px\\";
+export const AccordionItemIconSizeMd = \\"16px\\";
+export const AccordionItemIconSizeLg = \\"24px\\";
+export const AccordionItemDefaultSpaceBetweenSm = \\"8px\\";
+export const AccordionItemDefaultSpaceBetweenMd = \\"12px\\";
+export const AccordionItemDefaultSpaceBetweenLg = \\"16px\\";
+export const AccordionItemDefaultTextSpaceBetweenSm = \\"4px\\";
+export const AccordionItemDefaultTextSpaceBetweenMd = \\"4px\\";
+export const AccordionItemDefaultTextSpaceBetweenLg = \\"4px\\";
+export const AccordionItemDefaultSpaceAroundTopBottomSm = \\"4px\\";
+export const AccordionItemDefaultSpaceAroundTopBottomMd = \\"8px\\";
+export const AccordionItemDefaultSpaceAroundTopBottomLg = \\"12px\\";
+export const AccordionItemDefaultSpaceAroundLeftRightSm = \\"8px\\";
+export const AccordionItemDefaultSpaceAroundLeftRightMd = \\"12px\\";
+export const AccordionItemDefaultSpaceAroundLeftRightLg = \\"16px\\";
+export const AccordionItemBorderWidth = \\"1px\\";
+export const AccordionItemBorderLight = \\"#d4d4d4\\";
+export const AccordionItemBorderDark = \\"#4a4a4a\\";
+export const AccordionHeadingLight = \\"#151515\\";
+export const AccordionHeadingDark = \\"#ffffff\\";
+export const AccordionDescriptionLight = \\"#6a6a6a\\";
+export const AccordionDescriptionDark = \\"#9f9f9f\\";
+export const AccordionIconDefaultLight = \\"#6a6a6a\\";
+export const AccordionIconDefaultDark = \\"#9f9f9f\\";
+export const AccordionIconExpandedLight = \\"#151515\\";
+export const AccordionIconExpandedDark = \\"#ffffff\\";
+export const AccordionBackgroundDefaultLight = \\"#ffffff\\";
+export const AccordionBackgroundDefaultDark = \\"#2b2b2b\\";
+export const AccordionDefaultSpaceBetweenSm = \\"8px\\";
+export const AccordionDefaultSpaceBetweenMd = \\"12px\\";
+export const AccordionDefaultSpaceBetweenLg = \\"16px\\";
+export const AccordionDefaultTextSpaceBetweenSm = \\"4px\\";
+export const AccordionDefaultTextSpaceBetweenMd = \\"4px\\";
+export const AccordionDefaultTextSpaceBetweenLg = \\"4px\\";
+export const AccordionDefaultSpaceAroundTopBottomSm = \\"4px\\";
+export const AccordionDefaultSpaceAroundTopBottomMd = \\"8px\\";
+export const AccordionDefaultSpaceAroundTopBottomLg = \\"12px\\";
+export const AccordionDefaultSpaceAroundLeftRightSm = \\"8px\\";
+export const AccordionDefaultSpaceAroundLeftRightMd = \\"12px\\";
+export const AccordionDefaultSpaceAroundLeftRightLg = \\"16px\\";
+export const AccordionMinimalSpaceBetweenSm = \\"8px\\";
+export const AccordionMinimalSpaceBetweenMd = \\"12px\\";
+export const AccordionMinimalSpaceBetweenLg = \\"16px\\";
+export const AccordionMinimalTextSpaceBetweenSm = \\"4px\\";
+export const AccordionMinimalTextSpaceBetweenMd = \\"4px\\";
+export const AccordionMinimalTextSpaceBetweenLg = \\"4px\\";
+export const AccordionMinimalSpaceAroundTopBottomSm = \\"4px\\";
+export const AccordionMinimalSpaceAroundTopBottomMd = \\"8px\\";
+export const AccordionMinimalSpaceAroundTopBottomLg = \\"12px\\";
+export const AccordionMinimalSpaceAroundLeftRightSm = \\"0px\\";
+export const AccordionMinimalSpaceAroundLeftRightMd = \\"0px\\";
+export const AccordionMinimalSpaceAroundLeftRightLg = \\"0px\\";
+export const AccordionBorderLight = \\"#d4d4d4\\";
+export const AccordionBorderDark = \\"#4a4a4a\\";
+export const ActionBarGridBorderLight = \\"#cacaca\\";
+export const ActionBarGridBorderDark = \\"#555555\\";
+export const ActionBarGridBackgroundLight = \\"#ffffff\\";
+export const ActionBarGridBackgroundDark = \\"#2b2b2b\\";
+export const ActionBarGridBorderRadiusSm = \\"0px\\";
+export const ActionBarGridBorderRadiusMd = \\"0px\\";
+export const ActionBarGridBorderRadiusLg = \\"0px\\";
+export const ActionBarGridSpaceBetweenSm = \\"0px\\";
+export const ActionBarGridSpaceBetweenMd = \\"0px\\";
+export const ActionBarGridSpaceBetweenLg = \\"0px\\";
+export const ActionBarGridSpaceAroundSm = \\"0px\\";
+export const ActionBarGridSpaceAroundMd = \\"0px\\";
+export const ActionBarGridSpaceAroundLg = \\"0px\\";
+export const ActionBarBorderLight = \\"#cacaca\\";
+export const ActionBarBorderDark = \\"#555555\\";
+export const ActionBarBackgroundLight = \\"#ffffff\\";
+export const ActionBarBackgroundDark = \\"#2b2b2b\\";
+export const ActionBarBorderRadiusSm = \\"0px\\";
+export const ActionBarBorderRadiusMd = \\"0px\\";
+export const ActionBarBorderRadiusLg = \\"0px\\";
+export const ActionBarSpaceBetweenSm = \\"0px\\";
+export const ActionBarSpaceBetweenMd = \\"0px\\";
+export const ActionBarSpaceBetweenLg = \\"0px\\";
+export const ActionBarSpaceAroundSm = \\"0px\\";
+export const ActionBarSpaceAroundMd = \\"0px\\";
+export const ActionBarSpaceAroundLg = \\"0px\\";
+export const ActionPadGridBorderLight = \\"#cacaca\\";
+export const ActionPadGridBorderDark = \\"#555555\\";
+export const ActionPadGridBackgroundLight = \\"#ffffff\\";
+export const ActionPadGridBackgroundDark = \\"#2b2b2b\\";
+export const ActionPadGridBorderRadiusSm = \\"4px\\";
+export const ActionPadGridBorderRadiusMd = \\"4px\\";
+export const ActionPadGridBorderRadiusLg = \\"4px\\";
+export const ActionPadGridSpaceBetweenSm = \\"0px\\";
+export const ActionPadGridSpaceBetweenMd = \\"0px\\";
+export const ActionPadGridSpaceBetweenLg = \\"0px\\";
+export const ActionPadGridSpaceAroundSm = \\"0px\\";
+export const ActionPadGridSpaceAroundMd = \\"0px\\";
+export const ActionPadGridSpaceAroundLg = \\"0px\\";
+export const ActionPadBorderLight = \\"#cacaca\\";
+export const ActionPadBorderDark = \\"#555555\\";
+export const ActionPadBackgroundLight = \\"#ffffff\\";
+export const ActionPadBackgroundDark = \\"#2b2b2b\\";
+export const ActionPadBorderRadiusSm = \\"4px\\";
+export const ActionPadBorderRadiusMd = \\"4px\\";
+export const ActionPadBorderRadiusLg = \\"4px\\";
+export const ActionPadSpaceBetweenSm = \\"0px\\";
+export const ActionPadSpaceBetweenMd = \\"0px\\";
+export const ActionPadSpaceBetweenLg = \\"0px\\";
+export const ActionPadSpaceAroundSm = \\"0px\\";
+export const ActionPadSpaceAroundMd = \\"0px\\";
+export const ActionPadSpaceAroundLg = \\"0px\\";
+export const ActionFontDefaultLight = \\"#6a6a6a\\";
+export const ActionFontDefaultDark = \\"#9f9f9f\\";
+export const ActionFontActiveLight = \\"#151515\\";
+export const ActionFontActiveDark = \\"#ffffff\\";
+export const ActionIconLight = \\"#6a6a6a\\";
+export const ActionIconDark = \\"#9f9f9f\\";
+export const ActionIconActiveLight = \\"#151515\\";
+export const ActionIconActiveDark = \\"#ffffff\\";
+export const ActionBackgroundDefaultLight = \\"#ffffff\\";
+export const ActionBackgroundDefaultDark = \\"#2b2b2b\\";
+export const ActionBackgroundActiveLight = \\"#eaeaea\\";
+export const ActionBackgroundActiveDark = \\"#151515\\";
+export const ActionIconSizeSm = \\"16px\\";
+export const ActionIconSizeMd = \\"16px\\";
+export const ActionIconSizeLg = \\"24px\\";
+export const ActionSpaceBetweenSm = \\"8px\\";
+export const ActionSpaceBetweenMd = \\"12px\\";
+export const ActionSpaceBetweenLg = \\"16px\\";
+export const ActionSpaceAroundSm = \\"8px\\";
+export const ActionSpaceAroundMd = \\"16px\\";
+export const ActionSpaceAroundLg = \\"20px\\";
+export const ActionIndicatorSizeSm = \\"8px\\";
+export const ActionIndicatorSizeMd = \\"8px\\";
+export const ActionIndicatorSizeLg = \\"8px\\";
+export const ActionIndicatorLight = \\"#007ac2\\";
+export const ActionIndicatorDark = \\"#009af2\\";
+export const ActionLoaderIconLight = \\"#6a6a6a\\";
+export const ActionLoaderIconDark = \\"#9f9f9f\\";
+export const AlertFontTitleLight = \\"#151515\\";
+export const AlertFontTitleDark = \\"#ffffff\\";
+export const AlertFontMessageLight = \\"#6a6a6a\\";
+export const AlertFontMessageDark = \\"#9f9f9f\\";
+export const AlertBackgroundLight = \\"#ffffff\\";
+export const AlertBackgroundDark = \\"#202020\\";
+export const AlertBorderLight = \\"#dfdfdf\\";
+export const AlertBorderDark = \\"#404040\\";
+export const AlertBorderRadiusSm = \\"4px\\";
+export const AlertBorderRadiusMd = \\"4px\\";
+export const AlertBorderRadiusLg = \\"4px\\";
+export const AlertIconSizeSm = \\"16px\\";
+export const AlertIconSizeMd = \\"16px\\";
+export const AlertIconSizeLg = \\"24px\\";
+export const AlertIconBlueLight = \\"#00619b\\";
+export const AlertIconBlueDark = \\"#00A0FF\\";
+export const AlertIconGreenLight = \\"#35ac46\\";
+export const AlertIconGreenDark = \\"#36DA43\\";
+export const AlertIconYellowLight = \\"#edd317\\";
+export const AlertIconYellowDark = \\"#FFC900\\";
+export const AlertIconRedLight = \\"#d83020\\";
+export const AlertIconRedDark = \\"#FE583E\\";
+export const AlertHighlightBlueLight = \\"#00619b\\";
+export const AlertHighlightBlueDark = \\"#00A0FF\\";
+export const AlertHighlightGreenLight = \\"#35ac46\\";
+export const AlertHighlightGreenDark = \\"#36DA43\\";
+export const AlertHighlightYellowLight = \\"#edd317\\";
+export const AlertHighlightYellowDark = \\"#FFC900\\";
+export const AlertHighlightRedLight = \\"#d83020\\";
+export const AlertHighlightRedDark = \\"#FE583E\\";
+export const AlertSpaceBetweenSm = \\"12px\\";
+export const AlertSpaceBetweenMd = \\"16px\\";
+export const AlertSpaceBetweenLg = \\"20px\\";
+export const AlertSpaceAroundTopSm = \\"10px\\";
+export const AlertSpaceAroundTopMd = \\"12px\\";
+export const AlertSpaceAroundTopLg = \\"20px\\";
+export const AlertSpaceAroundBottomSm = \\"10px\\";
+export const AlertSpaceAroundBottomMd = \\"12px\\";
+export const AlertSpaceAroundBottomLg = \\"20px\\";
+export const AlertSpaceAroundLeftSm = \\"10px\\";
+export const AlertSpaceAroundLeftMd = \\"12px\\";
+export const AlertSpaceAroundLeftLg = \\"20px\\";
+export const AlertSpaceAroundRightSm = \\"10px\\";
+export const AlertSpaceAroundRightMd = \\"12px\\";
+export const AlertSpaceAroundRightLg = \\"20px\\";
+export const AvatarFontLight = \\"#6a6a6a\\";
+export const AvatarFontDark = \\"#9f9f9f\\";
+export const AvatarIconLight = \\"#6a6a6a\\";
+export const AvatarIconDark = \\"#9f9f9f\\";
+export const AvatarBackgroundDefaultLight = \\"#f3f3f3\\";
+export const AvatarBackgroundDefaultDark = \\"#202020\\";
+export const AvatarBackgroundRedLight = \\"#ffc6bf\\";
+export const AvatarBackgroundRedDark = \\"#4f0e08\\";
+export const AvatarBackgroundTealLight = \\"#cef5f4\\";
+export const AvatarBackgroundTealDark = \\"#004d4c\\";
+export const AvatarBackgroundBlueLight = \\"#c7eaff\\";
+export const AvatarBackgroundBlueDark = \\"#00304d\\";
+export const AvatarBackgroundGreenLight = \\"#e5f7b4\\";
+export const AvatarBackgroundGreenDark = \\"#384813\\";
+export const AvatarBackgroundYellowLight = \\"#fff7cc\\";
+export const AvatarBackgroundYellowDark = \\"#5c4e00\\";
+export const AvatarBorderRadiusSm = \\"12px\\";
+export const AvatarBorderRadiusMd = \\"16px\\";
+export const AvatarBorderRadiusLg = \\"24px\\";
+export const AvatarCompSizeSm = \\"24px\\";
+export const AvatarCompSizeMd = \\"32px\\";
+export const AvatarCompSizeLg = \\"44px\\";
+export const AvatarIconSizeSm = \\"16px\\";
+export const AvatarIconSizeMd = \\"24px\\";
+export const AvatarIconSizeLg = \\"32px\\";
+export const BlockSectionFontLight = \\"#4a4a4a\\";
+export const BlockSectionFontDark = \\"#bfbfbf\\";
+export const BlockSectionIconValidLight = \\"#35ac46\\";
+export const BlockSectionIconValidDark = \\"#36DA43\\";
+export const BlockSectionIconInvalidLight = \\"#d83020\\";
+export const BlockSectionIconInvalidDark = \\"#FE583E\\";
+export const BlockSectionIconChevronLight = \\"#6a6a6a\\";
+export const BlockSectionIconChevronDark = \\"#9f9f9f\\";
+export const BlockSectionBackgroundLight = \\"#ffffff\\";
+export const BlockSectionBackgroundDark = \\"#353535\\";
+export const BlockSectionBorderRadiusMd = \\"0px\\";
+export const BlockSectionIconSizeMd = \\"16px\\";
+export const BlockSectionSpaceBetweenMd = \\"0px\\";
+export const BlockSectionSpaceAroundBlockTextRightLeftMd = \\"12px\\";
+export const BlockSectionSpaceAroundBlockContentMd = \\"0px\\";
+export const BlockSectionSpaceAroundBlockSectionTopBottomMd = \\"12px\\";
+export const BlockSectionSpaceAroundIconLeftMd = \\"8px\\";
+export const BlockSectionSpaceAroundSwitchLeftMd = \\"4px\\";
+export const BlockSectionChevronSizeMd = \\"16px\\";
+export const BlockFontHeadingLight = \\"#4a4a4a\\";
+export const BlockFontHeadingDark = \\"#bfbfbf\\";
+export const BlockFontDescriptionLight = \\"#6a6a6a\\";
+export const BlockFontDescriptionDark = \\"#9f9f9f\\";
+export const BlockFontContentLight = \\"#4a4a4a\\";
+export const BlockFontContentDark = \\"#bfbfbf\\";
+export const BlockIconIdleLight = \\"#4a4a4a\\";
+export const BlockIconIdleDark = \\"#bfbfbf\\";
+export const BlockIconValidLight = \\"#35ac46\\";
+export const BlockIconValidDark = \\"#36DA43\\";
+export const BlockIconInvalidLight = \\"#d83020\\";
+export const BlockIconInvalidDark = \\"#FE583E\\";
+export const BlockIconDragHandleLight = \\"#949494\\";
+export const BlockIconDragHandleDark = \\"#757575\\";
+export const BlockIconChevronLight = \\"#6a6a6a\\";
+export const BlockIconChevronDark = \\"#9f9f9f\\";
+export const BlockBorderLight = \\"#dfdfdf\\";
+export const BlockBorderDark = \\"#404040\\";
+export const BlockBackgroundLight = \\"#ffffff\\";
+export const BlockBackgroundDark = \\"#353535\\";
+export const BlockBorderRadiusMd = \\"0px\\";
+export const BlockBorderWidthMd = \\"1px\\";
+export const BlockIconSizeMd = \\"24px\\";
+export const BlockSpaceBetweenMd = \\"12px\\";
+export const BlockSpaceAroundBlockTopDownLeftMd = \\"12px\\";
+export const BlockSpaceAroundBlockRightMd = \\"16px\\";
+export const BlockSpaceAroundBlockContentRightLeftMd = \\"12px\\";
+export const BlockSpaceAroundBlockContentTopDownMd = \\"8px\\";
+export const BlockChevronSizeMd = \\"16px\\";
+export const BlockDragSizeMd = \\"24px\\";
+export const BlockDragHandleSpaceAroundDragRightLeftMd = \\"4px\\";
+export const ButtonFontBrandSolidLight = \\"#ffffff\\";
+export const ButtonFontBrandSolidDark = \\"#151515\\";
+export const ButtonFontBrandOutlineFillLight = \\"#007ac2\\";
+export const ButtonFontBrandOutlineFillDark = \\"#009af2\\";
+export const ButtonFontBrandOutlineLight = \\"#007ac2\\";
+export const ButtonFontBrandOutlineDark = \\"#009af2\\";
+export const ButtonFontBrandTransparentLight = \\"#007ac2\\";
+export const ButtonFontBrandTransparentDark = \\"#009af2\\";
+export const ButtonFontInverseSolidLight = \\"#ffffff\\";
+export const ButtonFontInverseSolidDark = \\"#151515\\";
+export const ButtonFontInverseOutlineFillLight = \\"#151515\\";
+export const ButtonFontInverseOutlineFillDark = \\"#ffffff\\";
+export const ButtonFontInverseOutlineLight = \\"#151515\\";
+export const ButtonFontInverseOutlineDark = \\"#ffffff\\";
+export const ButtonFontInverseTransparentLight = \\"#151515\\";
+export const ButtonFontInverseTransparentDark = \\"#ffffff\\";
+export const ButtonFontNeutralSolidLight = \\"#151515\\";
+export const ButtonFontNeutralSolidDark = \\"#ffffff\\";
+export const ButtonFontNeutralOutlineFillLight = \\"#151515\\";
+export const ButtonFontNeutralOutlineFillDark = \\"#ffffff\\";
+export const ButtonFontNeutralOutlineLight = \\"#151515\\";
+export const ButtonFontNeutralOutlineDark = \\"#ffffff\\";
+export const ButtonFontNeutralTransparentLight = \\"#151515\\";
+export const ButtonFontNeutralTransparentDark = \\"#ffffff\\";
+export const ButtonFontDangerSolidLight = \\"#ffffff\\";
+export const ButtonFontDangerSolidDark = \\"#151515\\";
+export const ButtonFontDangerOutlineFillLight = \\"#d83020\\";
+export const ButtonFontDangerOutlineFillDark = \\"#FE583E\\";
+export const ButtonFontDangerOutlineLight = \\"#d83020\\";
+export const ButtonFontDangerOutlineDark = \\"#FE583E\\";
+export const ButtonFontDangerTransparentLight = \\"#d83020\\";
+export const ButtonFontDangerTransparentDark = \\"#FE583E\\";
+export const ButtonIconBrandSolidLight = \\"#ffffff\\";
+export const ButtonIconBrandSolidDark = \\"#2b2b2b\\";
+export const ButtonIconBrandOutlineFillLight = \\"#007ac2\\";
+export const ButtonIconBrandOutlineFillDark = \\"#009af2\\";
+export const ButtonIconBrandOutlineLight = \\"#007ac2\\";
+export const ButtonIconBrandOutlineDark = \\"#009af2\\";
+export const ButtonIconBrandTransparentLight = \\"#007ac2\\";
+export const ButtonIconBrandTransparentDark = \\"#009af2\\";
+export const ButtonIconInverseSolidLight = \\"#ffffff\\";
+export const ButtonIconInverseSolidDark = \\"#151515\\";
+export const ButtonIconInverseOutlineFillLight = \\"#151515\\";
+export const ButtonIconInverseOutlineFillDark = \\"#ffffff\\";
+export const ButtonIconInverseOutlineLight = \\"#151515\\";
+export const ButtonIconInverseOutlineDark = \\"#ffffff\\";
+export const ButtonIconInverseTransparentLight = \\"#151515\\";
+export const ButtonIconInverseTransparentDark = \\"#ffffff\\";
+export const ButtonIconNeutralSolidLight = \\"#151515\\";
+export const ButtonIconNeutralSolidDark = \\"#ffffff\\";
+export const ButtonIconNeutralOutlineFillLight = \\"#151515\\";
+export const ButtonIconNeutralOutlineFillDark = \\"#ffffff\\";
+export const ButtonIconNeutralOutlineLight = \\"#151515\\";
+export const ButtonIconNeutralOutlineDark = \\"#ffffff\\";
+export const ButtonIconNeutralTransparentLight = \\"#151515\\";
+export const ButtonIconNeutralTransparentDark = \\"#ffffff\\";
+export const ButtonIconDangerSolidLight = \\"#ffffff\\";
+export const ButtonIconDangerSolidDark = \\"#2b2b2b\\";
+export const ButtonIconDangerOutlineFillLight = \\"#d83020\\";
+export const ButtonIconDangerOutlineFillDark = \\"#FE583E\\";
+export const ButtonIconDangerOutlineLight = \\"#d83020\\";
+export const ButtonIconDangerOutlineDark = \\"#FE583E\\";
+export const ButtonIconDangerTransparentLight = \\"#d83020\\";
+export const ButtonIconDangerTransparentDark = \\"#FE583E\\";
+export const ButtonBorderBrandOutlineFillLight = \\"#007ac2\\";
+export const ButtonBorderBrandOutlineFillDark = \\"#009af2\\";
+export const ButtonBorderBrandOutlineLight = \\"#007ac2\\";
+export const ButtonBorderBrandOutlineDark = \\"#009af2\\";
+export const ButtonBorderInverseOutlineFillLight = \\"#353535\\";
+export const ButtonBorderInverseOutlineFillDark = \\"#f8f8f8\\";
+export const ButtonBorderInverseOutlineLight = \\"#353535\\";
+export const ButtonBorderInverseOutlineDark = \\"#f8f8f8\\";
+export const ButtonBorderNeutralOutlineFillLight = \\"#353535\\";
+export const ButtonBorderNeutralOutlineFillDark = \\"#f8f8f8\\";
+export const ButtonBorderNeutralOutlineLight = \\"#353535\\";
+export const ButtonBorderNeutralOutlineDark = \\"#f8f8f8\\";
+export const ButtonBorderDangerOutlineFillLight = \\"#d83020\\";
+export const ButtonBorderDangerOutlineFillDark = \\"#FE583E\\";
+export const ButtonBorderDangerOutlineLight = \\"#d83020\\";
+export const ButtonBorderDangerOutlineDark = \\"#FE583E\\";
+export const ButtonBackgroundBrandSolidLight = \\"#007ac2\\";
+export const ButtonBackgroundBrandSolidDark = \\"#009af2\\";
+export const ButtonBackgroundBrandOutlineFillLight = \\"#ffffff\\";
+export const ButtonBackgroundBrandOutlineFillDark = \\"#2b2b2b\\";
+export const ButtonBackgroundInverseSolidLight = \\"#353535\\";
+export const ButtonBackgroundInverseSolidDark = \\"#f8f8f8\\";
+export const ButtonBackgroundInverseOutlineFillLight = \\"#353535\\";
+export const ButtonBackgroundInverseOutlineFillDark = \\"#f8f8f8\\";
+export const ButtonBackgroundNeutralSolidLight = \\"#ffffff\\";
+export const ButtonBackgroundNeutralSolidDark = \\"#2b2b2b\\";
+export const ButtonBackgroundNeutralOutlineFillLight = \\"#ffffff\\";
+export const ButtonBackgroundNeutralOutlineFillDark = \\"#2b2b2b\\";
+export const ButtonBackgroundDangerSolidLight = \\"#d83020\\";
+export const ButtonBackgroundDangerSolidDark = \\"#FE583E\\";
+export const ButtonBackgroundDangerOutlineFillLight = \\"#d83020\\";
+export const ButtonBackgroundDangerOutlineFillDark = \\"#FE583E\\";
+export const ButtonBorderRadiusSm = \\"0px\\";
+export const ButtonBorderRadiusMd = \\"0px\\";
+export const ButtonBorderRadiusLg = \\"0px\\";
+export const ButtonBorderWidthSm = \\"1px\\";
+export const ButtonBorderWidthMd = \\"1px\\";
+export const ButtonBorderWidthLg = \\"1px\\";
+export const ButtonCompSizeSm = \\"24px\\";
+export const ButtonCompSizeMd = \\"32px\\";
+export const ButtonCompSizeLg = \\"44px\\";
+export const ButtonIconSizeSm = \\"16px\\";
+export const ButtonIconSizeMd = \\"16px\\";
+export const ButtonIconSizeLg = \\"16px\\";
+export const ButtonSpaceAroundLeftRightSm = \\"8px\\";
+export const ButtonSpaceAroundLeftRightMd = \\"12px\\";
+export const ButtonSpaceAroundLeftRightLg = \\"16px\\";
+export const ButtonSpaceAroundTopBottomSm = \\"4px\\";
+export const ButtonSpaceAroundTopBottomMd = \\"8px\\";
+export const ButtonSpaceAroundTopBottomLg = \\"12px\\";
+export const ButtonSpaceAroundIconOnlySm = \\"4px\\";
+export const ButtonSpaceAroundIconOnlyMd = \\"8px\\";
+export const ButtonSpaceAroundIconOnlyLg = \\"12px\\";
+export const ButtonSpaceBetweenSm = \\"8px\\";
+export const ButtonSpaceBetweenMd = \\"12px\\";
+export const ButtonSpaceBetweenLg = \\"16px\\";
+export const CardFontTitleLight = \\"#151515\\";
+export const CardFontTitleDark = \\"#ffffff\\";
+export const CardFontDescriptionLight = \\"#6a6a6a\\";
+export const CardFontDescriptionDark = \\"#9f9f9f\\";
+export const CardFontSubtitleLight = \\"#4a4a4a\\";
+export const CardFontSubtitleDark = \\"#bfbfbf\\";
+export const CardBorderDefaultLight = \\"#d4d4d4\\";
+export const CardBorderDefaultDark = \\"#4a4a4a\\";
+export const CardBorderActiveLight = \\"#007ac2\\";
+export const CardBorderActiveDark = \\"#009af2\\";
+export const CardBackgroundDefaultLight = \\"#ffffff\\";
+export const CardBackgroundDefaultDark = \\"#2b2b2b\\";
+export const CardSpaceAroundMd = \\"12px\\";
+export const CardSpaceBetweenCardMd = \\"16px\\";
+export const CardSpaceBetweenTitleMd = \\"8px\\";
+export const CardBorderRadiusMd = \\"0px\\";
+export const CardBorderWidthMd = \\"1px\\";
+export const CheckboxCompSizeSm = \\"12px\\";
+export const CheckboxCompSizeMd = \\"14px\\";
+export const CheckboxCompSizeLg = \\"16px\\";
+export const CheckboxSpaceBetweenSm = \\"4px\\";
+export const CheckboxSpaceBetweenMd = \\"8px\\";
+export const CheckboxSpaceBetweenLg = \\"8px\\";
+export const CheckboxBackgroundDefaultLight = \\"#ffffff\\";
+export const CheckboxBackgroundDefaultDark = \\"#2b2b2b\\";
+export const CheckboxBackgroundSelectedLight = \\"#007ac2\\";
+export const CheckboxBackgroundSelectedDark = \\"#009af2\\";
+export const CheckboxIconLight = \\"#ffffff\\";
+export const CheckboxIconDark = \\"#151515\\";
+export const CheckboxBorderRadius = \\"0px\\";
+export const CheckboxBorderWidth = \\"1px\\";
+export const CheckboxBorderLight = \\"#949494\\";
+export const CheckboxBorderDark = \\"#757575\\";
+export const CheckboxFontLight = \\"#151515\\";
+export const CheckboxFontDark = \\"#ffffff\\";
+export const CheckboxSpaceAroundStandard = \\"12px\\";
+export const ChipFontClearLight = \\"#151515\\";
+export const ChipFontClearDark = \\"#ffffff\\";
+export const ChipFontSolidGreyLight = \\"#151515\\";
+export const ChipFontSolidGreyDark = \\"#ffffff\\";
+export const ChipFontSolidBlueLight = \\"#ffffff\\";
+export const ChipFontSolidBlueDark = \\"#151515\\";
+export const ChipFontSolidRedLight = \\"#ffffff\\";
+export const ChipFontSolidRedDark = \\"#151515\\";
+export const ChipFontSolidYellowLight = \\"#151515\\";
+export const ChipFontSolidYellowDark = \\"#151515\\";
+export const ChipFontSolidGreenLight = \\"#151515\\";
+export const ChipFontSolidGreenDark = \\"#151515\\";
+export const ChipIconSolidGreyLight = \\"#151515\\";
+export const ChipIconSolidGreyDark = \\"#ffffff\\";
+export const ChipIconSolidBlueLight = \\"#ffffff\\";
+export const ChipIconSolidBlueDark = \\"#151515\\";
+export const ChipIconSolidRedLight = \\"#ffffff\\";
+export const ChipIconSolidRedDark = \\"#151515\\";
+export const ChipIconSolidYellowLight = \\"#151515\\";
+export const ChipIconSolidYellowDark = \\"#151515\\";
+export const ChipIconSolidGreenLight = \\"#151515\\";
+export const ChipIconSolidGreenDark = \\"#151515\\";
+export const ChipIconClearLight = \\"#151515\\";
+export const ChipIconClearDark = \\"#ffffff\\";
+export const ChipIconSpaceAroundRightSm = \\"0px\\";
+export const ChipIconSpaceAroundRightMd = \\"4px\\";
+export const ChipIconSpaceAroundRightLg = \\"4px\\";
+export const ChipIconSpaceAroundLeftSm = \\"8px\\";
+export const ChipIconSpaceAroundLeftMd = \\"8px\\";
+export const ChipIconSpaceAroundLeftLg = \\"12px\\";
+export const ChipBackgroundSolidGreyLight = \\"#f3f3f3\\";
+export const ChipBackgroundSolidGreyDark = \\"#202020\\";
+export const ChipBackgroundSolidRedLight = \\"#d83020\\";
+export const ChipBackgroundSolidRedDark = \\"#FE583E\\";
+export const ChipBackgroundSolidBlueLight = \\"#00619b\\";
+export const ChipBackgroundSolidBlueDark = \\"#00A0FF\\";
+export const ChipBackgroundSolidGreenLight = \\"#35ac46\\";
+export const ChipBackgroundSolidGreenDark = \\"#36DA43\\";
+export const ChipBackgroundSolidYellowLight = \\"#edd317\\";
+export const ChipBackgroundSolidYellowDark = \\"#FFC900\\";
+export const ChipBorderRadiusSm = \\"12px\\";
+export const ChipBorderRadiusMd = \\"16px\\";
+export const ChipBorderRadiusLg = \\"24px\\";
+export const ChipIconSizeSm = \\"16px\\";
+export const ChipIconSizeMd = \\"16px\\";
+export const ChipIconSizeLg = \\"16px\\";
+export const ChipClosableIconLight = \\"#6a6a6a\\";
+export const ChipClosableIconDark = \\"#9f9f9f\\";
+export const ChipClosableIconSpaceAroundSm = \\"4px\\";
+export const ChipClosableIconSpaceAroundMd = \\"4px\\";
+export const ChipClosableIconSpaceAroundLg = \\"4px\\";
+export const ChipBorderClearGreyLight = \\"#cacaca\\";
+export const ChipBorderClearGreyDark = \\"#555555\\";
+export const ChipBorderClearRedLight = \\"#d83020\\";
+export const ChipBorderClearRedDark = \\"#FE583E\\";
+export const ChipBorderClearBlueLight = \\"#00619b\\";
+export const ChipBorderClearBlueDark = \\"#00A0FF\\";
+export const ChipBorderClearGreenLight = \\"#35ac46\\";
+export const ChipBorderClearGreenDark = \\"#36DA43\\";
+export const ChipBorderClearYellowLight = \\"#edd317\\";
+export const ChipBorderClearYellowDark = \\"#FFC900\\";
+export const ChipSpaceAroundSm = \\"8px\\";
+export const ChipSpaceAroundMd = \\"12px\\";
+export const ChipSpaceAroundLg = \\"16px\\";
+export const ChipSpaceBetweenSm = \\"8px\\";
+export const ChipSpaceBetweenMd = \\"12px\\";
+export const ChipSpaceBetweenLg = \\"16px\\";
+export const ChipBorderWidth = \\"1px\\";
+export const ChipTextSpaceAroundSm = \\"8px\\";
+export const ChipTextSpaceAroundMd = \\"8px\\";
+export const ChipTextSpaceAroundLg = \\"12px\\";
+export const ColorPickerFontLabelLight = \\"#151515\\";
+export const ColorPickerFontLabelDark = \\"#ffffff\\";
+export const ColorPickerIconLight = \\"#151515\\";
+export const ColorPickerIconDark = \\"#ffffff\\";
+export const ColorPickerBorderLight = \\"#cacaca\\";
+export const ColorPickerBorderDark = \\"#555555\\";
+export const ColorPickerBackgroundDefaultLight = \\"#ffffff\\";
+export const ColorPickerBackgroundDefaultDark = \\"#2b2b2b\\";
+export const ColorPickerBorderRadiusSm = \\"0px\\";
+export const ColorPickerBorderRadiusMd = \\"0px\\";
+export const ColorPickerBorderRadiusLg = \\"0px\\";
+export const ColorPickerBorderWidthSm = \\"1px\\";
+export const ColorPickerBorderWidthMd = \\"1px\\";
+export const ColorPickerBorderWidthLg = \\"1px\\";
+export const ColorPickerSavedSizeSm = \\"20px\\";
+export const ColorPickerSavedSizeMd = \\"24px\\";
+export const ColorPickerSavedSizeLg = \\"32px\\";
+export const ColorPickerSwatchSizeSm = \\"20px\\";
+export const ColorPickerSwatchSizeMd = \\"20px\\";
+export const ColorPickerSwatchSizeLg = \\"24px\\";
+export const ColorPickerChannelsSpaceBetweenSm = \\"4px\\";
+export const ColorPickerChannelsSpaceBetweenMd = \\"auto\\";
+export const ColorPickerChannelsSpaceBetweenLg = \\"auto\\";
+export const ColorPickerSpaceBetweenSm = \\"0px\\";
+export const ColorPickerSpaceBetweenMd = \\"0px\\";
+export const ColorPickerSpaceBetweenLg = \\"0px\\";
+export const ColorPickerSpaceAroundSm = \\"12px\\";
+export const ColorPickerSpaceAroundMd = \\"12px\\";
+export const ColorPickerSpaceAroundLg = \\"16px\\";
+export const ComboboxFontLight = \\"#6a6a6a\\";
+export const ComboboxFontDark = \\"#9f9f9f\\";
+export const ComboboxIconLight = \\"#6a6a6a\\";
+export const ComboboxIconDark = \\"#9f9f9f\\";
+export const ComboboxBorderLight = \\"#cacaca\\";
+export const ComboboxBorderDark = \\"#555555\\";
+export const ComboboxBackgroundDefaultLight = \\"#f8f8f8\\";
+export const ComboboxBackgroundDefaultDark = \\"#353535\\";
+export const ComboboxForegroundLight = \\"#f3f3f3\\";
+export const ComboboxForegroundDark = \\"#202020\\";
+export const ComboboxBorderRadiusSm = \\"12px\\";
+export const ComboboxBorderRadiusMd = \\"16px\\";
+export const ComboboxBorderRadiusLg = \\"24px\\";
+export const ComboboxBorderWidthSm = \\"2px\\";
+export const ComboboxBorderWidthMd = \\"4px\\";
+export const ComboboxBorderWidthLg = \\"8px\\";
+export const ComboboxCompSizeSm = \\"24px\\";
+export const ComboboxCompSizeMd = \\"32px\\";
+export const ComboboxCompSizeLg = \\"44px\\";
+export const ComboboxIconSizeSm = \\"16px\\";
+export const ComboboxIconSizeMd = \\"24px\\";
+export const ComboboxIconSizeLg = \\"32px\\";
+export const ComboboxSpaceBetweenSm = \\"24px\\";
+export const ComboboxSpaceBetweenMd = \\"32px\\";
+export const ComboboxSpaceBetweenLg = \\"44px\\";
+export const ComboboxSpaceAroundSm = \\"16px\\";
+export const ComboboxSpaceAroundMd = \\"24px\\";
+export const ComboboxSpaceAroundLg = \\"32px\\";
+export const DatePickerFontDateLight = \\"#6a6a6a\\";
+export const DatePickerFontDateDark = \\"#9f9f9f\\";
+export const DatePickerFontDayLight = \\"#6a6a6a\\";
+export const DatePickerFontDayDark = \\"#9f9f9f\\";
+export const DatePickerFontMonthLight = \\"#151515\\";
+export const DatePickerFontMonthDark = \\"#ffffff\\";
+export const DatePickerFontRangeDateLight = \\"#151515\\";
+export const DatePickerFontRangeDateDark = \\"#ffffff\\";
+export const DatePickerFontSelectedDateLight = \\"#ffffff\\";
+export const DatePickerFontSelectedDateDark = \\"#151515\\";
+export const DatePickerFontActiveDateLight = \\"#ffffff\\";
+export const DatePickerFontActiveDateDark = \\"#ffffff\\";
+export const DatePickerIconLight = \\"#6a6a6a\\";
+export const DatePickerIconDark = \\"#9f9f9f\\";
+export const DatePickerBorderLight = \\"#cacaca\\";
+export const DatePickerBorderDark = \\"#555555\\";
+export const DatePickerBackgroundDefaultLight = \\"#ffffff\\";
+export const DatePickerBackgroundDefaultDark = \\"#2b2b2b\\";
+export const DatePickerBackgroundDateActiveLight = \\"#007ac2\\";
+export const DatePickerBackgroundDateActiveDark = \\"#009af2\\";
+export const DatePickerBackgroundDateRangeLight = \\"#c7eaff\\";
+export const DatePickerBackgroundDateRangeDark = \\"#214155\\";
+export const DatePickerBorderRadiusSm = \\"0px\\";
+export const DatePickerBorderRadiusMd = \\"0px\\";
+export const DatePickerBorderRadiusLg = \\"0px\\";
+export const DatePickerBorderWidthSm = \\"1px\\";
+export const DatePickerBorderWidthMd = \\"1px\\";
+export const DatePickerBorderWidthLg = \\"1px\\";
+export const DatePickerIconSizeSm = \\"16px\\";
+export const DatePickerIconSizeMd = \\"16px\\";
+export const DatePickerIconSizeLg = \\"24px\\";
+export const DatePickerDateRowSpaceBetweenSm = \\"0px\\";
+export const DatePickerDateRowSpaceBetweenMd = \\"0px\\";
+export const DatePickerDateRowSpaceBetweenLg = \\"0px\\";
+export const DatePickerDateRowSpaceAroundLeftRightSm = \\"6px\\";
+export const DatePickerDateRowSpaceAroundLeftRightMd = \\"6px\\";
+export const DatePickerDateRowSpaceAroundLeftRightLg = \\"6px\\";
+export const DatePickerDateRowSpaceAroundTopBottomSm = \\"2px\\";
+export const DatePickerDateRowSpaceAroundTopBottomMd = \\"0px\\";
+export const DatePickerDateRowSpaceAroundTopBottomLg = \\"0px\\";
+export const DatePickerDateActiveBorderLight = \\"#ffffff\\";
+export const DatePickerDateActiveBorderDark = \\"#2b2b2b\\";
+export const DatePickerDateSpaceAroundLeftRightSm = \\"2px\\";
+export const DatePickerDateSpaceAroundLeftRightMd = \\"2px\\";
+export const DatePickerDateSpaceAroundLeftRightLg = \\"4px\\";
+export const DatePickerDateSpaceAroundTopBottomSm = \\"0px\\";
+export const DatePickerDateSpaceAroundTopBottomMd = \\"4px\\";
+export const DatePickerDateSpaceAroundTopBottomLg = \\"4px\\";
+export const DatePickerDaySpaceBetweenSm = \\"0px\\";
+export const DatePickerDaySpaceBetweenMd = \\"0px\\";
+export const DatePickerDaySpaceBetweenLg = \\"0px\\";
+export const DatePickerDaySpaceAroundSm = \\"4px\\";
+export const DatePickerDaySpaceAroundMd = \\"4px\\";
+export const DatePickerDaySpaceAroundLg = \\"4px\\";
+export const DatePickerMonthSpaceBetweenSm = \\"0px\\";
+export const DatePickerMonthSpaceBetweenMd = \\"0px\\";
+export const DatePickerMonthSpaceBetweenLg = \\"0px\\";
+export const DatePickerMonthSpaceAroundSm = \\"8px\\";
+export const DatePickerMonthSpaceAroundMd = \\"10px\\";
+export const DatePickerMonthSpaceAroundLg = \\"10px\\";
+export const DropdownItemFontDefaultLight = \\"#6a6a6a\\";
+export const DropdownItemFontDefaultDark = \\"#9f9f9f\\";
+export const DropdownItemFontSelectedLight = \\"#151515\\";
+export const DropdownItemFontSelectedDark = \\"#ffffff\\";
+export const DropdownItemFontGroupTitleLight = \\"#4a4a4a\\";
+export const DropdownItemFontGroupTitleDark = \\"#bfbfbf\\";
+export const DropdownItemIconDefaultLight = \\"#6a6a6a\\";
+export const DropdownItemIconDefaultDark = \\"#9f9f9f\\";
+export const DropdownItemIconDefaultSelectedLight = \\"#007ac2\\";
+export const DropdownItemIconDefaultSelectedDark = \\"#009af2\\";
+export const DropdownItemIconSelectLight = \\"#007ac2\\";
+export const DropdownItemIconSelectDark = \\"#009af2\\";
+export const DropdownItemBorderLight = \\"#dfdfdf\\";
+export const DropdownItemBorderDark = \\"#404040\\";
+export const DropdownItemBorderWidthSm = \\"1px\\";
+export const DropdownItemBorderWidthMd = \\"1px\\";
+export const DropdownItemBorderWidthLg = \\"1px\\";
+export const DropdownItemIconSizeSm = \\"16px\\";
+export const DropdownItemIconSizeMd = \\"16px\\";
+export const DropdownItemIconSizeLg = \\"24px\\";
+export const DropdownItemSpaceBetweenContainerSm = \\"4px\\";
+export const DropdownItemSpaceBetweenContainerMd = \\"8px\\";
+export const DropdownItemSpaceBetweenContainerLg = \\"4px\\";
+export const DropdownItemSpaceAroundContentLeftSm = \\"4px\\";
+export const DropdownItemSpaceAroundContentLeftMd = \\"4px\\";
+export const DropdownItemSpaceAroundContentLeftLg = \\"4px\\";
+export const DropdownItemSpaceAroundContentTopBottomSm = \\"0px\\";
+export const DropdownItemSpaceAroundContentTopBottomMd = \\"2px\\";
+export const DropdownItemSpaceAroundContentTopBottomLg = \\"2px\\";
+export const DropdownItemSpaceAroundContainerDefaultLeftSm = \\"4px\\";
+export const DropdownItemSpaceAroundContainerDefaultLeftMd = \\"8px\\";
+export const DropdownItemSpaceAroundContainerDefaultLeftLg = \\"12px\\";
+export const DropdownItemSpaceAroundContainerDefaultRightSm = \\"8px\\";
+export const DropdownItemSpaceAroundContainerDefaultRightMd = \\"12px\\";
+export const DropdownItemSpaceAroundContainerDefaultRightLg = \\"16px\\";
+export const DropdownItemSpaceAroundContainerDefaultTopBottomSm = \\"4px\\";
+export const DropdownItemSpaceAroundContainerDefaultTopBottomMd = \\"8px\\";
+export const DropdownItemSpaceAroundContainerDefaultTopBottomLg = \\"10px\\";
+export const DropdownItemSpaceAroundContainerSingleLeftSm = \\"24px\\";
+export const DropdownItemSpaceAroundContainerSingleLeftMd = \\"32px\\";
+export const DropdownItemSpaceAroundContainerSingleLeftLg = \\"40px\\";
+export const DropdownItemSpaceAroundContainerSingleRightSm = \\"8px\\";
+export const DropdownItemSpaceAroundContainerSingleRightMd = \\"12px\\";
+export const DropdownItemSpaceAroundContainerSingleRightLg = \\"16px\\";
+export const DropdownItemSpaceAroundContainerSingleTopBottomSm = \\"4px\\";
+export const DropdownItemSpaceAroundContainerSingleTopBottomMd = \\"8px\\";
+export const DropdownItemSpaceAroundContainerSingleTopBottomLg = \\"10px\\";
+export const DropdownItemSpaceAroundContainerMultiLeftSm = \\"24px\\";
+export const DropdownItemSpaceAroundContainerMultiLeftMd = \\"32px\\";
+export const DropdownItemSpaceAroundContainerMultiLeftLg = \\"40px\\";
+export const DropdownItemSpaceAroundContainerMultiRightSm = \\"8px\\";
+export const DropdownItemSpaceAroundContainerMultiRightMd = \\"12px\\";
+export const DropdownItemSpaceAroundContainerMultiRightLg = \\"16px\\";
+export const DropdownItemSpaceAroundContainerMultiTopBottomSm = \\"4px\\";
+export const DropdownItemSpaceAroundContainerMultiTopBottomMd = \\"8px\\";
+export const DropdownItemSpaceAroundContainerMultiTopBottomLg = \\"10px\\";
+export const DropdownItemSpaceAroundGroupTitleSm = \\"8px\\";
+export const DropdownItemSpaceAroundGroupTitleMd = \\"12px\\";
+export const DropdownItemSpaceAroundGroupTitleLg = \\"16px\\";
+export const DropdownItemSpaceAroundIconStartLeftSm = \\"4px\\";
+export const DropdownItemSpaceAroundIconStartLeftMd = \\"4px\\";
+export const DropdownItemSpaceAroundIconStartLeftLg = \\"4px\\";
+export const DropdownItemSpaceAroundIconStartRightSm = \\"8px\\";
+export const DropdownItemSpaceAroundIconStartRightMd = \\"12px\\";
+export const DropdownItemSpaceAroundIconStartRightLg = \\"16px\\";
+export const DropdownItemSpaceAroundIconEndLeftSm = \\"8px\\";
+export const DropdownItemSpaceAroundIconEndLeftMd = \\"8px\\";
+export const DropdownItemSpaceAroundIconEndLeftLg = \\"8px\\";
+export const DropdownBackgroundDefaultLight = \\"#ffffff\\";
+export const DropdownBackgroundDefaultDark = \\"#2b2b2b\\";
+export const DropdownBorderRadiusSm = \\"4px\\";
+export const DropdownBorderRadiusMd = \\"4px\\";
+export const DropdownBorderRadiusLg = \\"4px\\";
+export const DropdownCompSizeSm = \\"24px\\";
+export const DropdownCompSizeMd = \\"32px\\";
+export const DropdownCompSizeLg = \\"44px\\";
+export const FabFontBrandSolidLight = \\"#ffffff\\";
+export const FabFontBrandSolidDark = \\"#151515\\";
+export const FabFontBrandOutlineFillLight = \\"#007ac2\\";
+export const FabFontBrandOutlineFillDark = \\"#009af2\\";
+export const FabFontInverseSolidLight = \\"#ffffff\\";
+export const FabFontInverseSolidDark = \\"#151515\\";
+export const FabFontInverseOutlineFillLight = \\"#151515\\";
+export const FabFontInverseOutlineFillDark = \\"#ffffff\\";
+export const FabFontNeutralSolidLight = \\"#151515\\";
+export const FabFontNeutralSolidDark = \\"#ffffff\\";
+export const FabFontNeutralOutlineFillLight = \\"#151515\\";
+export const FabFontNeutralOutlineFillDark = \\"#ffffff\\";
+export const FabFontDangerSolidLight = \\"#ffffff\\";
+export const FabFontDangerSolidDark = \\"#151515\\";
+export const FabFontDangerOutlineFillLight = \\"#d83020\\";
+export const FabFontDangerOutlineFillDark = \\"#FE583E\\";
+export const FabIconBrandSolidLight = \\"#ffffff\\";
+export const FabIconBrandSolidDark = \\"#2b2b2b\\";
+export const FabIconBrandOutlineFillLight = \\"#007ac2\\";
+export const FabIconBrandOutlineFillDark = \\"#009af2\\";
+export const FabIconInverseSolidLight = \\"#ffffff\\";
+export const FabIconInverseSolidDark = \\"#151515\\";
+export const FabIconInverseOutlineFillLight = \\"#151515\\";
+export const FabIconInverseOutlineFillDark = \\"#ffffff\\";
+export const FabIconNeutralSolidLight = \\"#151515\\";
+export const FabIconNeutralSolidDark = \\"#ffffff\\";
+export const FabIconNeutralOutlineFillLight = \\"#151515\\";
+export const FabIconNeutralOutlineFillDark = \\"#ffffff\\";
+export const FabIconDangerSolidLight = \\"#ffffff\\";
+export const FabIconDangerSolidDark = \\"#2b2b2b\\";
+export const FabIconDangerOutlineFillLight = \\"#d83020\\";
+export const FabIconDangerOutlineFillDark = \\"#FE583E\\";
+export const FabBorderBrandSolidLight = \\"#007ac2\\";
+export const FabBorderBrandSolidDark = \\"#009af2\\";
+export const FabBorderBrandOutlineFillLight = \\"#007ac2\\";
+export const FabBorderBrandOutlineFillDark = \\"#009af2\\";
+export const FabBorderInverseSolidLight = \\"#353535\\";
+export const FabBorderInverseSolidDark = \\"#f8f8f8\\";
+export const FabBorderInverseOutlineFillLight = \\"#353535\\";
+export const FabBorderInverseOutlineFillDark = \\"#f8f8f8\\";
+export const FabBorderNeutralSolidLight = \\"#eaeaea\\";
+export const FabBorderNeutralSolidDark = \\"#151515\\";
+export const FabBorderNeutralOutlineFillLight = \\"#eaeaea\\";
+export const FabBorderNeutralOutlineFillDark = \\"#151515\\";
+export const FabBorderDangerSolidLight = \\"#d83020\\";
+export const FabBorderDangerSolidDark = \\"#FE583E\\";
+export const FabBorderDangerOutlineFillLight = \\"#d83020\\";
+export const FabBorderDangerOutlineFillDark = \\"#FE583E\\";
+export const FabBackgroundBrandSolidLight = \\"#007ac2\\";
+export const FabBackgroundBrandSolidDark = \\"#009af2\\";
+export const FabBackgroundBrandOutlineFillLight = \\"#ffffff\\";
+export const FabBackgroundBrandOutlineFillDark = \\"#2b2b2b\\";
+export const FabBackgroundInverseSolidLight = \\"#353535\\";
+export const FabBackgroundInverseSolidDark = \\"#f8f8f8\\";
+export const FabBackgroundInverseOutlineFillLight = \\"#ffffff\\";
+export const FabBackgroundInverseOutlineFillDark = \\"#2b2b2b\\";
+export const FabBackgroundNeutralSolidLight = \\"#eaeaea\\";
+export const FabBackgroundNeutralSolidDark = \\"#151515\\";
+export const FabBackgroundNeutralOutlineFillLight = \\"#ffffff\\";
+export const FabBackgroundNeutralOutlineFillDark = \\"#2b2b2b\\";
+export const FabBackgroundDangerSolidLight = \\"#d83020\\";
+export const FabBackgroundDangerSolidDark = \\"#FE583E\\";
+export const FabBackgroundDangerOutlineFillLight = \\"#ffffff\\";
+export const FabBackgroundDangerOutlineFillDark = \\"#2b2b2b\\";
+export const FabBorderRadiusSm = \\"9999px\\";
+export const FabBorderRadiusMd = \\"9999px\\";
+export const FabBorderRadiusLg = \\"9999px\\";
+export const FabBorderWidthSm = \\"1px\\";
+export const FabBorderWidthMd = \\"1px\\";
+export const FabBorderWidthLg = \\"1px\\";
+export const FabCompSizeSm = \\"24px\\";
+export const FabCompSizeMd = \\"32px\\";
+export const FabCompSizeLg = \\"44px\\";
+export const FabIconSizeSm = \\"16px\\";
+export const FabIconSizeMd = \\"16px\\";
+export const FabIconSizeLg = \\"24px\\";
+export const FabSpaceBetweenSm = \\"8px\\";
+export const FabSpaceBetweenMd = \\"12px\\";
+export const FabSpaceBetweenLg = \\"16px\\";
+export const FabSpaceAroundLeftRightSm = \\"8px\\";
+export const FabSpaceAroundLeftRightMd = \\"12px\\";
+export const FabSpaceAroundLeftRightLg = \\"16px\\";
+export const FabSpaceAroundTopBottomSm = \\"4px\\";
+export const FabSpaceAroundTopBottomMd = \\"8px\\";
+export const FabSpaceAroundTopBottomLg = \\"12px\\";
+export const FabSpaceAroundIconOnlySm = \\"4px\\";
+export const FabSpaceAroundIconOnlyMd = \\"8px\\";
+export const FabSpaceAroundIconOnlyLg = \\"10px\\";
+export const FilterFontLight = \\"#151515\\";
+export const FilterFontDark = \\"#ffffff\\";
+export const FilterIconLight = \\"#6a6a6a\\";
+export const FilterIconDark = \\"#9f9f9f\\";
+export const FilterBorderLight = \\"#949494\\";
+export const FilterBorderDark = \\"#757575\\";
+export const FilterBackgroundLight = \\"#ffffff\\";
+export const FilterBackgroundDark = \\"#2b2b2b\\";
+export const FilterBorderRadiusSm = \\"0px\\";
+export const FilterBorderRadiusMd = \\"0px\\";
+export const FilterBorderRadiusLg = \\"0px\\";
+export const FilterBorderWidthSm = \\"1px\\";
+export const FilterBorderWidthMd = \\"1px\\";
+export const FilterBorderWidthLg = \\"1px\\";
+export const FilterIconSizeSm = \\"16px\\";
+export const FilterIconSizeMd = \\"16px\\";
+export const FilterIconSizeLg = \\"24px\\";
+export const FilterInputSpaceBetweenSm = \\"8px\\";
+export const FilterInputSpaceBetweenMd = \\"12px\\";
+export const FilterInputSpaceBetweenLg = \\"16px\\";
+export const FilterInputSpaceAroundLeftRightSm = \\"8px\\";
+export const FilterInputSpaceAroundLeftRightMd = \\"12px\\";
+export const FilterInputSpaceAroundLeftRightLg = \\"16px\\";
+export const FilterInputSpaceAroundTopBottomSm = \\"4px\\";
+export const FilterInputSpaceAroundTopBottomMd = \\"8px\\";
+export const FilterInputSpaceAroundTopBottomLg = \\"12px\\";
+export const FilterSpaceAroundLeftRightSm = \\"12px\\";
+export const FilterSpaceAroundLeftRightMd = \\"12px\\";
+export const FilterSpaceAroundLeftRightLg = \\"12px\\";
+export const FilterSpaceAroundTopBottomSm = \\"8px\\";
+export const FilterSpaceAroundTopBottomMd = \\"8px\\";
+export const FilterSpaceAroundTopBottomLg = \\"8px\\";
+export const IconSizeSm = \\"16px\\";
+export const IconSizeMd = \\"24px\\";
+export const IconSizeLg = \\"32px\\";
+export const InputDatePickerFontPlaceholderValueLight = \\"#151515\\";
+export const InputDatePickerFontPlaceholderValueDark = \\"#ffffff\\";
+export const InputDatePickerFontLabelLight = \\"#151515\\";
+export const InputDatePickerFontLabelDark = \\"#ffffff\\";
+export const InputDatePickerIconLight = \\"#6a6a6a\\";
+export const InputDatePickerIconDark = \\"#9f9f9f\\";
+export const InputDatePickerBorderLight = \\"#949494\\";
+export const InputDatePickerBorderDark = \\"#757575\\";
+export const InputDatePickerBackgroundDefaultLight = \\"#ffffff\\";
+export const InputDatePickerBackgroundDefaultDark = \\"#2b2b2b\\";
+export const InputDatePickerBackgroundArrowLight = \\"#f8f8f8\\";
+export const InputDatePickerBackgroundArrowDark = \\"#353535\\";
+export const InputDatePickerBackgroundReadOnlyLight = \\"#f8f8f8\\";
+export const InputDatePickerBackgroundReadOnlyDark = \\"#353535\\";
+export const InputDatePickerBorderRadiusSm = \\"0px\\";
+export const InputDatePickerBorderRadiusMd = \\"0px\\";
+export const InputDatePickerBorderRadiusLg = \\"0px\\";
+export const InputDatePickerBorderWidthSm = \\"1px\\";
+export const InputDatePickerBorderWidthMd = \\"1px\\";
+export const InputDatePickerBorderWidthLg = \\"1px\\";
+export const InputDatePickerIconSizeSm = \\"16px\\";
+export const InputDatePickerIconSizeMd = \\"16px\\";
+export const InputDatePickerIconSizeLg = \\"24px\\";
+export const InputDatePickerSpaceBetweenSm = \\"8px\\";
+export const InputDatePickerSpaceBetweenMd = \\"12px\\";
+export const InputDatePickerSpaceBetweenLg = \\"16px\\";
+export const InputDatePickerSpaceAroundLeftRightSm = \\"8px\\";
+export const InputDatePickerSpaceAroundLeftRightMd = \\"12px\\";
+export const InputDatePickerSpaceAroundLeftRightLg = \\"16px\\";
+export const InputDatePickerSpaceAroundTopBottomSm = \\"4px\\";
+export const InputDatePickerSpaceAroundTopBottomMd = \\"8px\\";
+export const InputDatePickerSpaceAroundTopBottomLg = \\"12px\\";
+export const InputDatePickerArrowSizeSm = \\"16px\\";
+export const InputDatePickerArrowSizeMd = \\"16px\\";
+export const InputDatePickerArrowSizeLg = \\"16px\\";
+export const InputDatePickerOpacityPlaceholderLight = \\"50%\\";
+export const InputDatetimeLocalFontPlaceholderValueLight = \\"#151515\\";
+export const InputDatetimeLocalFontPlaceholderValueDark = \\"#ffffff\\";
+export const InputDatetimeLocalFontLabelLight = \\"#151515\\";
+export const InputDatetimeLocalFontLabelDark = \\"#ffffff\\";
+export const InputDatetimeLocalFontPrefixSuffixLight = \\"#4a4a4a\\";
+export const InputDatetimeLocalFontPrefixSuffixDark = \\"#bfbfbf\\";
+export const InputDatetimeLocalIconLight = \\"#6a6a6a\\";
+export const InputDatetimeLocalIconDark = \\"#9f9f9f\\";
+export const InputDatetimeLocalBorderInvalidLight = \\"#d83020\\";
+export const InputDatetimeLocalBorderInvalidDark = \\"#FE583E\\";
+export const InputDatetimeLocalBorderDefaultLight = \\"#949494\\";
+export const InputDatetimeLocalBorderDefaultDark = \\"#757575\\";
+export const InputDatetimeLocalBackgroundDefaultLight = \\"#ffffff\\";
+export const InputDatetimeLocalBackgroundDefaultDark = \\"#2b2b2b\\";
+export const InputDatetimeLocalBackgroundPrefixSuffixLight = \\"#f8f8f8\\";
+export const InputDatetimeLocalBackgroundPrefixSuffixDark = \\"#353535\\";
+export const InputDatetimeLocalBackgroundReadOnlyLight = \\"#f8f8f8\\";
+export const InputDatetimeLocalBackgroundReadOnlyDark = \\"#353535\\";
+export const InputDatetimeLocalBorderRadiusSm = \\"0px\\";
+export const InputDatetimeLocalBorderRadiusMd = \\"0px\\";
+export const InputDatetimeLocalBorderRadiusLg = \\"0px\\";
+export const InputDatetimeLocalBorderWidthSm = \\"1px\\";
+export const InputDatetimeLocalBorderWidthMd = \\"1px\\";
+export const InputDatetimeLocalBorderWidthLg = \\"1px\\";
+export const InputDatetimeLocalIconSizeSm = \\"16px\\";
+export const InputDatetimeLocalIconSizeMd = \\"16px\\";
+export const InputDatetimeLocalIconSizeLg = \\"24px\\";
+export const InputDatetimeLocalSpaceBetweenSm = \\"8px\\";
+export const InputDatetimeLocalSpaceBetweenMd = \\"12px\\";
+export const InputDatetimeLocalSpaceBetweenLg = \\"16px\\";
+export const InputDatetimeLocalSpaceAroundLeftRightSm = \\"8px\\";
+export const InputDatetimeLocalSpaceAroundLeftRightMd = \\"12px\\";
+export const InputDatetimeLocalSpaceAroundLeftRightLg = \\"16px\\";
+export const InputDatetimeLocalSpaceAroundTopBottomSm = \\"4px\\";
+export const InputDatetimeLocalSpaceAroundTopBottomMd = \\"8px\\";
+export const InputDatetimeLocalSpaceAroundTopBottomLg = \\"12px\\";
+export const InputDatetimeLocalOpacityPlaceholderLight = \\"50%\\";
+export const InputEmailFontPlaceholderValueLight = \\"#151515\\";
+export const InputEmailFontPlaceholderValueDark = \\"#ffffff\\";
+export const InputEmailFontLabelLight = \\"#151515\\";
+export const InputEmailFontLabelDark = \\"#ffffff\\";
+export const InputEmailFontPrefixSuffixLight = \\"#4a4a4a\\";
+export const InputEmailFontPrefixSuffixDark = \\"#bfbfbf\\";
+export const InputEmailIconLight = \\"#6a6a6a\\";
+export const InputEmailIconDark = \\"#9f9f9f\\";
+export const InputEmailBorderInvalidLight = \\"#d83020\\";
+export const InputEmailBorderInvalidDark = \\"#FE583E\\";
+export const InputEmailBorderDefaultLight = \\"#949494\\";
+export const InputEmailBorderDefaultDark = \\"#757575\\";
+export const InputEmailBackgroundDefaultLight = \\"#ffffff\\";
+export const InputEmailBackgroundDefaultDark = \\"#2b2b2b\\";
+export const InputEmailBackgroundPrefixSuffixLight = \\"#f8f8f8\\";
+export const InputEmailBackgroundPrefixSuffixDark = \\"#353535\\";
+export const InputEmailBackgroundReadOnlyLight = \\"#f8f8f8\\";
+export const InputEmailBackgroundReadOnlyDark = \\"#353535\\";
+export const InputEmailBorderRadiusSm = \\"0px\\";
+export const InputEmailBorderRadiusMd = \\"0px\\";
+export const InputEmailBorderRadiusLg = \\"0px\\";
+export const InputEmailBorderWidthSm = \\"1px\\";
+export const InputEmailBorderWidthMd = \\"1px\\";
+export const InputEmailBorderWidthLg = \\"1px\\";
+export const InputEmailIconSizeSm = \\"16px\\";
+export const InputEmailIconSizeMd = \\"16px\\";
+export const InputEmailIconSizeLg = \\"24px\\";
+export const InputEmailSpaceBetweenSm = \\"8px\\";
+export const InputEmailSpaceBetweenMd = \\"12px\\";
+export const InputEmailSpaceBetweenLg = \\"16px\\";
+export const InputEmailSpaceAroundLeftRightSm = \\"8px\\";
+export const InputEmailSpaceAroundLeftRightMd = \\"12px\\";
+export const InputEmailSpaceAroundLeftRightLg = \\"16px\\";
+export const InputEmailSpaceAroundTopBottomSm = \\"4px\\";
+export const InputEmailSpaceAroundTopBottomMd = \\"8px\\";
+export const InputEmailSpaceAroundTopBottomLg = \\"12px\\";
+export const InputEmailOpacityPlaceholderLight = \\"50%\\";
+export const InputFileFontPlaceholderValueLight = \\"#151515\\";
+export const InputFileFontPlaceholderValueDark = \\"#ffffff\\";
+export const InputFileFontLabelLight = \\"#151515\\";
+export const InputFileFontLabelDark = \\"#ffffff\\";
+export const InputFileFontPrefixSuffixLight = \\"#4a4a4a\\";
+export const InputFileFontPrefixSuffixDark = \\"#bfbfbf\\";
+export const InputFileIconLight = \\"#6a6a6a\\";
+export const InputFileIconDark = \\"#9f9f9f\\";
+export const InputFileBorderInvalidLight = \\"#d83020\\";
+export const InputFileBorderInvalidDark = \\"#FE583E\\";
+export const InputFileBorderDefaultLight = \\"#949494\\";
+export const InputFileBorderDefaultDark = \\"#757575\\";
+export const InputFileBackgroundDefaultLight = \\"#ffffff\\";
+export const InputFileBackgroundDefaultDark = \\"#2b2b2b\\";
+export const InputFileBackgroundPrefixSuffixLight = \\"#f8f8f8\\";
+export const InputFileBackgroundPrefixSuffixDark = \\"#353535\\";
+export const InputFileBackgroundReadOnlyLight = \\"#f8f8f8\\";
+export const InputFileBackgroundReadOnlyDark = \\"#353535\\";
+export const InputFileBorderRadiusSm = \\"0px\\";
+export const InputFileBorderRadiusMd = \\"0px\\";
+export const InputFileBorderRadiusLg = \\"0px\\";
+export const InputFileBorderWidthSm = \\"1px\\";
+export const InputFileBorderWidthMd = \\"1px\\";
+export const InputFileBorderWidthLg = \\"1px\\";
+export const InputFileIconSizeSm = \\"16px\\";
+export const InputFileIconSizeMd = \\"16px\\";
+export const InputFileIconSizeLg = \\"24px\\";
+export const InputFileSpaceBetweenSm = \\"8px\\";
+export const InputFileSpaceBetweenMd = \\"12px\\";
+export const InputFileSpaceBetweenLg = \\"16px\\";
+export const InputFileSpaceAroundLeftRightSm = \\"8px\\";
+export const InputFileSpaceAroundLeftRightMd = \\"12px\\";
+export const InputFileSpaceAroundLeftRightLg = \\"16px\\";
+export const InputFileSpaceAroundTopBottomSm = \\"4px\\";
+export const InputFileSpaceAroundTopBottomMd = \\"8px\\";
+export const InputFileSpaceAroundTopBottomLg = \\"12px\\";
+export const InputFileOpacityPlaceholderLight = \\"50%\\";
+export const InputMessageFontLight = \\"#151515\\";
+export const InputMessageFontDark = \\"#ffffff\\";
+export const InputMessageIconIdleLight = \\"#007ac2\\";
+export const InputMessageIconIdleDark = \\"#009af2\\";
+export const InputMessageIconInvalidLight = \\"#d83020\\";
+export const InputMessageIconInvalidDark = \\"#FE583E\\";
+export const InputMessageIconValidLight = \\"#35ac46\\";
+export const InputMessageIconValidDark = \\"#36DA43\\";
+export const InputMessageIconSizeSm = \\"16px\\";
+export const InputMessageIconSizeMd = \\"16px\\";
+export const InputMessageIconSizeLg = \\"16px\\";
+export const InputMonthFontPlaceholderValueLight = \\"#151515\\";
+export const InputMonthFontPlaceholderValueDark = \\"#ffffff\\";
+export const InputMonthFontLabelLight = \\"#151515\\";
+export const InputMonthFontLabelDark = \\"#ffffff\\";
+export const InputMonthFontPrefixSuffixLight = \\"#4a4a4a\\";
+export const InputMonthFontPrefixSuffixDark = \\"#bfbfbf\\";
+export const InputMonthIconLight = \\"#6a6a6a\\";
+export const InputMonthIconDark = \\"#9f9f9f\\";
+export const InputMonthBorderInvalidLight = \\"#d83020\\";
+export const InputMonthBorderInvalidDark = \\"#FE583E\\";
+export const InputMonthBorderDefaultLight = \\"#949494\\";
+export const InputMonthBorderDefaultDark = \\"#757575\\";
+export const InputMonthBackgroundDefaultLight = \\"#ffffff\\";
+export const InputMonthBackgroundDefaultDark = \\"#2b2b2b\\";
+export const InputMonthBackgroundPrefixSuffixLight = \\"#f8f8f8\\";
+export const InputMonthBackgroundPrefixSuffixDark = \\"#353535\\";
+export const InputMonthBackgroundReadOnlyLight = \\"#f8f8f8\\";
+export const InputMonthBackgroundReadOnlyDark = \\"#353535\\";
+export const InputMonthBorderRadiusSm = \\"0px\\";
+export const InputMonthBorderRadiusMd = \\"0px\\";
+export const InputMonthBorderRadiusLg = \\"0px\\";
+export const InputMonthBorderWidthSm = \\"1px\\";
+export const InputMonthBorderWidthMd = \\"1px\\";
+export const InputMonthBorderWidthLg = \\"1px\\";
+export const InputMonthIconSizeSm = \\"16px\\";
+export const InputMonthIconSizeMd = \\"16px\\";
+export const InputMonthIconSizeLg = \\"24px\\";
+export const InputMonthSpaceBetweenSm = \\"8px\\";
+export const InputMonthSpaceBetweenMd = \\"12px\\";
+export const InputMonthSpaceBetweenLg = \\"16px\\";
+export const InputMonthSpaceAroundLeftRightSm = \\"8px\\";
+export const InputMonthSpaceAroundLeftRightMd = \\"12px\\";
+export const InputMonthSpaceAroundLeftRightLg = \\"16px\\";
+export const InputMonthSpaceAroundTopBottomSm = \\"4px\\";
+export const InputMonthSpaceAroundTopBottomMd = \\"8px\\";
+export const InputMonthSpaceAroundTopBottomLg = \\"12px\\";
+export const InputMonthOpacityPlaceholderLight = \\"50%\\";
+export const InputNumberFontPlaceholderValueLight = \\"#151515\\";
+export const InputNumberFontPlaceholderValueDark = \\"#ffffff\\";
+export const InputNumberFontLabelLight = \\"#151515\\";
+export const InputNumberFontLabelDark = \\"#ffffff\\";
+export const InputNumberFontPrefixSuffixLight = \\"#4a4a4a\\";
+export const InputNumberFontPrefixSuffixDark = \\"#bfbfbf\\";
+export const InputNumberIconLight = \\"#6a6a6a\\";
+export const InputNumberIconDark = \\"#9f9f9f\\";
+export const InputNumberBorderInvalidLight = \\"#d83020\\";
+export const InputNumberBorderInvalidDark = \\"#FE583E\\";
+export const InputNumberBorderDefaultLight = \\"#949494\\";
+export const InputNumberBorderDefaultDark = \\"#757575\\";
+export const InputNumberBackgroundDefaultLight = \\"#ffffff\\";
+export const InputNumberBackgroundDefaultDark = \\"#2b2b2b\\";
+export const InputNumberBackgroundPrefixSuffixLight = \\"#f8f8f8\\";
+export const InputNumberBackgroundPrefixSuffixDark = \\"#353535\\";
+export const InputNumberBackgroundReadOnlyLight = \\"#f8f8f8\\";
+export const InputNumberBackgroundReadOnlyDark = \\"#353535\\";
+export const InputNumberBorderRadiusSm = \\"0px\\";
+export const InputNumberBorderRadiusMd = \\"0px\\";
+export const InputNumberBorderRadiusLg = \\"0px\\";
+export const InputNumberBorderWidthSm = \\"1px\\";
+export const InputNumberBorderWidthMd = \\"1px\\";
+export const InputNumberBorderWidthLg = \\"1px\\";
+export const InputNumberIconSizeSm = \\"16px\\";
+export const InputNumberIconSizeMd = \\"16px\\";
+export const InputNumberIconSizeLg = \\"24px\\";
+export const InputNumberSpaceBetweenSm = \\"8px\\";
+export const InputNumberSpaceBetweenMd = \\"12px\\";
+export const InputNumberSpaceBetweenLg = \\"16px\\";
+export const InputNumberSpaceAroundLeftRightSm = \\"8px\\";
+export const InputNumberSpaceAroundLeftRightMd = \\"12px\\";
+export const InputNumberSpaceAroundLeftRightLg = \\"16px\\";
+export const InputNumberSpaceAroundTopBottomSm = \\"4px\\";
+export const InputNumberSpaceAroundTopBottomMd = \\"8px\\";
+export const InputNumberSpaceAroundTopBottomLg = \\"12px\\";
+export const InputNumberOpacityPlaceholderLight = \\"50%\\";
+export const InputPasswordFontPlaceholderValueLight = \\"#151515\\";
+export const InputPasswordFontPlaceholderValueDark = \\"#ffffff\\";
+export const InputPasswordFontLabelLight = \\"#151515\\";
+export const InputPasswordFontLabelDark = \\"#ffffff\\";
+export const InputPasswordFontPrefixSuffixLight = \\"#4a4a4a\\";
+export const InputPasswordFontPrefixSuffixDark = \\"#bfbfbf\\";
+export const InputPasswordIconLight = \\"#6a6a6a\\";
+export const InputPasswordIconDark = \\"#9f9f9f\\";
+export const InputPasswordBorderInvalidLight = \\"#d83020\\";
+export const InputPasswordBorderInvalidDark = \\"#FE583E\\";
+export const InputPasswordBorderDefaultLight = \\"#949494\\";
+export const InputPasswordBorderDefaultDark = \\"#757575\\";
+export const InputPasswordBackgroundDefaultLight = \\"#ffffff\\";
+export const InputPasswordBackgroundDefaultDark = \\"#2b2b2b\\";
+export const InputPasswordBackgroundPrefixSuffixLight = \\"#f8f8f8\\";
+export const InputPasswordBackgroundPrefixSuffixDark = \\"#353535\\";
+export const InputPasswordBackgroundReadOnlyLight = \\"#f8f8f8\\";
+export const InputPasswordBackgroundReadOnlyDark = \\"#353535\\";
+export const InputPasswordBorderRadiusSm = \\"0px\\";
+export const InputPasswordBorderRadiusMd = \\"0px\\";
+export const InputPasswordBorderRadiusLg = \\"0px\\";
+export const InputPasswordBorderWidthSm = \\"1px\\";
+export const InputPasswordBorderWidthMd = \\"1px\\";
+export const InputPasswordBorderWidthLg = \\"1px\\";
+export const InputPasswordIconSizeSm = \\"16px\\";
+export const InputPasswordIconSizeMd = \\"16px\\";
+export const InputPasswordIconSizeLg = \\"24px\\";
+export const InputPasswordSpaceBetweenSm = \\"8px\\";
+export const InputPasswordSpaceBetweenMd = \\"12px\\";
+export const InputPasswordSpaceBetweenLg = \\"16px\\";
+export const InputPasswordSpaceAroundLeftRightSm = \\"8px\\";
+export const InputPasswordSpaceAroundLeftRightMd = \\"12px\\";
+export const InputPasswordSpaceAroundLeftRightLg = \\"16px\\";
+export const InputPasswordSpaceAroundTopBottomSm = \\"4px\\";
+export const InputPasswordSpaceAroundTopBottomMd = \\"8px\\";
+export const InputPasswordSpaceAroundTopBottomLg = \\"12px\\";
+export const InputPasswordOpacityPlaceholderLight = \\"50%\\";
+export const InputSearchFontPlaceholderValueLight = \\"#151515\\";
+export const InputSearchFontPlaceholderValueDark = \\"#ffffff\\";
+export const InputSearchFontLabelLight = \\"#151515\\";
+export const InputSearchFontLabelDark = \\"#ffffff\\";
+export const InputSearchFontPrefixSuffixLight = \\"#4a4a4a\\";
+export const InputSearchFontPrefixSuffixDark = \\"#bfbfbf\\";
+export const InputSearchIconLight = \\"#6a6a6a\\";
+export const InputSearchIconDark = \\"#9f9f9f\\";
+export const InputSearchBorderInvalidLight = \\"#d83020\\";
+export const InputSearchBorderInvalidDark = \\"#FE583E\\";
+export const InputSearchBorderDefaultLight = \\"#949494\\";
+export const InputSearchBorderDefaultDark = \\"#757575\\";
+export const InputSearchBackgroundDefaultLight = \\"#ffffff\\";
+export const InputSearchBackgroundDefaultDark = \\"#2b2b2b\\";
+export const InputSearchBackgroundPrefixSuffixLight = \\"#f8f8f8\\";
+export const InputSearchBackgroundPrefixSuffixDark = \\"#353535\\";
+export const InputSearchBackgroundReadOnlyLight = \\"#f8f8f8\\";
+export const InputSearchBackgroundReadOnlyDark = \\"#353535\\";
+export const InputSearchBorderRadiusSm = \\"0px\\";
+export const InputSearchBorderRadiusMd = \\"0px\\";
+export const InputSearchBorderRadiusLg = \\"0px\\";
+export const InputSearchBorderWidthSm = \\"1px\\";
+export const InputSearchBorderWidthMd = \\"1px\\";
+export const InputSearchBorderWidthLg = \\"1px\\";
+export const InputSearchIconSizeSm = \\"16px\\";
+export const InputSearchIconSizeMd = \\"16px\\";
+export const InputSearchIconSizeLg = \\"24px\\";
+export const InputSearchSpaceBetweenSm = \\"8px\\";
+export const InputSearchSpaceBetweenMd = \\"12px\\";
+export const InputSearchSpaceBetweenLg = \\"16px\\";
+export const InputSearchSpaceAroundLeftRightSm = \\"8px\\";
+export const InputSearchSpaceAroundLeftRightMd = \\"12px\\";
+export const InputSearchSpaceAroundLeftRightLg = \\"16px\\";
+export const InputSearchSpaceAroundTopBottomSm = \\"4px\\";
+export const InputSearchSpaceAroundTopBottomMd = \\"8px\\";
+export const InputSearchSpaceAroundTopBottomLg = \\"12px\\";
+export const InputSearchOpacityPlaceholderLight = \\"50%\\";
+export const InputTelephoneFontPlaceholderValueLight = \\"#151515\\";
+export const InputTelephoneFontPlaceholderValueDark = \\"#ffffff\\";
+export const InputTelephoneFontLabelLight = \\"#151515\\";
+export const InputTelephoneFontLabelDark = \\"#ffffff\\";
+export const InputTelephoneFontPrefixSuffixLight = \\"#4a4a4a\\";
+export const InputTelephoneFontPrefixSuffixDark = \\"#bfbfbf\\";
+export const InputTelephoneIconLight = \\"#6a6a6a\\";
+export const InputTelephoneIconDark = \\"#9f9f9f\\";
+export const InputTelephoneBorderInvalidLight = \\"#d83020\\";
+export const InputTelephoneBorderInvalidDark = \\"#FE583E\\";
+export const InputTelephoneBorderDefaultLight = \\"#949494\\";
+export const InputTelephoneBorderDefaultDark = \\"#757575\\";
+export const InputTelephoneBackgroundDefaultLight = \\"#ffffff\\";
+export const InputTelephoneBackgroundDefaultDark = \\"#2b2b2b\\";
+export const InputTelephoneBackgroundPrefixSuffixLight = \\"#f8f8f8\\";
+export const InputTelephoneBackgroundPrefixSuffixDark = \\"#353535\\";
+export const InputTelephoneBackgroundReadOnlyLight = \\"#f8f8f8\\";
+export const InputTelephoneBackgroundReadOnlyDark = \\"#353535\\";
+export const InputTelephoneBorderRadiusSm = \\"0px\\";
+export const InputTelephoneBorderRadiusMd = \\"0px\\";
+export const InputTelephoneBorderRadiusLg = \\"0px\\";
+export const InputTelephoneBorderWidthSm = \\"1px\\";
+export const InputTelephoneBorderWidthMd = \\"1px\\";
+export const InputTelephoneBorderWidthLg = \\"1px\\";
+export const InputTelephoneIconSizeSm = \\"16px\\";
+export const InputTelephoneIconSizeMd = \\"16px\\";
+export const InputTelephoneIconSizeLg = \\"24px\\";
+export const InputTelephoneSpaceBetweenSm = \\"8px\\";
+export const InputTelephoneSpaceBetweenMd = \\"12px\\";
+export const InputTelephoneSpaceBetweenLg = \\"16px\\";
+export const InputTelephoneSpaceAroundLeftRightSm = \\"8px\\";
+export const InputTelephoneSpaceAroundLeftRightMd = \\"12px\\";
+export const InputTelephoneSpaceAroundLeftRightLg = \\"16px\\";
+export const InputTelephoneSpaceAroundTopBottomSm = \\"4px\\";
+export const InputTelephoneSpaceAroundTopBottomMd = \\"8px\\";
+export const InputTelephoneSpaceAroundTopBottomLg = \\"12px\\";
+export const InputTelephoneOpacityPlaceholderLight = \\"50%\\";
+export const InputTextFontPlaceholderValueLight = \\"#151515\\";
+export const InputTextFontPlaceholderValueDark = \\"#ffffff\\";
+export const InputTextFontLabelLight = \\"#151515\\";
+export const InputTextFontLabelDark = \\"#ffffff\\";
+export const InputTextFontPrefixSuffixLight = \\"#4a4a4a\\";
+export const InputTextFontPrefixSuffixDark = \\"#bfbfbf\\";
+export const InputTextIconLight = \\"#6a6a6a\\";
+export const InputTextIconDark = \\"#9f9f9f\\";
+export const InputTextBorderInvalidLight = \\"#d83020\\";
+export const InputTextBorderInvalidDark = \\"#FE583E\\";
+export const InputTextBorderDefaultLight = \\"#949494\\";
+export const InputTextBorderDefaultDark = \\"#757575\\";
+export const InputTextBackgroundDefaultLight = \\"#ffffff\\";
+export const InputTextBackgroundDefaultDark = \\"#2b2b2b\\";
+export const InputTextBackgroundPrefixSuffixLight = \\"#f8f8f8\\";
+export const InputTextBackgroundPrefixSuffixDark = \\"#353535\\";
+export const InputTextBackgroundReadOnlyLight = \\"#f8f8f8\\";
+export const InputTextBackgroundReadOnlyDark = \\"#353535\\";
+export const InputTextBorderRadiusSm = \\"0px\\";
+export const InputTextBorderRadiusMd = \\"0px\\";
+export const InputTextBorderRadiusLg = \\"0px\\";
+export const InputTextBorderWidthSm = \\"1px\\";
+export const InputTextBorderWidthMd = \\"1px\\";
+export const InputTextBorderWidthLg = \\"1px\\";
+export const InputTextIconSizeSm = \\"16px\\";
+export const InputTextIconSizeMd = \\"16px\\";
+export const InputTextIconSizeLg = \\"24px\\";
+export const InputTextSpaceBetweenSm = \\"8px\\";
+export const InputTextSpaceBetweenMd = \\"12px\\";
+export const InputTextSpaceBetweenLg = \\"16px\\";
+export const InputTextSpaceAroundLeftRightSm = \\"8px\\";
+export const InputTextSpaceAroundLeftRightMd = \\"12px\\";
+export const InputTextSpaceAroundLeftRightLg = \\"16px\\";
+export const InputTextSpaceAroundTopBottomSm = \\"4px\\";
+export const InputTextSpaceAroundTopBottomMd = \\"8px\\";
+export const InputTextSpaceAroundTopBottomLg = \\"12px\\";
+export const InputTextOpacityPlaceholderLight = \\"50%\\";
+export const InputWeekFontPlaceholderValueLight = \\"#151515\\";
+export const InputWeekFontPlaceholderValueDark = \\"#ffffff\\";
+export const InputWeekFontLabelLight = \\"#151515\\";
+export const InputWeekFontLabelDark = \\"#ffffff\\";
+export const InputWeekFontPrefixSuffixLight = \\"#4a4a4a\\";
+export const InputWeekFontPrefixSuffixDark = \\"#bfbfbf\\";
+export const InputWeekIconLight = \\"#6a6a6a\\";
+export const InputWeekIconDark = \\"#9f9f9f\\";
+export const InputWeekBorderInvalidLight = \\"#d83020\\";
+export const InputWeekBorderInvalidDark = \\"#FE583E\\";
+export const InputWeekBorderDefaultLight = \\"#949494\\";
+export const InputWeekBorderDefaultDark = \\"#757575\\";
+export const InputWeekBackgroundDefaultLight = \\"#ffffff\\";
+export const InputWeekBackgroundDefaultDark = \\"#2b2b2b\\";
+export const InputWeekBackgroundPrefixSuffixLight = \\"#f8f8f8\\";
+export const InputWeekBackgroundPrefixSuffixDark = \\"#353535\\";
+export const InputWeekBackgroundReadOnlyLight = \\"#f8f8f8\\";
+export const InputWeekBackgroundReadOnlyDark = \\"#353535\\";
+export const InputWeekBorderRadiusSm = \\"0px\\";
+export const InputWeekBorderRadiusMd = \\"0px\\";
+export const InputWeekBorderRadiusLg = \\"0px\\";
+export const InputWeekBorderWidthSm = \\"1px\\";
+export const InputWeekBorderWidthMd = \\"1px\\";
+export const InputWeekBorderWidthLg = \\"1px\\";
+export const InputWeekIconSizeSm = \\"16px\\";
+export const InputWeekIconSizeMd = \\"16px\\";
+export const InputWeekIconSizeLg = \\"24px\\";
+export const InputWeekSpaceBetweenSm = \\"8px\\";
+export const InputWeekSpaceBetweenMd = \\"12px\\";
+export const InputWeekSpaceBetweenLg = \\"16px\\";
+export const InputWeekSpaceAroundLeftRightSm = \\"8px\\";
+export const InputWeekSpaceAroundLeftRightMd = \\"12px\\";
+export const InputWeekSpaceAroundLeftRightLg = \\"16px\\";
+export const InputWeekSpaceAroundTopBottomSm = \\"4px\\";
+export const InputWeekSpaceAroundTopBottomMd = \\"8px\\";
+export const InputWeekSpaceAroundTopBottomLg = \\"12px\\";
+export const InputWeekOpacityPlaceholderLight = \\"50%\\";
+export const LabelFontLight = \\"#151515\\";
+export const LabelFontDark = \\"#ffffff\\";
+export const LinkFontLight = \\"#00619b\\";
+export const LinkFontDark = \\"#00A0FF\\";
+export const LinkIconLight = \\"#00619b\\";
+export const LinkIconDark = \\"#00A0FF\\";
+export const LinkBorderLight = \\"#00619b\\";
+export const LinkBorderDark = \\"#00A0FF\\";
+export const LinkBottomBorderWidth = \\"1px\\";
+export const LoaderFontLight = \\"#151515\\";
+export const LoaderFontDark = \\"#ffffff\\";
+export const LoaderDefaultCompSizeSm = \\"32px\\";
+export const LoaderDefaultCompSizeMd = \\"64px\\";
+export const LoaderDefaultCompSizeLg = \\"96px\\";
+export const LoaderDefaultSpaceBetweenStandard = \\"4px\\";
+export const LoaderDefaultForegroundLight = \\"#007ac2\\";
+export const LoaderDefaultForegroundDark = \\"#009af2\\";
+export const LoaderInlineCompSizeSm = \\"12px\\";
+export const LoaderInlineCompSizeMd = \\"16px\\";
+export const LoaderInlineCompSizeLg = \\"24px\\";
+export const LoaderInlineSpaceBetweenSm = \\"6px\\";
+export const LoaderInlineSpaceBetweenMd = \\"8px\\";
+export const LoaderInlineSpaceBetweenLg = \\"12px\\";
+export const LoaderInlineSpaceAroundSm = \\"6px\\";
+export const LoaderInlineSpaceAroundMd = \\"8px\\";
+export const LoaderInlineSpaceAroundLg = \\"12px\\";
+export const LoaderInlineForegroundIndeterminateLight = \\"#151515\\";
+export const LoaderInlineForegroundIndeterminateDark = \\"#ffffff\\";
+export const LoaderInlineForegroundDeterminateLight = \\"#007ac2\\";
+export const LoaderInlineForegroundDeterminateDark = \\"#009af2\\";
+export const ModalFontHeaderLight = \\"#151515\\";
+export const ModalFontHeaderDark = \\"#ffffff\\";
+export const ModalFontContentLight = \\"#4a4a4a\\";
+export const ModalFontContentDark = \\"#bfbfbf\\";
+export const ModalIconLight = \\"#6a6a6a\\";
+export const ModalIconDark = \\"#9f9f9f\\";
+export const ModalBorderDefaultLight = \\"#dfdfdf\\";
+export const ModalBorderDefaultDark = \\"#555555\\";
+export const ModalBorderTopBrandLight = \\"#007ac2\\";
+export const ModalBorderTopBrandDark = \\"#009af2\\";
+export const ModalBorderTopInfoLight = \\"#00619b\\";
+export const ModalBorderTopInfoDark = \\"#00A0FF\\";
+export const ModalBorderTopSuccessLight = \\"#35ac46\\";
+export const ModalBorderTopSuccessDark = \\"#36DA43\\";
+export const ModalBorderTopDangerLight = \\"#d83020\\";
+export const ModalBorderTopDangerDark = \\"#FE583E\\";
+export const ModalBorderTopWarningLight = \\"#edd317\\";
+export const ModalBorderTopWarningDark = \\"#FFC900\\";
+export const ModalBackgroundLight = \\"#ffffff\\";
+export const ModalBackgroundDark = \\"#2b2b2b\\";
+export const ModalIconSizeSm = \\"16px\\";
+export const ModalIconSizeMd = \\"24px\\";
+export const ModalIconSizeLg = \\"32px\\";
+export const ModalSpaceBetweenSm = \\"0px\\";
+export const ModalSpaceBetweenMd = \\"0px\\";
+export const ModalSpaceBetweenLg = \\"0px\\";
+export const ModalSpaceAroundLeftRightSm = \\"16px\\";
+export const ModalSpaceAroundLeftRightMd = \\"20px\\";
+export const ModalSpaceAroundLeftRightLg = \\"24px\\";
+export const ModalSpaceAroundTopBottomSm = \\"12px\\";
+export const ModalSpaceAroundTopBottomMd = \\"16px\\";
+export const ModalSpaceAroundTopBottomLg = \\"20px\\";
+export const ModalSpaceAroundContentSm = \\"12px\\";
+export const ModalSpaceAroundContentMd = \\"16px\\";
+export const ModalSpaceAroundContentLg = \\"20px\\";
+export const ModalSpaceAroundCancelButtonSm = \\"4px\\";
+export const ModalSpaceAroundCancelButtonMd = \\"4px\\";
+export const ModalSpaceAroundCancelButtonLg = \\"4px\\";
+export const ModalBorderWidthDefaultSm = \\"1px\\";
+export const ModalBorderWidthDefaultMd = \\"1px\\";
+export const ModalBorderWidthDefaultLg = \\"1px\\";
+export const ModalBorderWidthTopSm = \\"4px\\";
+export const ModalBorderWidthTopMd = \\"4px\\";
+export const ModalBorderWidthTopLg = \\"4px\\";
+export const ModalBorderRadiusSm = \\"4px\\";
+export const ModalBorderRadiusLg = \\"4px\\";
+export const ModalBorderRadiusMd = \\"4px\\";
+export const ModalCompSizeSmallWidth = \\"512\\";
+export const ModalCompSizeMediumWidth = \\"768px\\";
+export const ModalCompSizeFullWidth = \\"1504px\\";
+export const NoticeFontTitleLight = \\"#151515\\";
+export const NoticeFontTitleDark = \\"#ffffff\\";
+export const NoticeFontMessageLight = \\"#6a6a6a\\";
+export const NoticeFontMessageDark = \\"#9f9f9f\\";
+export const NoticeBackgroundLight = \\"#ffffff\\";
+export const NoticeBackgroundDark = \\"#202020\\";
+export const NoticeBorderRadiusSm = \\"0px\\";
+export const NoticeBorderRadiusMd = \\"0px\\";
+export const NoticeBorderRadiusLg = \\"0px\\";
+export const NoticeIconSizeSm = \\"16px\\";
+export const NoticeIconSizeMd = \\"16px\\";
+export const NoticeIconSizeLg = \\"24px\\";
+export const NoticeIconInfoLight = \\"#00619b\\";
+export const NoticeIconInfoDark = \\"#00A0FF\\";
+export const NoticeIconSuccessLight = \\"#35ac46\\";
+export const NoticeIconSuccessDark = \\"#36DA43\\";
+export const NoticeIconWarningLight = \\"#edd317\\";
+export const NoticeIconWarningDark = \\"#FFC900\\";
+export const NoticeIconDangerLight = \\"#d83020\\";
+export const NoticeIconDangerDark = \\"#FE583E\\";
+export const NoticeIconBrandLight = \\"#007ac2\\";
+export const NoticeIconBrandDark = \\"#009af2\\";
+export const NoticeHighlightInfoLight = \\"#00619b\\";
+export const NoticeHighlightInfoDark = \\"#00A0FF\\";
+export const NoticeHighlightSuccessLight = \\"#35ac46\\";
+export const NoticeHighlightSuccessDark = \\"#36DA43\\";
+export const NoticeHighlightWarningLight = \\"#edd317\\";
+export const NoticeHighlightWarningDark = \\"#FFC900\\";
+export const NoticeHighlightDangerLight = \\"#d83020\\";
+export const NoticeHighlightDangerDark = \\"#FE583E\\";
+export const NoticeHighlightBrandLight = \\"#007ac2\\";
+export const NoticeHighlightBrandDark = \\"#009af2\\";
+export const NoticeHighlightBorderSm = \\"2px\\";
+export const NoticeHighlightBorderMd = \\"2px\\";
+export const NoticeHighlightBorderLg = \\"2px\\";
+export const NoticeContentSpaceBetweenSm = \\"4px\\";
+export const NoticeContentSpaceBetweenMd = \\"4px\\";
+export const NoticeContentSpaceBetweenLg = \\"4px\\";
+export const NoticeSpaceAroundTopBottomSm = \\"10px\\";
+export const NoticeSpaceAroundTopBottomMd = \\"14px\\";
+export const NoticeSpaceAroundTopBottomLg = \\"16px\\";
+export const NoticeSpaceAroundLeftSm = \\"12px\\";
+export const NoticeSpaceAroundLeftMd = \\"16px\\";
+export const NoticeSpaceAroundLeftLg = \\"20px\\";
+export const NoticeSpaceAroundRightSm = \\"8px\\";
+export const NoticeSpaceAroundRightMd = \\"12px\\";
+export const NoticeSpaceAroundRightLg = \\"16px\\";
+export const PaginationFontLight = \\"#6a6a6a\\";
+export const PaginationFontDark = \\"#9f9f9f\\";
+export const PaginationIconLight = \\"#6a6a6a\\";
+export const PaginationIconDark = \\"#9f9f9f\\";
+export const PaginationBorderLight = \\"#cacaca\\";
+export const PaginationBorderDark = \\"#555555\\";
+export const PaginationBackgroundDefaultLight = \\"#f8f8f8\\";
+export const PaginationBackgroundDefaultDark = \\"#353535\\";
+export const PaginationForegroundLight = \\"#f3f3f3\\";
+export const PaginationForegroundDark = \\"#202020\\";
+export const PaginationBorderRadiusSm = \\"12px\\";
+export const PaginationBorderRadiusMd = \\"16px\\";
+export const PaginationBorderRadiusLg = \\"24px\\";
+export const PaginationBorderWidthSm = \\"2px\\";
+export const PaginationBorderWidthMd = \\"4px\\";
+export const PaginationBorderWidthLg = \\"8px\\";
+export const PaginationCompSizeSm = \\"24px\\";
+export const PaginationCompSizeMd = \\"32px\\";
+export const PaginationCompSizeLg = \\"44px\\";
+export const PaginationIconSizeSm = \\"16px\\";
+export const PaginationIconSizeMd = \\"24px\\";
+export const PaginationIconSizeLg = \\"32px\\";
+export const PaginationSpaceBetweenSm = \\"24px\\";
+export const PaginationSpaceBetweenMd = \\"32px\\";
+export const PaginationSpaceBetweenLg = \\"44px\\";
+export const PaginationSpaceAroundSm = \\"16px\\";
+export const PaginationSpaceAroundMd = \\"24px\\";
+export const PaginationSpaceAroundLg = \\"32px\\";
+export const PanelHeaderFontLight = \\"#4a4a4a\\";
+export const PanelHeaderFontDark = \\"#bfbfbf\\";
+export const PanelHeaderIconLight = \\"#6a6a6a\\";
+export const PanelHeaderIconDark = \\"#9f9f9f\\";
+export const PanelHeaderBorderLight = \\"#dfdfdf\\";
+export const PanelHeaderBorderDark = \\"#404040\\";
+export const PanelHeaderBackgroundLight = \\"#ffffff\\";
+export const PanelHeaderBackgroundDark = \\"#2b2b2b\\";
+export const PanelHeaderBorderWidthMd = \\"1px\\";
+export const PanelHeaderIconSizeMd = \\"16px\\";
+export const PanelHeaderSpaceBetweenMd = \\"4px\\";
+export const PanelHeaderSpaceAroundLeftRightMd = \\"12px\\";
+export const PanelHeaderSpaceAroundTopBottomMd = \\"14px\\";
+export const PopoverFontLight = \\"#151515\\";
+export const PopoverFontDark = \\"#ffffff\\";
+export const PopoverIconLight = \\"#6a6a6a\\";
+export const PopoverIconDark = \\"#9f9f9f\\";
+export const PopoverBorderLight = \\"#dfdfdf\\";
+export const PopoverBorderDark = \\"#404040\\";
+export const PopoverBackgroundLight = \\"#ffffff\\";
+export const PopoverBackgroundDark = \\"#2b2b2b\\";
+export const PopoverBorderRadiusSm = \\"4px\\";
+export const PopoverBorderRadiusMd = \\"4px\\";
+export const PopoverBorderRadiusLg = \\"4px\\";
+export const PopoverBorderWidthSm = \\"1px\\";
+export const PopoverBorderWidthMd = \\"1px\\";
+export const PopoverBorderWidthLg = \\"1px\\";
+export const PopoverPointerSizeSm = \\"14px\\";
+export const PopoverPointerSizeMd = \\"14px\\";
+export const PopoverPointerSizeLg = \\"14px\\";
+export const PopoverIconSizeSm = \\"16px\\";
+export const PopoverIconSizeMd = \\"16px\\";
+export const PopoverIconSizeLg = \\"24px\\";
+export const PopoverSpaceBetweenSm = \\"0px\\";
+export const PopoverSpaceBetweenMd = \\"0px\\";
+export const PopoverSpaceBetweenLg = \\"0px\\";
+export const PopoverSpaceAroundLeftRightSm = \\"12px\\";
+export const PopoverSpaceAroundLeftRightMd = \\"16px\\";
+export const PopoverSpaceAroundLeftRightLg = \\"20px\\";
+export const PopoverSpaceAroundLeftTopBottomSm = \\"8px\\";
+export const PopoverSpaceAroundLeftTopBottomMd = \\"12px\\";
+export const PopoverSpaceAroundLeftTopBottomLg = \\"16px\\";
+export const RadioCompSizeSm = \\"12px\\";
+export const RadioCompSizeMd = \\"14px\\";
+export const RadioCompSizeLg = \\"16px\\";
+export const RadioSpaceBetweenSm = \\"8px\\";
+export const RadioSpaceBetweenMd = \\"8px\\";
+export const RadioSpaceBetweenLg = \\"8px\\";
+export const RadioBackgroundLight = \\"#ffffff\\";
+export const RadioBackgroundDark = \\"#2b2b2b\\";
+export const RadioBorderRadius = \\"9999px\\";
+export const RadioBorderWidthUnchecked = \\"1px\\";
+export const RadioBorderWidthCheckedSm = \\"4px\\";
+export const RadioBorderWidthCheckedMd = \\"4px\\";
+export const RadioBorderWidthCheckedLg = \\"6px\\";
+export const RadioBorderUncheckedLight = \\"#6a6a6a\\";
+export const RadioBorderUncheckedDark = \\"#9f9f9f\\";
+export const RadioBorderCheckedLight = \\"#007ac2\\";
+export const RadioBorderCheckedDark = \\"#009af2\\";
+export const RadioFontLight = \\"#151515\\";
+export const RadioFontDark = \\"#ffffff\\";
+export const RadioSpaceAroundSm = \\"8px\\";
+export const RadioSpaceAroundMd = \\"12px\\";
+export const RadioSpaceAroundLg = \\"16px\\";
+export const RatingCompSizeSm = \\"24px\\";
+export const RatingCompSizeMd = \\"32px\\";
+export const RatingCompSizeLg = \\"44px\\";
+export const RatingChipBorderRadius = \\"9999px\\";
+export const RatingChipValueTextFontLight = \\"#151515\\";
+export const RatingChipValueTextFontDark = \\"#ffffff\\";
+export const RatingChipCountFontTypography = \\"16px\\";
+export const RatingChipCountFontFontWeights = \\"Medium Italic\\";
+export const RatingChipCountFontLight = \\"#4a4a4a\\";
+export const RatingChipCountFontDark = \\"#bfbfbf\\";
+export const RatingChipForegroundLight = \\"#f3f3f3\\";
+export const RatingChipForegroundDark = \\"#202020\\";
+export const RatingStarCompSizeSm = \\"16px\\";
+export const RatingStarCompSizeMd = \\"24px\\";
+export const RatingStarCompSizeLg = \\"32px\\";
+export const RatingStarBackgroundDefaultLight = \\"#949494\\";
+export const RatingStarBackgroundDefaultDark = \\"#757575\\";
+export const RatingStarBackgroundActiveLight = \\"#007ac2\\";
+export const RatingStarBackgroundActiveDark = \\"#009af2\\";
+export const RatingStarBackgroundAverageLight = \\"#edd317\\";
+export const RatingStarBackgroundAverageDark = \\"#FFC900\\";
+export const RatingStarContainerSpaceBetweenSm = \\"4px\\";
+export const RatingStarContainerSpaceBetweenMd = \\"8px\\";
+export const RatingStarContainerSpaceBetweenLg = \\"12px\\";
+export const RatingStarContainerSpaceAroundSm = \\"4px\\";
+export const RatingStarContainerSpaceAroundMd = \\"4px\\";
+export const RatingStarContainerSpaceAroundLg = \\"6px\\";
+export const RatingAverageSpaceBetweenSm = \\"4px\\";
+export const RatingAverageSpaceBetweenMd = \\"8px\\";
+export const RatingAverageSpaceBetweenLg = \\"12px\\";
+export const RatingAverageChipSpaceBetweenSm = \\"4px\\";
+export const RatingAverageChipSpaceBetweenMd = \\"8px\\";
+export const RatingAverageChipSpaceBetweenLg = \\"12px\\";
+export const RatingAverageChipSpaceArroundSm = \\"8px\\";
+export const RatingAverageChipSpaceArroundMd = \\"12px\\";
+export const RatingAverageChipSpaceArroundLg = \\"16px\\";
+export const RatingSpaceBetweenSm = \\"4px\\";
+export const RatingSpaceBetweenMd = \\"8px\\";
+export const RatingSpaceBetweenLg = \\"8px\\";
+export const RatingSpaceAroundSm = \\"8px\\";
+export const RatingSpaceAroundMd = \\"12px\\";
+export const RatingSpaceAroundLg = \\"16px\\";
+export const ScrimBackgroundLight = \\"#ffffff\\";
+export const ScrimBackgroundDark = \\"#2b2b2b\\";
+export const ScrimOpacity = \\"85%\\";
+export const SegmentedControlFontDefaultLight = \\"#6a6a6a\\";
+export const SegmentedControlFontDefaultDark = \\"#9f9f9f\\";
+export const SegmentedControlFontCheckedLight = \\"#ffffff\\";
+export const SegmentedControlFontCheckedDark = \\"#151515\\";
+export const SegmentedControlBorderLight = \\"#cacaca\\";
+export const SegmentedControlBorderDark = \\"#555555\\";
+export const SegmentedControlBackgroundDefaultLight = \\"#f8f8f8\\";
+export const SegmentedControlBackgroundDefaultDark = \\"#353535\\";
+export const SegmentedControlForegroundLight = \\"#f3f3f3\\";
+export const SegmentedControlForegroundDark = \\"#202020\\";
+export const SegmentedControlBorderRadiusSm = \\"12px\\";
+export const SegmentedControlBorderRadiusMd = \\"16px\\";
+export const SegmentedControlBorderRadiusLg = \\"24px\\";
+export const SegmentedControlBorderWidthSm = \\"2px\\";
+export const SegmentedControlBorderWidthMd = \\"4px\\";
+export const SegmentedControlBorderWidthLg = \\"8px\\";
+export const SegmentedControlCompSizeSm = \\"24px\\";
+export const SegmentedControlCompSizeMd = \\"32px\\";
+export const SegmentedControlCompSizeLg = \\"44px\\";
+export const SegmentedControlIconSizeSm = \\"16px\\";
+export const SegmentedControlIconSizeMd = \\"24px\\";
+export const SegmentedControlIconSizeLg = \\"32px\\";
+export const SegmentedControlSpaceBetweenSm = \\"24px\\";
+export const SegmentedControlSpaceBetweenMd = \\"32px\\";
+export const SegmentedControlSpaceBetweenLg = \\"44px\\";
+export const SegmentedControlSpaceAroundSm = \\"16px\\";
+export const SegmentedControlSpaceAroundMd = \\"24px\\";
+export const SegmentedControlSpaceAroundLg = \\"32px\\";
+export const SliderHistogramRangeFontLabelLight = \\"#151515\\";
+export const SliderHistogramRangeFontLabelDark = \\"#ffffff\\";
+export const SliderHistogramRangeFontTickLabelLight = \\"#4a4a4a\\";
+export const SliderHistogramRangeFontTickLabelDark = \\"#bfbfbf\\";
+export const SliderHistogramRangeHandleBackgroundLight = \\"#ffffff\\";
+export const SliderHistogramRangeHandleBackgroundDark = \\"#2b2b2b\\";
+export const SliderHistogramRangeHandleBorderLight = \\"#6a6a6a\\";
+export const SliderHistogramRangeHandleBorderDark = \\"#757575\\";
+export const SliderHistogramRangeHandleBorderWidthSm = \\"2px\\";
+export const SliderHistogramRangeHandleBorderWidthMd = \\"2px\\";
+export const SliderHistogramRangeHandleBorderWidthLg = \\"2px\\";
+export const SliderHistogramRangeBorderDefaultLight = \\"#d4d4d4\\";
+export const SliderHistogramRangeBorderDefaultDark = \\"#4a4a4a\\";
+export const SliderHistogramRangeBorderActiveLight = \\"#007ac2\\";
+export const SliderHistogramRangeBorderActiveDark = \\"#009af2\\";
+export const SliderHistogramRangeTickSizeWidthSm = \\"4px\\";
+export const SliderHistogramRangeTickSizeWidthMd = \\"4px\\";
+export const SliderHistogramRangeTickSizeWidthLg = \\"4px\\";
+export const SliderHistogramRangeTickSizeHeightSm = \\"6px\\";
+export const SliderHistogramRangeTickSizeHeightMd = \\"6px\\";
+export const SliderHistogramRangeTickSizeHeightLg = \\"6px\\";
+export const SliderHistogramRangeHandleSizeSm = \\"10px\\";
+export const SliderHistogramRangeHandleSizeMd = \\"14px\\";
+export const SliderHistogramRangeHandleSizeLg = \\"16px\\";
+export const SliderHistogramRangeSpaceBetweenSm = \\"4px\\";
+export const SliderHistogramRangeSpaceBetweenMd = \\"8px\\";
+export const SliderHistogramRangeSpaceBetweenLg = \\"8px\\";
+export const SliderHistogramRangeSpaceAroundSm = \\"4px\\";
+export const SliderHistogramRangeSpaceAroundMd = \\"6px\\";
+export const SliderHistogramRangeSpaceAroundLg = \\"8px\\";
+export const SliderHistogramRangeTickDefaultBackgroundLight = \\"#949494\\";
+export const SliderHistogramRangeTickDefaultBackgroundDark = \\"#757575\\";
+export const SliderHistogramRangeTickDefaultBorderLight = \\"#ffffff\\";
+export const SliderHistogramRangeTickDefaultBorderDark = \\"#2b2b2b\\";
+export const SliderHistogramRangeTickActiveBackgroundLight = \\"#007ac2\\";
+export const SliderHistogramRangeTickActiveBackgroundDark = \\"#009af2\\";
+export const SliderHistogramRangeTickActiveBorderLight = \\"#ffffff\\";
+export const SliderHistogramRangeTickActiveBorderDark = \\"#2b2b2b\\";
+export const SliderHistogramRangeTickBorderWidthSm = \\"1px\\";
+export const SliderHistogramRangeTickBorderWidthMd = \\"1px\\";
+export const SliderHistogramRangeTickBorderWidthLg = \\"1px\\";
+export const SliderHistogramRangeAreaActiveBackgroundLight = \\"#9BBDDF\\";
+export const SliderHistogramRangeAreaActiveBackgroundDark = \\"#8DCEF7\\";
+export const SliderHistogramRangeActiveStartEndWidthSm = \\"2px\\";
+export const SliderHistogramRangeActiveStartEndWidthMd = \\"2px\\";
+export const SliderHistogramRangeActiveStartEndWidthLg = \\"2px\\";
+export const SliderHistogramRangeActiveStartEndHeightSm = \\"48px\\";
+export const SliderHistogramRangeActiveStartEndHeightMd = \\"48px\\";
+export const SliderHistogramRangeActiveStartEndHeightLg = \\"48px\\";
+export const SliderHistogramFontLabelLight = \\"#151515\\";
+export const SliderHistogramFontLabelDark = \\"#ffffff\\";
+export const SliderHistogramFontTickLabelLight = \\"#4a4a4a\\";
+export const SliderHistogramFontTickLabelDark = \\"#bfbfbf\\";
+export const SliderHistogramHandleBackgroundLight = \\"#ffffff\\";
+export const SliderHistogramHandleBackgroundDark = \\"#2b2b2b\\";
+export const SliderHistogramHandleBorderLight = \\"#6a6a6a\\";
+export const SliderHistogramHandleBorderDark = \\"#757575\\";
+export const SliderHistogramBorderDefaultLight = \\"#d4d4d4\\";
+export const SliderHistogramBorderDefaultDark = \\"#4a4a4a\\";
+export const SliderHistogramBorderActiveLight = \\"#007ac2\\";
+export const SliderHistogramBorderActiveDark = \\"#009af2\\";
+export const SliderHistogramBorderWidthSm = \\"2px\\";
+export const SliderHistogramBorderWidthMd = \\"2px\\";
+export const SliderHistogramBorderWidthLg = \\"2px\\";
+export const SliderHistogramTickSizeWidthSm = \\"4px\\";
+export const SliderHistogramTickSizeWidthMd = \\"4px\\";
+export const SliderHistogramTickSizeWidthLg = \\"4px\\";
+export const SliderHistogramTickSizeHeightSm = \\"6px\\";
+export const SliderHistogramTickSizeHeightMd = \\"6px\\";
+export const SliderHistogramTickSizeHeightLg = \\"6px\\";
+export const SliderHistogramHandleSizeSm = \\"10px\\";
+export const SliderHistogramHandleSizeMd = \\"14px\\";
+export const SliderHistogramHandleSizeLg = \\"16px\\";
+export const SliderHistogramSpaceBetweenSm = \\"4px\\";
+export const SliderHistogramSpaceBetweenMd = \\"8px\\";
+export const SliderHistogramSpaceBetweenLg = \\"8px\\";
+export const SliderHistogramSpaceAroundSm = \\"4px\\";
+export const SliderHistogramSpaceAroundMd = \\"6px\\";
+export const SliderHistogramSpaceAroundLg = \\"8px\\";
+export const SliderHistogramTickDefaultBackgroundLight = \\"#949494\\";
+export const SliderHistogramTickDefaultBackgroundDark = \\"#757575\\";
+export const SliderHistogramTickDefaultBorderLight = \\"#ffffff\\";
+export const SliderHistogramTickDefaultBorderDark = \\"#2b2b2b\\";
+export const SliderHistogramTickActiveBackgroundLight = \\"#007ac2\\";
+export const SliderHistogramTickActiveBackgroundDark = \\"#009af2\\";
+export const SliderHistogramTickActiveBorderLight = \\"#ffffff\\";
+export const SliderHistogramTickActiveBorderDark = \\"#2b2b2b\\";
+export const SliderHistogramAreaActiveBackgroundLight = \\"#9BBDDF\\";
+export const SliderHistogramAreaActiveBackgroundDark = \\"#8DCEF7\\";
+export const SliderHistogramActiveEndWidthSm = \\"2px\\";
+export const SliderHistogramActiveEndWidthMd = \\"2px\\";
+export const SliderHistogramActiveEndWidthLg = \\"2px\\";
+export const SliderHistogramActiveEndHeightSm = \\"48px\\";
+export const SliderHistogramActiveEndHeightMd = \\"48px\\";
+export const SliderHistogramActiveEndHeightLg = \\"48px\\";
+export const SliderHistogramActiveEndBackgroundLight = \\"#ffffff\\";
+export const SliderHistogramActiveEndBackgroundDark = \\"#2b2b2b\\";
+export const SliderRangeFontLabelLight = \\"#151515\\";
+export const SliderRangeFontLabelDark = \\"#ffffff\\";
+export const SliderRangeFontTickLabelLight = \\"#4a4a4a\\";
+export const SliderRangeFontTickLabelDark = \\"#bfbfbf\\";
+export const SliderRangeHandleBackgroundLight = \\"#ffffff\\";
+export const SliderRangeHandleBackgroundDark = \\"#2b2b2b\\";
+export const SliderRangeHandleBorderLight = \\"#6a6a6a\\";
+export const SliderRangeHandleBorderDark = \\"#757575\\";
+export const SliderRangeBorderDefaultLight = \\"#d4d4d4\\";
+export const SliderRangeBorderDefaultDark = \\"#4a4a4a\\";
+export const SliderRangeBorderActiveLight = \\"#007ac2\\";
+export const SliderRangeBorderActiveDark = \\"#009af2\\";
+export const SliderRangeBorderWidthSm = \\"2px\\";
+export const SliderRangeBorderWidthMd = \\"2px\\";
+export const SliderRangeBorderWidthLg = \\"2px\\";
+export const SliderRangeTickSizeWidthSm = \\"4px\\";
+export const SliderRangeTickSizeWidthMd = \\"4px\\";
+export const SliderRangeTickSizeWidthLg = \\"4px\\";
+export const SliderRangeTickSizeHeightSm = \\"6px\\";
+export const SliderRangeTickSizeHeightMd = \\"6px\\";
+export const SliderRangeTickSizeHeightLg = \\"6px\\";
+export const SliderRangeHandleSizeSm = \\"10px\\";
+export const SliderRangeHandleSizeMd = \\"14px\\";
+export const SliderRangeHandleSizeLg = \\"16px\\";
+export const SliderRangeSpaceBetweenSm = \\"4px\\";
+export const SliderRangeSpaceBetweenMd = \\"8px\\";
+export const SliderRangeSpaceBetweenLg = \\"8px\\";
+export const SliderRangeSpaceAroundSm = \\"4px\\";
+export const SliderRangeSpaceAroundMd = \\"6px\\";
+export const SliderRangeSpaceAroundLg = \\"8px\\";
+export const SliderRangeTickDefaultBackgroundLight = \\"#949494\\";
+export const SliderRangeTickDefaultBackgroundDark = \\"#757575\\";
+export const SliderRangeTickDefaultBorderLight = \\"#ffffff\\";
+export const SliderRangeTickDefaultBorderDark = \\"#2b2b2b\\";
+export const SliderRangeTickActiveBackgroundLight = \\"#007ac2\\";
+export const SliderRangeTickActiveBackgroundDark = \\"#009af2\\";
+export const SliderRangeTickActiveBorderLight = \\"#ffffff\\";
+export const SliderRangeTickActiveBorderDark = \\"#2b2b2b\\";
+export const SliderFontLabelLight = \\"#151515\\";
+export const SliderFontLabelDark = \\"#ffffff\\";
+export const SliderFontTickLabelLight = \\"#4a4a4a\\";
+export const SliderFontTickLabelDark = \\"#bfbfbf\\";
+export const SliderHandleBackgroundLight = \\"#ffffff\\";
+export const SliderHandleBackgroundDark = \\"#2b2b2b\\";
+export const SliderHandleBorderLight = \\"#6a6a6a\\";
+export const SliderHandleBorderDark = \\"#757575\\";
+export const SliderBorderDefaultLight = \\"#d4d4d4\\";
+export const SliderBorderDefaultDark = \\"#4a4a4a\\";
+export const SliderBorderActiveLight = \\"#007ac2\\";
+export const SliderBorderActiveDark = \\"#009af2\\";
+export const SliderBorderWidthSm = \\"2px\\";
+export const SliderBorderWidthMd = \\"2px\\";
+export const SliderBorderWidthLg = \\"2px\\";
+export const SliderTickSizeWidthSm = \\"4px\\";
+export const SliderTickSizeWidthMd = \\"4px\\";
+export const SliderTickSizeWidthLg = \\"4px\\";
+export const SliderTickSizeHeightSm = \\"6px\\";
+export const SliderTickSizeHeightMd = \\"6px\\";
+export const SliderTickSizeHeightLg = \\"6px\\";
+export const SliderHandleSizeSm = \\"10px\\";
+export const SliderHandleSizeMd = \\"14px\\";
+export const SliderHandleSizeLg = \\"16px\\";
+export const SliderSpaceBetweenSm = \\"4px\\";
+export const SliderSpaceBetweenMd = \\"8px\\";
+export const SliderSpaceBetweenLg = \\"8px\\";
+export const SliderSpaceAroundSm = \\"4px\\";
+export const SliderSpaceAroundMd = \\"6px\\";
+export const SliderSpaceAroundLg = \\"8px\\";
+export const SliderTickDefaultBackgroundLight = \\"#949494\\";
+export const SliderTickDefaultBackgroundDark = \\"#757575\\";
+export const SliderTickDefaultBorderLight = \\"#ffffff\\";
+export const SliderTickDefaultBorderDark = \\"#2b2b2b\\";
+export const SliderTickActiveBackgroundLight = \\"#007ac2\\";
+export const SliderTickActiveBackgroundDark = \\"#009af2\\";
+export const SliderTickActiveBorderLight = \\"#ffffff\\";
+export const SliderTickActiveBorderDark = \\"#2b2b2b\\";
+export const SplitButtonFontBrandSolidLight = \\"#ffffff\\";
+export const SplitButtonFontBrandSolidDark = \\"#151515\\";
+export const SplitButtonFontBrandOutlineFillLight = \\"#007ac2\\";
+export const SplitButtonFontBrandOutlineFillDark = \\"#009af2\\";
+export const SplitButtonFontBrandOutlineLight = \\"#007ac2\\";
+export const SplitButtonFontBrandOutlineDark = \\"#009af2\\";
+export const SplitButtonFontBrandTransparentLight = \\"#007ac2\\";
+export const SplitButtonFontBrandTransparentDark = \\"#009af2\\";
+export const SplitButtonFontInverseSolidLight = \\"#ffffff\\";
+export const SplitButtonFontInverseSolidDark = \\"#151515\\";
+export const SplitButtonFontInverseOutlineFillLight = \\"#151515\\";
+export const SplitButtonFontInverseOutlineFillDark = \\"#ffffff\\";
+export const SplitButtonFontInverseOutlineLight = \\"#151515\\";
+export const SplitButtonFontInverseOutlineDark = \\"#ffffff\\";
+export const SplitButtonFontInverseTransparentLight = \\"#151515\\";
+export const SplitButtonFontInverseTransparentDark = \\"#ffffff\\";
+export const SplitButtonFontNeutralSolidLight = \\"#151515\\";
+export const SplitButtonFontNeutralSolidDark = \\"#ffffff\\";
+export const SplitButtonFontNeutralOutlineFillLight = \\"#151515\\";
+export const SplitButtonFontNeutralOutlineFillDark = \\"#ffffff\\";
+export const SplitButtonFontNeutralOutlineLight = \\"#151515\\";
+export const SplitButtonFontNeutralOutlineDark = \\"#ffffff\\";
+export const SplitButtonFontNeutralTransparentLight = \\"#151515\\";
+export const SplitButtonFontNeutralTransparentDark = \\"#ffffff\\";
+export const SplitButtonFontDangerSolidLight = \\"#ffffff\\";
+export const SplitButtonFontDangerSolidDark = \\"#151515\\";
+export const SplitButtonFontDangerOutlineFillLight = \\"#d83020\\";
+export const SplitButtonFontDangerOutlineFillDark = \\"#FE583E\\";
+export const SplitButtonFontDangerOutlineLight = \\"#d83020\\";
+export const SplitButtonFontDangerOutlineDark = \\"#FE583E\\";
+export const SplitButtonFontDangerTransparentLight = \\"#d83020\\";
+export const SplitButtonFontDangerTransparentDark = \\"#FE583E\\";
+export const SplitButtonIconBrandSolidLight = \\"#ffffff\\";
+export const SplitButtonIconBrandSolidDark = \\"#2b2b2b\\";
+export const SplitButtonIconBrandOutlineFillLight = \\"#007ac2\\";
+export const SplitButtonIconBrandOutlineFillDark = \\"#009af2\\";
+export const SplitButtonIconBrandOutlineLight = \\"#007ac2\\";
+export const SplitButtonIconBrandOutlineDark = \\"#009af2\\";
+export const SplitButtonIconBrandTransparentLight = \\"#007ac2\\";
+export const SplitButtonIconBrandTransparentDark = \\"#009af2\\";
+export const SplitButtonIconInverseSolidLight = \\"#ffffff\\";
+export const SplitButtonIconInverseSolidDark = \\"#151515\\";
+export const SplitButtonIconInverseOutlineFillLight = \\"#151515\\";
+export const SplitButtonIconInverseOutlineFillDark = \\"#ffffff\\";
+export const SplitButtonIconInverseOutlineLight = \\"#151515\\";
+export const SplitButtonIconInverseOutlineDark = \\"#ffffff\\";
+export const SplitButtonIconInverseTransparentLight = \\"#151515\\";
+export const SplitButtonIconInverseTransparentDark = \\"#ffffff\\";
+export const SplitButtonIconNeutralSolidLight = \\"#151515\\";
+export const SplitButtonIconNeutralSolidDark = \\"#ffffff\\";
+export const SplitButtonIconNeutralOutlineFillLight = \\"#151515\\";
+export const SplitButtonIconNeutralOutlineFillDark = \\"#ffffff\\";
+export const SplitButtonIconNeutralOutlineLight = \\"#151515\\";
+export const SplitButtonIconNeutralOutlineDark = \\"#ffffff\\";
+export const SplitButtonIconNeutralTransparentLight = \\"#151515\\";
+export const SplitButtonIconNeutralTransparentDark = \\"#ffffff\\";
+export const SplitButtonIconDangerSolidLight = \\"#ffffff\\";
+export const SplitButtonIconDangerSolidDark = \\"#2b2b2b\\";
+export const SplitButtonIconDangerOutlineFillLight = \\"#d83020\\";
+export const SplitButtonIconDangerOutlineFillDark = \\"#FE583E\\";
+export const SplitButtonIconDangerOutlineLight = \\"#d83020\\";
+export const SplitButtonIconDangerOutlineDark = \\"#FE583E\\";
+export const SplitButtonIconDangerTransparentLight = \\"#d83020\\";
+export const SplitButtonIconDangerTransparentDark = \\"#FE583E\\";
+export const SplitButtonBorderBrandOutlineFillLight = \\"#007ac2\\";
+export const SplitButtonBorderBrandOutlineFillDark = \\"#009af2\\";
+export const SplitButtonBorderBrandOutlineLight = \\"#007ac2\\";
+export const SplitButtonBorderBrandOutlineDark = \\"#009af2\\";
+export const SplitButtonBorderInverseOutlineFillLight = \\"#353535\\";
+export const SplitButtonBorderInverseOutlineFillDark = \\"#f8f8f8\\";
+export const SplitButtonBorderInverseOutlineLight = \\"#353535\\";
+export const SplitButtonBorderInverseOutlineDark = \\"#f8f8f8\\";
+export const SplitButtonBorderNeutralOutlineFillLight = \\"#353535\\";
+export const SplitButtonBorderNeutralOutlineFillDark = \\"#f8f8f8\\";
+export const SplitButtonBorderNeutralOutlineLight = \\"#353535\\";
+export const SplitButtonBorderNeutralOutlineDark = \\"#f8f8f8\\";
+export const SplitButtonBorderDangerOutlineFillLight = \\"#d83020\\";
+export const SplitButtonBorderDangerOutlineFillDark = \\"#FE583E\\";
+export const SplitButtonBorderDangerOutlineLight = \\"#d83020\\";
+export const SplitButtonBorderDangerOutlineDark = \\"#FE583E\\";
+export const SplitButtonBackgroundBrandSolidLight = \\"#007ac2\\";
+export const SplitButtonBackgroundBrandSolidDark = \\"#009af2\\";
+export const SplitButtonBackgroundBrandOutlineFillLight = \\"#ffffff\\";
+export const SplitButtonBackgroundBrandOutlineFillDark = \\"#2b2b2b\\";
+export const SplitButtonBackgroundInverseSolidLight = \\"#353535\\";
+export const SplitButtonBackgroundInverseSolidDark = \\"#f8f8f8\\";
+export const SplitButtonBackgroundInverseOutlineFillLight = \\"#ffffff\\";
+export const SplitButtonBackgroundInverseOutlineFillDark = \\"#2b2b2b\\";
+export const SplitButtonBackgroundNeutralSolidLight = \\"#eaeaea\\";
+export const SplitButtonBackgroundNeutralSolidDark = \\"#151515\\";
+export const SplitButtonBackgroundNeutralOutlineFillLight = \\"#ffffff\\";
+export const SplitButtonBackgroundNeutralOutlineFillDark = \\"#2b2b2b\\";
+export const SplitButtonBackgroundDangerSolidLight = \\"#d83020\\";
+export const SplitButtonBackgroundDangerSolidDark = \\"#FE583E\\";
+export const SplitButtonBackgroundDangerOutlineFillLight = \\"#ffffff\\";
+export const SplitButtonBackgroundDangerOutlineFillDark = \\"#2b2b2b\\";
+export const SplitButtonBorderRadiusSm = \\"0px\\";
+export const SplitButtonBorderRadiusMd = \\"0px\\";
+export const SplitButtonBorderRadiusLg = \\"0px\\";
+export const SplitButtonBorderWidthSm = \\"1px\\";
+export const SplitButtonBorderWidthMd = \\"1px\\";
+export const SplitButtonBorderWidthLg = \\"1px\\";
+export const SplitButtonCompSizeSm = \\"24px\\";
+export const SplitButtonCompSizeMd = \\"32px\\";
+export const SplitButtonCompSizeLg = \\"44px\\";
+export const SplitButtonIconSizeSm = \\"16px\\";
+export const SplitButtonIconSizeMd = \\"16px\\";
+export const SplitButtonIconSizeLg = \\"24px\\";
+export const SplitButtonSpaceBetweenSm = \\"8px\\";
+export const SplitButtonSpaceBetweenMd = \\"12px\\";
+export const SplitButtonSpaceBetweenLg = \\"16px\\";
+export const SplitButtonSpaceAroundContentLeftRightSm = \\"8px\\";
+export const SplitButtonSpaceAroundContentLeftRightMd = \\"12px\\";
+export const SplitButtonSpaceAroundContentLeftRightLg = \\"16px\\";
+export const SplitButtonSpaceAroundContentTopBottomSm = \\"4px\\";
+export const SplitButtonSpaceAroundContentTopBottomMd = \\"8px\\";
+export const SplitButtonSpaceAroundContentTopBottomLg = \\"10px\\";
+export const SplitButtonSpaceAroundDropdownSm = \\"4px\\";
+export const SplitButtonSpaceAroundDropdownMd = \\"8px\\";
+export const SplitButtonSpaceAroundDropdownLg = \\"10px\\";
+export const SplitButtonSpaceAroundDividerSolidTopBottom = \\"4px\\";
+export const SplitButtonDividerBrandSolidLight = \\"#ffffff\\";
+export const SplitButtonDividerBrandSolidDark = \\"#2b2b2b\\";
+export const SplitButtonDividerBrandOutlineFillLight = \\"#007ac2\\";
+export const SplitButtonDividerBrandOutlineFillDark = \\"#009af2\\";
+export const SplitButtonDividerBrandOutlineLight = \\"#007ac2\\";
+export const SplitButtonDividerBrandOutlineDark = \\"#009af2\\";
+export const SplitButtonDividerBrandTransparentLight = \\"#007ac2\\";
+export const SplitButtonDividerBrandTransparentDark = \\"#009af2\\";
+export const SplitButtonDividerInverseSolidLight = \\"#ffffff\\";
+export const SplitButtonDividerInverseSolidDark = \\"#2b2b2b\\";
+export const SplitButtonDividerInverseOutlineFillLight = \\"#353535\\";
+export const SplitButtonDividerInverseOutlineFillDark = \\"#f8f8f8\\";
+export const SplitButtonDividerInverseOutlineLight = \\"#353535\\";
+export const SplitButtonDividerInverseOutlineDark = \\"#f8f8f8\\";
+export const SplitButtonDividerInverseTransparentLight = \\"#353535\\";
+export const SplitButtonDividerInverseTransparentDark = \\"#f8f8f8\\";
+export const SplitButtonDividerNeutralSolidLight = \\"#151515\\";
+export const SplitButtonDividerNeutralSolidDark = \\"#ffffff\\";
+export const SplitButtonDividerNeutralOutlineFillLight = \\"#eaeaea\\";
+export const SplitButtonDividerNeutralOutlineFillDark = \\"#151515\\";
+export const SplitButtonDividerNeutralOutlineLight = \\"#eaeaea\\";
+export const SplitButtonDividerNeutralOutlineDark = \\"#151515\\";
+export const SplitButtonDividerNeutralTransparentLight = \\"#eaeaea\\";
+export const SplitButtonDividerNeutralTransparentDark = \\"#151515\\";
+export const SplitButtonDividerDangerSolidLight = \\"#d83020\\";
+export const SplitButtonDividerDangerSolidDark = \\"#FE583E\\";
+export const SplitButtonDividerDangerOutlineFillLight = \\"#d83020\\";
+export const SplitButtonDividerDangerOutlineFillDark = \\"#FE583E\\";
+export const SplitButtonDividerDangerOutlineLight = \\"#d83020\\";
+export const SplitButtonDividerDangerOutlineDark = \\"#FE583E\\";
+export const SplitButtonDividerDangerTransparentLight = \\"#d83020\\";
+export const SplitButtonDividerDangerTransparentDark = \\"#FE583E\\";
+export const StepperItemFontHeadingDefaultLight = \\"#4a4a4a\\";
+export const StepperItemFontHeadingDefaultDark = \\"#bfbfbf\\";
+export const StepperItemFontHeadingActiveLight = \\"#151515\\";
+export const StepperItemFontHeadingActiveDark = \\"#ffffff\\";
+export const StepperItemFontHeadingErrorLight = \\"#4a4a4a\\";
+export const StepperItemFontHeadingErrorDark = \\"#ffffff\\";
+export const StepperItemFontHeadingCompleteLight = \\"#4a4a4a\\";
+export const StepperItemFontHeadingCompleteDark = \\"#bfbfbf\\";
+export const StepperItemFontDescriptionDefaultLight = \\"#6a6a6a\\";
+export const StepperItemFontDescriptionDefaultDark = \\"#bfbfbf\\";
+export const StepperItemFontDescriptionActiveLight = \\"#4a4a4a\\";
+export const StepperItemFontDescriptionActiveDark = \\"#ffffff\\";
+export const StepperItemFontDescriptionErrorLight = \\"#6a6a6a\\";
+export const StepperItemFontDescriptionErrorDark = \\"#ffffff\\";
+export const StepperItemFontDescriptionCompleteLight = \\"#6a6a6a\\";
+export const StepperItemFontDescriptionCompleteDark = \\"#bfbfbf\\";
+export const StepperItemFontContextDefaultLight = \\"#6a6a6a\\";
+export const StepperItemFontContextDefaultDark = \\"#bfbfbf\\";
+export const StepperItemFontContextActiveLight = \\"#4a4a4a\\";
+export const StepperItemFontContextActiveDark = \\"#ffffff\\";
+export const StepperItemFontContextErrorLight = \\"#6a6a6a\\";
+export const StepperItemFontContextErrorDark = \\"#ffffff\\";
+export const StepperItemFontContextCompleteLight = \\"#6a6a6a\\";
+export const StepperItemFontContextCompleteDark = \\"#bfbfbf\\";
+export const StepperItemIconDefaultLight = \\"#dfdfdf\\";
+export const StepperItemIconDefaultDark = \\"#404040\\";
+export const StepperItemIconActiveLight = \\"#007ac2\\";
+export const StepperItemIconActiveDark = \\"#009af2\\";
+export const StepperItemIconErrorLight = \\"#d83020\\";
+export const StepperItemIconErrorDark = \\"#FE583E\\";
+export const StepperItemBorderDefaultLight = \\"#dfdfdf\\";
+export const StepperItemBorderDefaultDark = \\"#404040\\";
+export const StepperItemBorderActiveLight = \\"#007ac2\\";
+export const StepperItemBorderActiveDark = \\"#009af2\\";
+export const StepperItemBorderErrorLight = \\"#d83020\\";
+export const StepperItemBorderErrorDark = \\"#FE583E\\";
+export const StepperItemBackgroundDefaultLight = \\"#f8f8f8\\";
+export const StepperItemBackgroundDefaultDark = \\"#353535\\";
+export const StepperItemForegroundLight = \\"#f3f3f3\\";
+export const StepperItemForegroundDark = \\"#202020\\";
+export const StepperItemBorderRadiusSm = \\"12px\\";
+export const StepperItemBorderRadiusMd = \\"16px\\";
+export const StepperItemBorderRadiusLg = \\"24px\\";
+export const StepperItemBorderWidthSm = \\"2px\\";
+export const StepperItemBorderWidthMd = \\"2px\\";
+export const StepperItemBorderWidthLg = \\"2px\\";
+export const StepperItemCompSizeSm = \\"24px\\";
+export const StepperItemCompSizeMd = \\"32px\\";
+export const StepperItemCompSizeLg = \\"44px\\";
+export const StepperItemIconSizeSm = \\"16px\\";
+export const StepperItemIconSizeMd = \\"16px\\";
+export const StepperItemIconSizeLg = \\"16px\\";
+export const StepperItemSpaceBetweenSm = \\"12px\\";
+export const StepperItemSpaceBetweenMd = \\"16px\\";
+export const StepperItemSpaceBetweenLg = \\"44px\\";
+export const StepperItemSpaceAroundLeftSm = \\"0px\\";
+export const StepperItemSpaceAroundLeftMd = \\"0px\\";
+export const StepperItemSpaceAroundLeftLg = \\"0px\\";
+export const StepperItemSpaceAroundRightSm = \\"12px\\";
+export const StepperItemSpaceAroundRightMd = \\"16px\\";
+export const StepperItemSpaceAroundRightLg = \\"20px\\";
+export const StepperItemSpaceAroundTopBottomSm = \\"16px\\";
+export const StepperItemSpaceAroundTopBottomMd = \\"20px\\";
+export const StepperItemSpaceAroundTopBottomLg = \\"24px\\";
+export const StepperItemDisabled = \\"50%\\";
+export const StepperFontLight = \\"#6a6a6a\\";
+export const StepperFontDark = \\"#9f9f9f\\";
+export const StepperIconLight = \\"#6a6a6a\\";
+export const StepperIconDark = \\"#9f9f9f\\";
+export const StepperBorderLight = \\"#cacaca\\";
+export const StepperBorderDark = \\"#555555\\";
+export const StepperBackgroundDefaultLight = \\"#f8f8f8\\";
+export const StepperBackgroundDefaultDark = \\"#353535\\";
+export const StepperForegroundLight = \\"#f3f3f3\\";
+export const StepperForegroundDark = \\"#202020\\";
+export const StepperBorderRadiusSm = \\"12px\\";
+export const StepperBorderRadiusMd = \\"16px\\";
+export const StepperBorderRadiusLg = \\"24px\\";
+export const StepperBorderWidthSm = \\"2px\\";
+export const StepperBorderWidthMd = \\"4px\\";
+export const StepperBorderWidthLg = \\"8px\\";
+export const StepperCompSizeSm = \\"24px\\";
+export const StepperCompSizeMd = \\"32px\\";
+export const StepperCompSizeLg = \\"44px\\";
+export const StepperIconSizeSm = \\"16px\\";
+export const StepperIconSizeMd = \\"24px\\";
+export const StepperIconSizeLg = \\"32px\\";
+export const StepperSpaceBetweenSm = \\"24px\\";
+export const StepperSpaceBetweenMd = \\"32px\\";
+export const StepperSpaceBetweenLg = \\"44px\\";
+export const StepperSpaceAroundSm = \\"16px\\";
+export const StepperSpaceAroundMd = \\"24px\\";
+export const StepperSpaceAroundLg = \\"32px\\";
+export const SwitchBackgroundDefaultLight = \\"#f3f3f3\\";
+export const SwitchBackgroundDefaultDark = \\"#202020\\";
+export const SwitchBackgroundCheckedLight = \\"#007ac2\\";
+export const SwitchBackgroundCheckedDark = \\"#009af2\\";
+export const SwitchBorderRadiusSm = \\"9999px\\";
+export const SwitchBorderRadiusMd = \\"9999px\\";
+export const SwitchBorderRadiusLg = \\"9999px\\";
+export const SwitchCompSizeSm = \\"24px\\";
+export const SwitchCompSizeMd = \\"32px\\";
+export const SwitchCompSizeLg = \\"48px\\";
+export const SwitchHandleSizeSm = \\"12px\\";
+export const SwitchHandleSizeMd = \\"16px\\";
+export const SwitchHandleSizeLg = \\"24px\\";
+export const SwitchBorderDefaultLight = \\"#cacaca\\";
+export const SwitchBorderDefaultDark = \\"#555555\\";
+export const SwitchBorderCheckedLight = \\"#00619b\\";
+export const SwitchBorderCheckedDark = \\"#007ac2\\";
+export const SwitchHandleBackgroundDefaultLight = \\"#ffffff\\";
+export const SwitchHandleBackgroundDefaultDark = \\"#2b2b2b\\";
+export const SwitchHandleBackgroundCheckedLight = \\"#ffffff\\";
+export const SwitchHandleBackgroundCheckedDark = \\"#2b2b2b\\";
+export const SwitchHandleBorderDefaultLight = \\"#949494\\";
+export const SwitchHandleBorderDefaultDark = \\"#757575\\";
+export const SwitchHandleBorderCheckedLight = \\"#007ac2\\";
+export const SwitchHandleBorderCheckedDark = \\"#009af2\\";
+export const SwitchHandleBorderRadiusSm = \\"50%\\";
+export const SwitchHandleBorderRadiusMd = \\"50%\\";
+export const SwitchHandleBorderRadiusLg = \\"50%\\";
+export const SwitchHandleBorderWidthSm = \\"2px\\";
+export const SwitchHandleBorderWidthMd = \\"2px\\";
+export const SwitchHandleBorderWidthLg = \\"2px\\";
+export const SwitchBorderWidthSm = \\"1px\\";
+export const SwitchBorderWidthMd = \\"1px\\";
+export const SwitchBorderWidthLg = \\"1px\\";
+export const TabTitleFontDefaultLight = \\"#6a6a6a\\";
+export const TabTitleFontDefaultDark = \\"#9f9f9f\\";
+export const TabTitleFontActiveLight = \\"#151515\\";
+export const TabTitleFontActiveDark = \\"#ffffff\\";
+export const TabTitleIconDefaultLight = \\"#6a6a6a\\";
+export const TabTitleIconDefaultDark = \\"#9f9f9f\\";
+export const TabTitleIconActiveLight = \\"#151515\\";
+export const TabTitleIconActiveDark = \\"#ffffff\\";
+export const TabTitleBorderedBorderLight = \\"#dfdfdf\\";
+export const TabTitleBorderedBorderDark = \\"#404040\\";
+export const TabTitleBorderedBackgroundDefaultLight = \\"#ffffff\\";
+export const TabTitleBorderedBackgroundDefaultDark = \\"#353535\\";
+export const TabTitleBorderedSpaceAroundLeftRightSm = \\"12px\\";
+export const TabTitleBorderedSpaceAroundLeftRightMd = \\"12px\\";
+export const TabTitleBorderedSpaceAroundLeftRightLg = \\"16px\\";
+export const TabTitleBorderedSpaceAroundTopBottomSm = \\"4px\\";
+export const TabTitleBorderedSpaceAroundTopBottomMd = \\"8px\\";
+export const TabTitleBorderedSpaceAroundTopBottomLg = \\"10px\\";
+export const TabTitleBorderRadiusSm = \\"0px\\";
+export const TabTitleBorderRadiusMd = \\"0px\\";
+export const TabTitleBorderRadiusLg = \\"0px\\";
+export const TabTitleBorderWidthSm = \\"1px\\";
+export const TabTitleBorderWidthMd = \\"1px\\";
+export const TabTitleBorderWidthLg = \\"1px\\";
+export const TabTitleBorderWidthActiveSm = \\"2px\\";
+export const TabTitleBorderWidthActiveMd = \\"2px\\";
+export const TabTitleBorderWidthActiveLg = \\"2px\\";
+export const TabTitleIconSizeSm = \\"16px\\";
+export const TabTitleIconSizeMd = \\"16px\\";
+export const TabTitleIconSizeLg = \\"24px\\";
+export const TabTitleSpaceBetweenSm = \\"8px\\";
+export const TabTitleSpaceBetweenMd = \\"8px\\";
+export const TabTitleSpaceBetweenLg = \\"8px\\";
+export const TabTitleDefaultSpaceAroundLeftRightSm = \\"4px\\";
+export const TabTitleDefaultSpaceAroundLeftRightMd = \\"4px\\";
+export const TabTitleDefaultSpaceAroundLeftRightLg = \\"4px\\";
+export const TabTitleDefaultSpaceAroundTopBottomSm = \\"4px\\";
+export const TabTitleDefaultSpaceAroundTopBottomMd = \\"8px\\";
+export const TabTitleDefaultSpaceAroundTopBottomLg = \\"10px\\";
+export const TabTitleBorderActiveLight = \\"#007ac2\\";
+export const TabTitleBorderActiveDark = \\"#009af2\\";
+export const TabsFontDefaultLight = \\"#6a6a6a\\";
+export const TabsFontDefaultDark = \\"#9f9f9f\\";
+export const TabsFontActiveLight = \\"#151515\\";
+export const TabsFontActiveDark = \\"#ffffff\\";
+export const TabsIconDefaultLight = \\"#6a6a6a\\";
+export const TabsIconDefaultDark = \\"#9f9f9f\\";
+export const TabsIconActiveLight = \\"#151515\\";
+export const TabsIconActiveDark = \\"#ffffff\\";
+export const TabsBorderedBorderLight = \\"#dfdfdf\\";
+export const TabsBorderedBorderDark = \\"#404040\\";
+export const TabsBorderedBackgroundDefaultLight = \\"#ffffff\\";
+export const TabsBorderedBackgroundDefaultDark = \\"#2b2b2b\\";
+export const TabsBorderedSpaceAroundLeftRightSm = \\"12px\\";
+export const TabsBorderedSpaceAroundLeftRightMd = \\"12px\\";
+export const TabsBorderedSpaceAroundLeftRightLg = \\"16px\\";
+export const TabsBorderedSpaceAroundTopBottomSm = \\"16px\\";
+export const TabsBorderedSpaceAroundTopBottomMd = \\"16px\\";
+export const TabsBorderedSpaceAroundTopBottomLg = \\"28px\\";
+export const TabsBorderedBorderRadiusSm = \\"0px\\";
+export const TabsBorderedBorderRadiusMd = \\"0px\\";
+export const TabsBorderedBorderRadiusLg = \\"0px\\";
+export const TabsBorderedSpaceBetweenSm = \\"0px\\";
+export const TabsBorderedSpaceBetweenMd = \\"0px\\";
+export const TabsBorderedSpaceBetweenLg = \\"0px\\";
+export const TabsBorderWidthSm = \\"1px\\";
+export const TabsBorderWidthMd = \\"1px\\";
+export const TabsBorderWidthLg = \\"1px\\";
+export const TabsBorderWidthActiveSm = \\"2px\\";
+export const TabsBorderWidthActiveMd = \\"2px\\";
+export const TabsBorderWidthActiveLg = \\"2px\\";
+export const TabsIconSizeSm = \\"16px\\";
+export const TabsIconSizeMd = \\"16px\\";
+export const TabsIconSizeLg = \\"24px\\";
+export const TabsDefaultSpaceAroundLeftRightSm = \\"0px\\";
+export const TabsDefaultSpaceAroundLeftRightMd = \\"0px\\";
+export const TabsDefaultSpaceAroundLeftRightLg = \\"0px\\";
+export const TabsDefaultSpaceAroundTopBottomSm = \\"4px\\";
+export const TabsDefaultSpaceAroundTopBottomMd = \\"8px\\";
+export const TabsDefaultSpaceAroundTopBottomLg = \\"12px\\";
+export const TabsDefaultSpaceBetweenSm = \\"16px\\";
+export const TabsDefaultSpaceBetweenMd = \\"20px\\";
+export const TabsDefaultSpaceBetweenLg = \\"24px\\";
+export const TabsBorderActiveLight = \\"#007ac2\\";
+export const TabsBorderActiveDark = \\"#009af2\\";
+export const TextareaFontPlaceholderValueLight = \\"#151515\\";
+export const TextareaFontPlaceholderValueDark = \\"#ffffff\\";
+export const TextareaFontLabelLight = \\"#151515\\";
+export const TextareaFontLabelDark = \\"#ffffff\\";
+export const TextareaFontChatLimitLight = \\"#4a4a4a\\";
+export const TextareaFontChatLimitDark = \\"#bfbfbf\\";
+export const TextareaIconLight = \\"#6a6a6a\\";
+export const TextareaIconDark = \\"#9f9f9f\\";
+export const TextareaBorderLight = \\"#949494\\";
+export const TextareaBorderDark = \\"#757575\\";
+export const TextareaBackgroundDefaultLight = \\"#ffffff\\";
+export const TextareaBackgroundDefaultDark = \\"#2b2b2b\\";
+export const TextareaBackgroundReadOnlyLight = \\"#f8f8f8\\";
+export const TextareaBackgroundReadOnlyDark = \\"#353535\\";
+export const TextareaBorderRadiusSm = \\"0px\\";
+export const TextareaBorderRadiusMd = \\"0px\\";
+export const TextareaBorderRadiusLg = \\"0px\\";
+export const TextareaBorderWidthSm = \\"1px\\";
+export const TextareaBorderWidthMd = \\"1px\\";
+export const TextareaBorderWidthLg = \\"1px\\";
+export const TextareaIconSizeSm = \\"16px\\";
+export const TextareaIconSizeMd = \\"16px\\";
+export const TextareaIconSizeLg = \\"16px\\";
+export const TextareaSpaceAroundLeftRightSm = \\"8px\\";
+export const TextareaSpaceAroundLeftRightMd = \\"12px\\";
+export const TextareaSpaceAroundLeftRightLg = \\"16px\\";
+export const TextareaSpaceAroundTopBottomSm = \\"4px\\";
+export const TextareaSpaceAroundTopBottomMd = \\"8px\\";
+export const TextareaSpaceAroundTopBottomLg = \\"12px\\";
+export const TipFontHeadingLight = \\"#151515\\";
+export const TipFontHeadingDark = \\"#ffffff\\";
+export const TipFontDescriptionLight = \\"#4a4a4a\\";
+export const TipFontDescriptionDark = \\"#bfbfbf\\";
+export const TipIconLight = \\"#6a6a6a\\";
+export const TipIconDark = \\"#9f9f9f\\";
+export const TipBackgroundDefaultLight = \\"#ffffff\\";
+export const TipBackgroundDefaultDark = \\"#2b2b2b\\";
+export const TipBorderRadiusMd = \\"0px\\";
+export const TipIconSizeMd = \\"24px\\";
+export const TipBorderDefaultLight = \\"#d4d4d4\\";
+export const TipBorderDefaultDark = \\"#4a4a4a\\";
+export const TipDefaultSpaceBetweenMd = \\"8px\\";
+export const TipDefaultSpaceAroundMd = \\"16px\\";
+export const TipSelectedSpaceBetweenMd = \\"8px\\";
+export const TipSelectedSpaceAroundMd = \\"0px\\";
+export const TipBorderWidthMd = \\"1px\\";
+export const TooltipSpaceArroundTopBottom = \\"12px\\";
+export const TooltipSpaceArroundLeftRight = \\"16px\\";
+export const TooltipForegroundLight = \\"#ffffff\\";
+export const TooltipForegroundDark = \\"#2b2b2b\\";
+export const TooltipFontLight = \\"#151515\\";
+export const TooltipFontDark = \\"#ffffff\\";
+export const TooltipBorderLight = \\"#dfdfdf\\";
+export const TooltipBorderDark = \\"#404040\\";
+export const TooltipBorderRadius = \\"4px\\";
+export const TooltipBorderWidth = \\"1px\\";
+export const TooltipArrowWidth = \\"14px\\";
+export const TooltipArrowHeight = \\"6px\\";
+export const TreeItemFontDefaultLight = \\"#6a6a6a\\";
+export const TreeItemFontDefaultDark = \\"#9f9f9f\\";
+export const TreeItemFontSelectedLight = \\"#151515\\";
+export const TreeItemFontSelectedDark = \\"#ffffff\\";
+export const TreeItemFontChildrenSelectedLight = \\"#007ac2\\";
+export const TreeItemFontChildrenSelectedDark = \\"#009af2\\";
+export const TreeItemIconDefaultLight = \\"#6a6a6a\\";
+export const TreeItemIconDefaultDark = \\"#9f9f9f\\";
+export const TreeItemIconSelectedLight = \\"#007ac2\\";
+export const TreeItemIconSelectedDark = \\"#009af2\\";
+export const TreeItemBorderLight = \\"#cacaca\\";
+export const TreeItemBorderDark = \\"#555555\\";
+export const TreeItemBorderRadiusSm = \\"12px\\";
+export const TreeItemBorderRadiusMd = \\"16px\\";
+export const TreeItemBorderRadiusLg = \\"24px\\";
+export const TreeItemBorderWidthSm = \\"2px\\";
+export const TreeItemBorderWidthMd = \\"4px\\";
+export const TreeItemBorderWidthLg = \\"8px\\";
+export const TreeItemCompSizeSm = \\"24px\\";
+export const TreeItemCompSizeMd = \\"32px\\";
+export const TreeItemCompSizeLg = \\"44px\\";
+export const TreeItemIconSizeSm = \\"16px\\";
+export const TreeItemIconSizeMd = \\"24px\\";
+export const TreeItemIconSizeLg = \\"32px\\";
+export const TreeItemSpaceBetweenSm = \\"24px\\";
+export const TreeItemSpaceBetweenMd = \\"32px\\";
+export const TreeItemSpaceBetweenLg = \\"44px\\";
+export const TreeItemSpaceAroundSm = \\"4px\\";
+export const TreeItemSpaceAroundMd = \\"8px\\";
+export const TreeItemSpaceAroundLg = \\"12px\\";
+export const CoreFontFontFamilyPrimary = \\"Avenir Next LT Pro\\";
+export const CoreFontFontFamilySecondary = \\"Avenir Next World\\";
+export const CoreFontFontFamilyCode = \\"Monaco\\";
+export const CoreFontFontWeightUltralight = \\"UltraLight\\";
+export const CoreFontFontWeightThin = \\"Thin\\";
+export const CoreFontFontWeightLight = \\"Light\\";
+export const CoreFontFontWeightRegular = \\"Regular\\";
+export const CoreFontFontWeightMedium = \\"Medium\\";
+export const CoreFontFontWeightMediumItalic = \\"Medium Italic\\";
+export const CoreFontFontWeightDemi = \\"Demi\\";
+export const CoreFontFontWeightBold = \\"Bold\\";
+export const CoreFontFontWeightExtrabold = \\"ExtraBold\\";
+export const CoreFontFontWeightBlack = \\"Black\\";
+export const CoreFontFontWeightHeavy = \\"Heavy\\";
+export const CoreFontLineHeightFixed0 = \\"12px\\";
+export const CoreFontLineHeightFixed1 = \\"16px\\";
+export const CoreFontLineHeightFixed2 = \\"20px\\";
+export const CoreFontLineHeightFixed3 = \\"24px\\";
+export const CoreFontLineHeightFixed4 = \\"28px\\";
+export const CoreFontLineHeightFixed5 = \\"32px\\";
+export const CoreFontLineHeightFixed6 = \\"36px\\";
+export const CoreFontLineHeightFixed7 = \\"40px\\";
+export const CoreFontLineHeightFixed8 = \\"48px\\";
+export const CoreFontLineHeightFixed9 = \\"56px\\";
+export const CoreFontLineHeightFixed10 = \\"64px\\";
+export const CoreFontLineHeightFixed11 = \\"72px\\";
+export const CoreFontLineHeightFixed12 = \\"80px\\";
+export const CoreFontLineHeightRelativeDefault = \\"auto\\";
+export const CoreFontLineHeightRelativeTight = \\"125%\\";
+export const CoreFontLineHeightRelativeSnug = \\"137.5%\\";
+export const CoreFontLineHeightRelativeNormal = \\"150%\\";
+export const CoreFontLineHeightRelativeRelaxed = \\"162.5%\\";
+export const CoreFontLineHeightRelativeLoose = \\"200%\\";
+export const CoreFontFontSize0 = \\"10px\\";
+export const CoreFontFontSize1 = \\"12px\\";
+export const CoreFontFontSize2 = \\"14px\\";
+export const CoreFontFontSize3 = \\"16px\\";
+export const CoreFontFontSize4 = \\"18px\\";
+export const CoreFontFontSize5 = \\"20px\\";
+export const CoreFontFontSize6 = \\"24px\\";
+export const CoreFontFontSize7 = \\"32px\\";
+export const CoreFontFontSize8 = \\"40px\\";
+export const CoreFontFontSize9 = \\"48px\\";
+export const CoreFontFontSize10 = \\"56px\\";
+export const CoreFontFontSize11 = \\"64px\\";
+export const CoreFontFontSize12 = \\"72px\\";
+export const CoreFontFontSize13 = \\"80px\\";
+export const CoreFontFontSize14 = \\"96px\\";
+export const CoreFontFontSize15 = \\"120px\\";
+export const CoreFontLetterSpacingTight = \\"-0.4px\\";
+export const CoreFontLetterSpacingNormal = \\"0px\\";
+export const CoreFontLetterSpacingWide = \\"0.4px\\";
+export const CoreFontParagraphSpacingNormal = \\"10px\\";
+export const CoreFontTextDecorationNone = \\"none\\";
+export const CoreFontTextDecorationUnderline = \\"underline\\";
+export const CoreFontTextCaseNone = \\"none\\";
+export const CoreFontTextCaseUppercase = \\"uppercase\\";
+export const CoreFontTextCaseLowercase = \\"lowercase\\";
+export const CoreFontTextCaseCapitalize = \\"capitalize\\";
+export const CoreBorderBorderRadius0 = \\"2px\\";
+export const CoreBorderBorderRadius1 = \\"4px\\";
+export const CoreBorderBorderRadius2 = \\"6px\\";
+export const CoreBorderBorderRadius3 = \\"8px\\";
+export const CoreBorderBorderRadius4 = \\"12px\\";
+export const CoreBorderBorderRadius5 = \\"16px\\";
+export const CoreBorderBorderRadius6 = \\"24px\\";
+export const CoreBorderBorderRadiusNone = \\"0px\\";
+export const CoreBorderBorderRadiusHalf = \\"50%\\";
+export const CoreBorderBorderRadiusFull = \\"9999px\\";
+export const CoreBorderBorderWidth0 = \\"1px\\";
+export const CoreBorderBorderWidth1 = \\"2px\\";
+export const CoreBorderBorderWidth2 = \\"4px\\";
+export const CoreBorderBorderWidth3 = \\"6px\\";
+export const CoreBorderBorderWidth4 = \\"8px\\";
+export const CoreBorderBorderWidthNone = \\"0px\\";
+export const CoreOpacity0 = \\"0%\\";
+export const CoreOpacity4 = \\"4%\\";
+export const CoreOpacity8 = \\"8%\\";
+export const CoreOpacity10 = \\"10%\\";
+export const CoreOpacity20 = \\"20%\\";
+export const CoreOpacity30 = \\"30%\\";
+export const CoreOpacity40 = \\"40%\\";
+export const CoreOpacity50 = \\"50%\\";
+export const CoreOpacity60 = \\"60%\\";
+export const CoreOpacity70 = \\"70%\\";
+export const CoreOpacity80 = \\"80%\\";
+export const CoreOpacity85 = \\"85%\\";
+export const CoreOpacity90 = \\"90%\\";
+export const CoreOpacity92 = \\"92%\\";
+export const CoreOpacity96 = \\"96%\\";
+export const CoreOpacity100 = \\"100%\\";
+export const CoreColorNeutralBlk000 = \\"#ffffff\\";
+export const CoreColorNeutralBlk005 = \\"#f8f8f8\\";
+export const CoreColorNeutralBlk010 = \\"#f3f3f3\\";
+export const CoreColorNeutralBlk020 = \\"#eaeaea\\";
+export const CoreColorNeutralBlk030 = \\"#dfdfdf\\";
+export const CoreColorNeutralBlk040 = \\"#d4d4d4\\";
+export const CoreColorNeutralBlk050 = \\"#cacaca\\";
+export const CoreColorNeutralBlk060 = \\"#bfbfbf\\";
+export const CoreColorNeutralBlk070 = \\"#b5b5b5\\";
+export const CoreColorNeutralBlk080 = \\"#aaaaaa\\";
+export const CoreColorNeutralBlk090 = \\"#9f9f9f\\";
+export const CoreColorNeutralBlk100 = \\"#949494\\";
+export const CoreColorNeutralBlk110 = \\"#8a8a8a\\";
+export const CoreColorNeutralBlk120 = \\"#808080\\";
+export const CoreColorNeutralBlk130 = \\"#757575\\";
+export const CoreColorNeutralBlk140 = \\"#6a6a6a\\";
+export const CoreColorNeutralBlk150 = \\"#606060\\";
+export const CoreColorNeutralBlk160 = \\"#555555\\";
+export const CoreColorNeutralBlk170 = \\"#4a4a4a\\";
+export const CoreColorNeutralBlk180 = \\"#404040\\";
+export const CoreColorNeutralBlk190 = \\"#353535\\";
+export const CoreColorNeutralBlk200 = \\"#2b2b2b\\";
+export const CoreColorNeutralBlk210 = \\"#202020\\";
+export const CoreColorNeutralBlk220 = \\"#151515\\";
+export const CoreColorNeutralBlk230 = \\"#0b0b0b\\";
+export const CoreColorNeutralBlk235 = \\"#060606\\";
+export const CoreColorNeutralBlk240 = \\"#000000\\";
+export const CoreColorPaletteHighSaturationBlueHBb010 = \\"#c7eaff\\";
+export const CoreColorPaletteHighSaturationBlueHBb020 = \\"#9fd4f3\\";
+export const CoreColorPaletteHighSaturationBlueHBb030 = \\"#77bde7\\";
+export const CoreColorPaletteHighSaturationBlueHBb040 = \\"#50a7da\\";
+export const CoreColorPaletteHighSaturationBlueHBb050 = \\"#2890ce\\";
+export const CoreColorPaletteHighSaturationBlueHBb060 = \\"#007ac2\\";
+export const CoreColorPaletteHighSaturationBlueHBb070 = \\"#00619b\\";
+export const CoreColorPaletteHighSaturationBlueHBb080 = \\"#004874\\";
+export const CoreColorPaletteHighSaturationBlueHBb090 = \\"#00304d\\";
+export const CoreColorPaletteHighSaturationBlueHBb100 = \\"#001726\\";
+export const CoreColorPaletteHighSaturationGreenBlueHGb010 = \\"#cef5f4\\";
+export const CoreColorPaletteHighSaturationGreenBlueHGb020 = \\"#afedec\\";
+export const CoreColorPaletteHighSaturationGreenBlueHGb030 = \\"#8fe6e5\\";
+export const CoreColorPaletteHighSaturationGreenBlueHGb040 = \\"#5ae0de\\";
+export const CoreColorPaletteHighSaturationGreenBlueHGb050 = \\"#28cecb\\";
+export const CoreColorPaletteHighSaturationGreenBlueHGb060 = \\"#00bab5\\";
+export const CoreColorPaletteHighSaturationGreenBlueHGb070 = \\"#009b98\\";
+export const CoreColorPaletteHighSaturationGreenBlueHGb080 = \\"#007472\\";
+export const CoreColorPaletteHighSaturationGreenBlueHGb090 = \\"#004d4c\\";
+export const CoreColorPaletteHighSaturationGreenBlueHGb100 = \\"#002625\\";
+export const CoreColorPaletteHighSaturationGreenHGg010 = \\"#bdf2c4\\";
+export const CoreColorPaletteHighSaturationGreenHGg020 = \\"#a2e4ab\\";
+export const CoreColorPaletteHighSaturationGreenHGg030 = \\"#87d692\\";
+export const CoreColorPaletteHighSaturationGreenHGg040 = \\"#6bc878\\";
+export const CoreColorPaletteHighSaturationGreenHGg050 = \\"#50ba5f\\";
+export const CoreColorPaletteHighSaturationGreenHGg060 = \\"#35ac46\\";
+export const CoreColorPaletteHighSaturationGreenHGg070 = \\"#288835\\";
+export const CoreColorPaletteHighSaturationGreenHGg080 = \\"#1a6324\\";
+export const CoreColorPaletteHighSaturationGreenHGg090 = \\"#0d3f14\\";
+export const CoreColorPaletteHighSaturationGreenHGg100 = \\"#001a03\\";
+export const CoreColorPaletteHighSaturationYellowGreenHYg010 = \\"#e5f7b4\\";
+export const CoreColorPaletteHighSaturationYellowGreenHYg020 = \\"#d9ef9f\\";
+export const CoreColorPaletteHighSaturationYellowGreenHYg030 = \\"#cde78a\\";
+export const CoreColorPaletteHighSaturationYellowGreenHYg040 = \\"#c2e075\\";
+export const CoreColorPaletteHighSaturationYellowGreenHYg050 = \\"#b6d860\\";
+export const CoreColorPaletteHighSaturationYellowGreenHYg060 = \\"#aad04b\\";
+export const CoreColorPaletteHighSaturationYellowGreenHYg070 = \\"#84a338\\";
+export const CoreColorPaletteHighSaturationYellowGreenHYg080 = \\"#5e7526\\";
+export const CoreColorPaletteHighSaturationYellowGreenHYg090 = \\"#384813\\";
+export const CoreColorPaletteHighSaturationYellowGreenHYg100 = \\"#121a00\\";
+export const CoreColorPaletteHighSaturationYellowHYy010 = \\"#fff7cc\\";
+export const CoreColorPaletteHighSaturationYellowHYy020 = \\"#fef3ad\\";
+export const CoreColorPaletteHighSaturationYellowHYy030 = \\"#fcee8d\\";
+export const CoreColorPaletteHighSaturationYellowHYy040 = \\"#fbea6e\\";
+export const CoreColorPaletteHighSaturationYellowHYy050 = \\"#f9e54e\\";
+export const CoreColorPaletteHighSaturationYellowHYy060 = \\"#edd317\\";
+export const CoreColorPaletteHighSaturationYellowHYy070 = \\"#d9bc00\\";
+export const CoreColorPaletteHighSaturationYellowHYy080 = \\"#bfa200\\";
+export const CoreColorPaletteHighSaturationYellowHYy090 = \\"#8c7500\\";
+export const CoreColorPaletteHighSaturationYellowHYy100 = \\"#5c4e00\\";
+export const CoreColorPaletteHighSaturationOrangeYellowHOy010 = \\"#ffe2bf\\";
+export const CoreColorPaletteHighSaturationOrangeYellowHOy020 = \\"#fed3a1\\";
+export const CoreColorPaletteHighSaturationOrangeYellowHOy030 = \\"#fcc582\\";
+export const CoreColorPaletteHighSaturationOrangeYellowHOy040 = \\"#fbb664\\";
+export const CoreColorPaletteHighSaturationOrangeYellowHOy050 = \\"#f9a845\\";
+export const CoreColorPaletteHighSaturationOrangeYellowHOy060 = \\"#f89927\\";
+export const CoreColorPaletteHighSaturationOrangeYellowHOy070 = \\"#c67718\\";
+export const CoreColorPaletteHighSaturationOrangeYellowHOy080 = \\"#9a5b10\\";
+export const CoreColorPaletteHighSaturationOrangeYellowHOy090 = \\"#6d3f08\\";
+export const CoreColorPaletteHighSaturationOrangeYellowHOy100 = \\"#402300\\";
+export const CoreColorPaletteHighSaturationOrangeHOo010 = \\"#ffd8bf\\";
+export const CoreColorPaletteHighSaturationOrangeHOo020 = \\"#fdc39f\\";
+export const CoreColorPaletteHighSaturationOrangeHOo030 = \\"#faae7f\\";
+export const CoreColorPaletteHighSaturationOrangeHOo040 = \\"#f89960\\";
+export const CoreColorPaletteHighSaturationOrangeHOo050 = \\"#f58440\\";
+export const CoreColorPaletteHighSaturationOrangeHOo060 = \\"#f36f20\\";
+export const CoreColorPaletteHighSaturationOrangeHOo070 = \\"#c65a18\\";
+export const CoreColorPaletteHighSaturationOrangeHOo080 = \\"#9a4410\\";
+export const CoreColorPaletteHighSaturationOrangeHOo090 = \\"#6d2f08\\";
+export const CoreColorPaletteHighSaturationOrangeHOo100 = \\"#401900\\";
+export const CoreColorPaletteHighSaturationRedOrangeHRo010 = \\"#ffc7b3\\";
+export const CoreColorPaletteHighSaturationRedOrangeHRo020 = \\"#f8af95\\";
+export const CoreColorPaletteHighSaturationRedOrangeHRo030 = \\"#f09677\\";
+export const CoreColorPaletteHighSaturationRedOrangeHRo040 = \\"#e97e5a\\";
+export const CoreColorPaletteHighSaturationRedOrangeHRo050 = \\"#e1653c\\";
+export const CoreColorPaletteHighSaturationRedOrangeHRo060 = \\"#da4d1e\\";
+export const CoreColorPaletteHighSaturationRedOrangeHRo070 = \\"#ad3c16\\";
+export const CoreColorPaletteHighSaturationRedOrangeHRo080 = \\"#802c0f\\";
+export const CoreColorPaletteHighSaturationRedOrangeHRo090 = \\"#531b07\\";
+export const CoreColorPaletteHighSaturationRedOrangeHRo100 = \\"#260a00\\";
+export const CoreColorPaletteHighSaturationRedHRr010 = \\"#ffc6bf\\";
+export const CoreColorPaletteHighSaturationRedHRr020 = \\"#ffaaa1\\";
+export const CoreColorPaletteHighSaturationRedHRr030 = \\"#f2877b\\";
+export const CoreColorPaletteHighSaturationRedHRr040 = \\"#f07062\\";
+export const CoreColorPaletteHighSaturationRedHRr050 = \\"#e65240\\";
+export const CoreColorPaletteHighSaturationRedHRr060 = \\"#d83020\\";
+export const CoreColorPaletteHighSaturationRedHRr070 = \\"#a82b1e\\";
+export const CoreColorPaletteHighSaturationRedHRr080 = \\"#7c1d13\\";
+export const CoreColorPaletteHighSaturationRedHRr090 = \\"#4f0e08\\";
+export const CoreColorPaletteHighSaturationRedHRr100 = \\"#210300\\";
+export const CoreColorPaletteHighSaturationPinkHPk010 = \\"#ffd1ef\\";
+export const CoreColorPaletteHighSaturationPinkHPk020 = \\"#fabee4\\";
+export const CoreColorPaletteHighSaturationPinkHPk030 = \\"#f2a5d6\\";
+export const CoreColorPaletteHighSaturationPinkHPk040 = \\"#eb8dc9\\";
+export const CoreColorPaletteHighSaturationPinkHPk050 = \\"#e673bb\\";
+export const CoreColorPaletteHighSaturationPinkHPk060 = \\"#e04ea6\\";
+export const CoreColorPaletteHighSaturationPinkHPk070 = \\"#ba2f7e\\";
+export const CoreColorPaletteHighSaturationPinkHPk080 = \\"#851b52\\";
+export const CoreColorPaletteHighSaturationPinkHPk090 = \\"#590b32\\";
+export const CoreColorPaletteHighSaturationPinkHPk100 = \\"#260404\\";
+export const CoreColorPaletteHighSaturationVioletRedHVr010 = \\"#fadbff\\";
+export const CoreColorPaletteHighSaturationVioletRedHVr020 = \\"#e4beeb\\";
+export const CoreColorPaletteHighSaturationVioletRedHVr030 = \\"#cfa1d7\\";
+export const CoreColorPaletteHighSaturationVioletRedHVr040 = \\"#b983c3\\";
+export const CoreColorPaletteHighSaturationVioletRedHVr050 = \\"#a466af\\";
+export const CoreColorPaletteHighSaturationVioletRedHVr060 = \\"#8e499b\\";
+export const CoreColorPaletteHighSaturationVioletRedHVr070 = \\"#73377e\\";
+export const CoreColorPaletteHighSaturationVioletRedHVr080 = \\"#572561\\";
+export const CoreColorPaletteHighSaturationVioletRedHVr090 = \\"#3c1243\\";
+export const CoreColorPaletteHighSaturationVioletRedHVr100 = \\"#200026\\";
+export const CoreColorPaletteHighSaturationVioletHVv010 = \\"#e8d9ff\\";
+export const CoreColorPaletteHighSaturationVioletHVv020 = \\"#cdb9eb\\";
+export const CoreColorPaletteHighSaturationVioletHVv030 = \\"#b39ad7\\";
+export const CoreColorPaletteHighSaturationVioletHVv040 = \\"#987ac3\\";
+export const CoreColorPaletteHighSaturationVioletHVv050 = \\"#7e5baf\\";
+export const CoreColorPaletteHighSaturationVioletHVv060 = \\"#633b9b\\";
+export const CoreColorPaletteHighSaturationVioletHVv070 = \\"#4e2c7e\\";
+export const CoreColorPaletteHighSaturationVioletHVv080 = \\"#3a1e61\\";
+export const CoreColorPaletteHighSaturationVioletHVv090 = \\"#250f43\\";
+export const CoreColorPaletteHighSaturationVioletHVv100 = \\"#100026\\";
+export const CoreColorPaletteVibrantBlueVBb120 = \\"#59d6ff\\";
+export const CoreColorPaletteVibrantBlueVBb140 = \\"#3db8ff\\";
+export const CoreColorPaletteVibrantBlueVBb160 = \\"#009af2\\";
+export const CoreColorPaletteVibrantBlueVBb180 = \\"#009af2\\";
+export const CoreColorPaletteVibrantGreenBlueVGb120 = \\"#59fffc\\";
+export const CoreColorPaletteVibrantGreenBlueVGb140 = \\"#00f7f3\\";
+export const CoreColorPaletteVibrantGreenBlueVGb160 = \\"#00e6e2\\";
+export const CoreColorPaletteVibrantGreenBlueVGb180 = \\"#00cfca\\";
+export const CoreColorPaletteVibrantGreenVGg120 = \\"#73ff84\\";
+export const CoreColorPaletteVibrantGreenVGg140 = \\"#3bed52\\";
+export const CoreColorPaletteVibrantGreenVGg160 = \\"#00b81b\\";
+export const CoreColorPaletteVibrantGreenVGg180 = \\"#00a118\\";
+export const CoreColorPaletteVibrantYellowGreenVYg120 = \\"#d7ff73\\";
+export const CoreColorPaletteVibrantYellowGreenVYg140 = \\"#bbed3b\\";
+export const CoreColorPaletteVibrantYellowGreenVYg160 = \\"#96cc00\\";
+export const CoreColorPaletteVibrantYellowGreenVYg180 = \\"#7fab00\\";
+export const CoreColorPaletteVibrantYellowVYy120 = \\"#fff766\\";
+export const CoreColorPaletteVibrantYellowVYy140 = \\"#ffee33\\";
+export const CoreColorPaletteVibrantYellowVYy160 = \\"#f5d000\\";
+export const CoreColorPaletteVibrantYellowVYy180 = \\"#ebba17\\";
+export const CoreColorPaletteVibrantOrangeYellowVOy120 = \\"#ffb54d\\";
+export const CoreColorPaletteVibrantOrangeYellowVOy140 = \\"#ff9500\\";
+export const CoreColorPaletteVibrantOrangeYellowVOy160 = \\"#e68600\\";
+export const CoreColorPaletteVibrantOrangeYellowVOy180 = \\"#d17300\\";
+export const CoreColorPaletteVibrantRedOrangeVRo120 = \\"#ff824d\\";
+export const CoreColorPaletteVibrantRedOrangeVRo140 = \\"#ff4d00\\";
+export const CoreColorPaletteVibrantRedOrangeVRo160 = \\"#de4300\\";
+export const CoreColorPaletteVibrantRedOrangeVRo180 = \\"#c93b00\\";
+export const CoreColorPaletteVibrantRedVRr120 = \\"#ff624d\\";
+export const CoreColorPaletteVibrantRedVRr140 = \\"#ff0015\\";
+export const CoreColorPaletteVibrantRedVRr160 = \\"#d90012\\";
+export const CoreColorPaletteVibrantRedVRr180 = \\"#b3000f\\";
+export const CoreColorPaletteVibrantPinkVPk120 = \\"#ff66c2\\";
+export const CoreColorPaletteVibrantPinkVPk140 = \\"#ff19a4\\";
+export const CoreColorPaletteVibrantPinkVPk160 = \\"#d11486\\";
+export const CoreColorPaletteVibrantPinkVPk180 = \\"#c00073\\";
+export const CoreColorPaletteVibrantVioletRedVVr120 = \\"#ea80ff\\";
+export const CoreColorPaletteVibrantVioletRedVVr140 = \\"#dd33ff\\";
+export const CoreColorPaletteVibrantVioletRedVVr160 = \\"#ac08cc\\";
+export const CoreColorPaletteVibrantVioletRedVVr180 = \\"#83009e\\";
+export const CoreColorPaletteVibrantVioletVVv120 = \\"#b580ff\\";
+export const CoreColorPaletteVibrantVioletVVv140 = \\"#974dff\\";
+export const CoreColorPaletteVibrantVioletVVv160 = \\"#8129ff\\";
+export const CoreColorPaletteVibrantVioletVVv180 = \\"#6a0be6\\";
+export const CoreColorPaletteDarkGreenDGg410 = \\"#44ED51\\";
+export const CoreColorPaletteDarkGreenDGg420 = \\"#36DA43\\";
+export const CoreColorPaletteDarkGreenDGg430 = \\"#36DA43\\";
+export const CoreColorPaletteDarkYellowDYy410 = \\"#FFE24D\\";
+export const CoreColorPaletteDarkYellowDYy420 = \\"#FFC900\\";
+export const CoreColorPaletteDarkYellowDYy430 = \\"#F4B000\\";
+export const CoreColorPaletteDarkRedDRr410 = \\"#FF7465\\";
+export const CoreColorPaletteDarkRedDRr420 = \\"#FE583E\\";
+export const CoreColorPaletteDarkRedDRr430 = \\"#F3381B\\";
+export const CoreColorPaletteDarkBlueDBb410 = \\"#47BBFF\\";
+export const CoreColorPaletteDarkBlueDBb420 = \\"#00A0FF\\";
+export const CoreColorPaletteDarkBlueDBb430 = \\"#0087D7\\";
+export const CoreSizing0 = \\"2px\\";
+export const CoreSizing1 = \\"4px\\";
+export const CoreSizing2 = \\"6px\\";
+export const CoreSizing3 = \\"8px\\";
+export const CoreSizing4 = \\"10px\\";
+export const CoreSizing5 = \\"12px\\";
+export const CoreSizing6 = \\"14px\\";
+export const CoreSizing7 = \\"16px\\";
+export const CoreSizing8 = \\"20px\\";
+export const CoreSizing9 = \\"24px\\";
+export const CoreSizing10 = \\"28px\\";
+export const CoreSizing11 = \\"32px\\";
+export const CoreSizing12 = \\"36px\\";
+export const CoreSizing13 = \\"40px\\";
+export const CoreSizing14 = \\"44px\\";
+export const CoreSizing15 = \\"48px\\";
+export const CoreSizing16 = \\"56px\\";
+export const CoreSizing17 = \\"64px\\";
+export const CoreSizing18 = \\"72px\\";
+export const CoreSizing19 = \\"80px\\";
+export const CoreSizing20 = \\"96px\\";
+export const CoreSizing21 = \\"112px\\";
+export const CoreSizing22 = \\"128px\\";
+export const CoreSizing23 = \\"144px\\";
+export const CoreSizing24 = \\"160px\\";
+export const CoreSizing25 = \\"192px\\";
+export const CoreSizing26 = \\"224px\\";
+export const CoreSizing27 = \\"256px\\";
+export const CoreSizing28 = \\"288px\\";
+export const CoreSizingNone = \\"0px\\";
+export const CoreSpacing0 = \\"2px\\";
+export const CoreSpacing1 = \\"4px\\";
+export const CoreSpacing2 = \\"6px\\";
+export const CoreSpacing3 = \\"8px\\";
+export const CoreSpacing4 = \\"10px\\";
+export const CoreSpacing5 = \\"12px\\";
+export const CoreSpacing6 = \\"14px\\";
+export const CoreSpacing7 = \\"16px\\";
+export const CoreSpacing8 = \\"20px\\";
+export const CoreSpacing9 = \\"24px\\";
+export const CoreSpacing10 = \\"28px\\";
+export const CoreSpacing11 = \\"32px\\";
+export const CoreSpacing12 = \\"36px\\";
+export const CoreSpacing13 = \\"40px\\";
+export const CoreSpacing14 = \\"44px\\";
+export const CoreSpacing15 = \\"48px\\";
+export const CoreSpacing16 = \\"56px\\";
+export const CoreSpacing17 = \\"64px\\";
+export const CoreSpacing18 = \\"72px\\";
+export const CoreSpacing19 = \\"80px\\";
+export const CoreSpacing20 = \\"96px\\";
+export const CoreSpacing21 = \\"112px\\";
+export const CoreSpacing22 = \\"128px\\";
+export const CoreSpacing23 = \\"144px\\";
+export const CoreSpacing24 = \\"160px\\";
+export const CoreSpacing25 = \\"192px\\";
+export const CoreSpacing26 = \\"224px\\";
+export const CoreSpacing27 = \\"256px\\";
+export const CoreSpacing28 = \\"288px\\";
+export const CoreSpacingNone = \\"0px\\";
+export const CoreBreakpointHeightXxsMax = 153;
+export const CoreBreakpointHeightXsMax = 328;
+export const CoreBreakpointHeightXsMin = 154;
+export const CoreBreakpointHeightSmMax = 503;
+export const CoreBreakpointHeightSmMin = 329;
+export const CoreBreakpointHeightMdMax = 678;
+export const CoreBreakpointHeightMdMin = 504;
+export const CoreBreakpointHeightLgMax = 853;
+export const CoreBreakpointHeightLgMin = 679;
+export const CoreBreakpointWidthDefaultXxs = \\"320px\\";
+export const CoreBreakpointWidthDefaultXs = \\"476px\\";
+export const CoreBreakpointWidthDefaultSm = \\"768px\\";
+export const CoreBreakpointWidthDefaultMd = \\"1152px\\";
+export const CoreBreakpointWidthDefaultLg = \\"1440px\\";
+export const CoreBreakpointWidthXxsMax = 320;
+export const CoreBreakpointWidthXsMax = 476;
+export const CoreBreakpointWidthXsMin = 321;
+export const CoreBreakpointWidthSmMax = 768;
+export const CoreBreakpointWidthSmMin = 477;
+export const CoreBreakpointWidthMdMax = 1152;
+export const CoreBreakpointWidthMdMin = 769;
+export const CoreBreakpointWidthLgMax = 1722;
+export const CoreBreakpointWidthLgMin = 1153;
+export const CoreBreakpointMargin = \\"24px\\";
+export const CoreBreakpointGutter = \\"16px\\";
+export const CoreBreakpointContentFluid = \\"100%\\";
+export const CoreBreakpointContentFixed = \\"1440px\\";
+export const CoreBreakpointColsXs = \\"6\\";
+export const CoreBreakpointColsSm = \\"12\\";
+export const CoreBreakpointColsMd = \\"24\\";
+export const CoreBreakpointColsLg = \\"24\\";
+export const CoreZIndexDeep = \\"-999999\\";
+export const CoreZIndexDefault = \\"1\\";
+export const CoreZIndexSticky = \\"300\\";
+export const CoreZIndexHeader = \\"400\\";
+export const CoreZIndexToast = \\"500\\";
+export const CoreZIndexDropdown = \\"600\\";
+export const CoreZIndexOverlay = \\"700\\";
+export const CoreZIndexModal = \\"800\\";
+export const CoreZIndexPopup = \\"900\\";
+export const CoreZIndexTooltip = \\"901\\";
+export const SemanticBorderBorderRadiusSharp = \\"0px\\";
+export const SemanticBorderBorderRadiusRound = \\"4px\\";
+export const SemanticBorderBorderRadiusCircular = \\"50%\\";
+export const SemanticBorderBorderRadiusPill = \\"9999px\\";
+export const SemanticUiBorderBorderRadius = \\"0px\\";
+export const SemanticUiColorBrandDefaultLight = \\"#007ac2\\";
+export const SemanticUiColorBrandDefaultDark = \\"#009af2\\";
+export const SemanticUiColorBrandHoverLight = \\"#00619b\\";
+export const SemanticUiColorBrandHoverDark = \\"#007ac2\\";
+export const SemanticUiColorBrandPressLight = \\"#004874\\";
+export const SemanticUiColorBrandPressDark = \\"#00619b\\";
+export const SemanticUiColorBackgroundLight = \\"#f8f8f8\\";
+export const SemanticUiColorBackgroundDark = \\"#353535\\";
+export const SemanticUiColorForeground1Light = \\"#ffffff\\";
+export const SemanticUiColorForeground1Dark = \\"#2b2b2b\\";
+export const SemanticUiColorForeground2Light = \\"#f3f3f3\\";
+export const SemanticUiColorForeground2Dark = \\"#202020\\";
+export const SemanticUiColorForeground3Light = \\"#eaeaea\\";
+export const SemanticUiColorForeground3Dark = \\"#151515\\";
+export const SemanticUiColorForegroundCurrentLight = \\"#c7eaff\\";
+export const SemanticUiColorForegroundCurrentDark = \\"#214155\\";
+export const SemanticUiColorText1Light = \\"#151515\\";
+export const SemanticUiColorText1Dark = \\"#ffffff\\";
+export const SemanticUiColorText2Light = \\"#4a4a4a\\";
+export const SemanticUiColorText2Dark = \\"#bfbfbf\\";
+export const SemanticUiColorText3Light = \\"#6a6a6a\\";
+export const SemanticUiColorText3Dark = \\"#9f9f9f\\";
+export const SemanticUiColorTextInverseLight = \\"#ffffff\\";
+export const SemanticUiColorTextInverseDark = \\"#151515\\";
+export const SemanticUiColorTextLinkLight = \\"#00619b\\";
+export const SemanticUiColorTextLinkDark = \\"#00A0FF\\";
+export const SemanticUiColorBorder1Light = \\"#cacaca\\";
+export const SemanticUiColorBorder1Dark = \\"#555555\\";
+export const SemanticUiColorBorder2Light = \\"#d4d4d4\\";
+export const SemanticUiColorBorder2Dark = \\"#4a4a4a\\";
+export const SemanticUiColorBorder3Light = \\"#dfdfdf\\";
+export const SemanticUiColorBorder3Dark = \\"#404040\\";
+export const SemanticUiColorBorderInputLight = \\"#949494\\";
+export const SemanticUiColorBorderInputDark = \\"#757575\\";
+export const SemanticUiColorInfoDefaultLight = \\"#00619b\\";
+export const SemanticUiColorInfoDefaultDark = \\"#00A0FF\\";
+export const SemanticUiColorInfoHoverLight = \\"#004874\\";
+export const SemanticUiColorInfoHoverDark = \\"#3db8ff\\";
+export const SemanticUiColorInfoPressLight = \\"#00304d\\";
+export const SemanticUiColorInfoPressDark = \\"#009af2\\";
+export const SemanticUiColorSuccessDefaultLight = \\"#35ac46\\";
+export const SemanticUiColorSuccessDefaultDark = \\"#36DA43\\";
+export const SemanticUiColorSuccessHoverLight = \\"#288835\\";
+export const SemanticUiColorSuccessHoverDark = \\"#3bed52\\";
+export const SemanticUiColorSuccessPressLight = \\"#1a6324\\";
+export const SemanticUiColorSuccessPressDark = \\"#00b81b\\";
+export const SemanticUiColorWarningDefaultLight = \\"#edd317\\";
+export const SemanticUiColorWarningDefaultDark = \\"#FFC900\\";
+export const SemanticUiColorWarningHoverLight = \\"#d9bc00\\";
+export const SemanticUiColorWarningHoverDark = \\"#ffee33\\";
+export const SemanticUiColorWarningPressLight = \\"#bfa200\\";
+export const SemanticUiColorWarningPressDark = \\"#f5d000\\";
+export const SemanticUiColorDangerDefaultLight = \\"#d83020\\";
+export const SemanticUiColorDangerDefaultDark = \\"#FE583E\\";
+export const SemanticUiColorDangerHoverLight = \\"#a82b1e\\";
+export const SemanticUiColorDangerHoverDark = \\"#ff0015\\";
+export const SemanticUiColorDangerPressLight = \\"#7c1d13\\";
+export const SemanticUiColorDangerPressDark = \\"#d90012\\";
+export const SemanticUiColorInverseLight = \\"#353535\\";
+export const SemanticUiColorInverseDark = \\"#f8f8f8\\";
+export const SemanticSpacingBase = \\"2px\\";
+export const SemanticSpacingXs = \\"2px * 2\\";
+export const SemanticSpacingSm = \\"2px * 4\\";
+export const SemanticSpacingMd = \\"2px *6\\";
+export const SemanticSpacingLg = \\"2px * 8\\";
+export const SemanticSpacingXl = \\"2px *10\\";"
+`;
+
+exports[`generated tokens ES6 light should match 1`] = `
+"/
+
+export const ColorBrandDefault = \\"#007ac2\\";
+export const ColorBrandHover = \\"#00619b\\";
+export const ColorBrandPress = \\"#004874\\";
+export const ColorBackground = \\"#f8f8f8\\";
+export const ColorForeground1 = \\"#ffffff\\";
+export const ColorForeground2 = \\"#f3f3f3\\";
+export const ColorForeground3 = \\"#eaeaea\\";
+export const ColorText1 = \\"#151515\\";
+export const ColorText2 = \\"#4a4a4a\\";
+export const ColorText3 = \\"#6a6a6a\\";
+export const ColorTextInverse = \\"#ffffff\\";
+export const ColorTextLink = \\"#00619b\\";
+export const ColorBorder1 = \\"#cacaca\\";
+export const ColorBorder2 = \\"#d4d4d4\\";
+export const ColorBorder3 = \\"#dfdfdf\\";
+export const ColorBorderInput = \\"#949494\\";
+export const ColorInfoDefault = \\"#00619b\\";
+export const ColorInfoHover = \\"#004874\\";
+export const ColorInfoPress = \\"#00304d\\";
+export const ColorSuccessDefault = \\"#35ac46\\";
+export const ColorSuccessHover = \\"#288835\\";
+export const ColorSuccessPress = \\"#1a6324\\";
+export const ColorWarningDefault = \\"#edd317\\";
+export const ColorWarningHover = \\"#d9bc00\\";
+export const ColorWarningPress = \\"#bfa200\\";
+export const ColorDangerDefault = \\"#d83020\\";
+export const ColorDangerHover = \\"#a82b1e\\";
+export const ColorDangerPress = \\"#7c1d13\\";
+export const ColorInverseDefault = \\"#353535\\";
+export const ColorComponentAvatarFont = \\"#6a6a6a\\";
+export const ColorComponentAvatarIcon = \\"#6a6a6a\\";
+export const ColorComponentAvatarBackgroundDefault = \\"#f3f3f3\\";
+export const ColorComponentAvatarBackgroundRed = \\"#ffc6bf\\";
+export const ColorComponentAvatarBackgroundTeal = \\"#cef5f4\\";
+export const ColorComponentAvatarBackgroundBlue = \\"#c7eaff\\";
+export const ColorComponentAvatarBackgroundGreen = \\"#e5f7b4\\";
+export const ColorComponentAvatarBackgroundYellow = \\"#fff7cc\\";
+export const ColorComponentCheckboxFont = \\"#151515\\";
+export const ColorComponentCheckboxBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentCheckboxBackgroundSelected = \\"#007ac2\\";
+export const ColorComponentCheckboxIcon = \\"#ffffff\\";
+export const ColorComponentCheckboxBorder = \\"#949494\\";
+export const ColorComponentRadioFont = \\"#151515\\";
+export const ColorComponentRadioBackground = \\"#ffffff\\";
+export const ColorComponentRadioBorderUnchecked = \\"#6a6a6a\\";
+export const ColorComponentRadioBorderChecked = \\"#007ac2\\";
+export const ColorComponentChipFontClear = \\"#151515\\";
+export const ColorComponentChipFontSolidGrey = \\"#151515\\";
+export const ColorComponentChipFontSolidBlue = \\"#ffffff\\";
+export const ColorComponentChipFontSolidRed = \\"#ffffff\\";
+export const ColorComponentChipFontSolidYellow = \\"#151515\\";
+export const ColorComponentChipFontSolidGreen = \\"#151515\\";
+export const ColorComponentChipIconClear = \\"#151515\\";
+export const ColorComponentChipIconSolidGrey = \\"#151515\\";
+export const ColorComponentChipIconSolidBlue = \\"#ffffff\\";
+export const ColorComponentChipIconSolidRed = \\"#ffffff\\";
+export const ColorComponentChipIconSolidYellow = \\"#151515\\";
+export const ColorComponentChipIconSolidGreen = \\"#151515\\";
+export const ColorComponentChipClosableIcon = \\"#6a6a6a\\";
+export const ColorComponentChipBackgroundSolidGrey = \\"#f3f3f3\\";
+export const ColorComponentChipBackgroundSolidBlue = \\"#00619b\\";
+export const ColorComponentChipBackgroundSolidRed = \\"#d83020\\";
+export const ColorComponentChipBackgroundSolidYellow = \\"#edd317\\";
+export const ColorComponentChipBackgroundSolidGreen = \\"#35ac46\\";
+export const ColorComponentChipBorderClearGrey = \\"#cacaca\\";
+export const ColorComponentChipBorderClearBlue = \\"#00619b\\";
+export const ColorComponentChipBorderClearRed = \\"#d83020\\";
+export const ColorComponentChipBorderClearYellow = \\"#edd317\\";
+export const ColorComponentChipBorderClearGreen = \\"#35ac46\\";
+export const ColorComponentLabelFont = \\"#151515\\";
+export const ColorComponentLoaderFont = \\"#151515\\";
+export const ColorComponentLoaderDefaultForeground = \\"#007ac2\\";
+export const ColorComponentLoaderInlineForegroundIndeterminate = \\"#151515\\";
+export const ColorComponentLoaderInlineForegroundDeterminate = \\"#007ac2\\";
+export const ColorComponentRatingStarBackgroundDefault = \\"#949494\\";
+export const ColorComponentRatingStarBackgroundActive = \\"#007ac2\\";
+export const ColorComponentRatingStarBackgroundAverage = \\"#edd317\\";
+export const ColorComponentRatingChipCountFont = \\"#4a4a4a\\";
+export const ColorComponentRatingChipForeground = \\"#f3f3f3\\";
+export const ColorComponentTooltipForeground = \\"#ffffff\\";
+export const ColorComponentTooltipBorder = \\"#dfdfdf\\";
+export const ColorComponentTooltipFont = \\"#151515\\";
+export const ColorComponentAccordionItemFontHeading = \\"#151515\\";
+export const ColorComponentAccordionItemFontDescription = \\"#6a6a6a\\";
+export const ColorComponentAccordionItemIconDefault = \\"#6a6a6a\\";
+export const ColorComponentAccordionItemIconExpanded = \\"#151515\\";
+export const ColorComponentAccordionItemBackground = \\"#ffffff\\";
+export const ColorComponentAccordionItemBorder = \\"#d4d4d4\\";
+export const ColorComponentInputMessageFont = \\"#151515\\";
+export const ColorComponentInputMessageIconIdle = \\"#007ac2\\";
+export const ColorComponentInputMessageIconInvalid = \\"#d83020\\";
+export const ColorComponentInputMessageIconValid = \\"#35ac46\\";
+export const ColorComponentAlertFontTitle = \\"#151515\\";
+export const ColorComponentAlertFontMessage = \\"#6a6a6a\\";
+export const ColorComponentAlertBackground = \\"#ffffff\\";
+export const ColorComponentAlertBorder = \\"#dfdfdf\\";
+export const ColorComponentAlertIconBlue = \\"#00619b\\";
+export const ColorComponentAlertIconGreen = \\"#35ac46\\";
+export const ColorComponentAlertIconYellow = \\"#edd317\\";
+export const ColorComponentAlertIconRed = \\"#d83020\\";
+export const ColorComponentAlertHighlightBlue = \\"#00619b\\";
+export const ColorComponentAlertHighlightGreen = \\"#35ac46\\";
+export const ColorComponentAlertHighlightYellow = \\"#edd317\\";
+export const ColorComponentAlertHighlightRed = \\"#d83020\\";
+export const ColorComponentTipFontHeading = \\"#151515\\";
+export const ColorComponentTipFontDescription = \\"#4a4a4a\\";
+export const ColorComponentTipIcon = \\"#6a6a6a\\";
+export const ColorComponentTipBackgroundDefaultLight = \\"#ffffff\\";
+export const ColorComponentTipBorderDefault = \\"#d4d4d4\\";
+export const ColorComponentColorPickerFontLabel = \\"#151515\\";
+export const ColorComponentColorPickerIcon = \\"#151515\\";
+export const ColorComponentColorPickerBorder = \\"#cacaca\\";
+export const ColorComponentColorPickerBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentDatePickerFontDate = \\"#6a6a6a\\";
+export const ColorComponentDatePickerFontRangeDate = \\"#151515\\";
+export const ColorComponentDatePickerFontDay = \\"#6a6a6a\\";
+export const ColorComponentDatePickerFontMonth = \\"#151515\\";
+export const ColorComponentDatePickerFontSelectedDate = \\"#ffffff\\";
+export const ColorComponentDatePickerFontActiveDate = \\"#ffffff\\";
+export const ColorComponentDatePickerIcon = \\"#6a6a6a\\";
+export const ColorComponentDatePickerBorder = \\"#cacaca\\";
+export const ColorComponentDatePickerDateActiveBorder = \\"#ffffff\\";
+export const ColorComponentDatePickerBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentDatePickerBackgroundDateRange = \\"#c7eaff\\";
+export const ColorComponentDatePickerBackgroundDateActiveLight = \\"#007ac2\\";
+export const ColorComponentInputDatePickerFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputDatePickerFontLabel = \\"#151515\\";
+export const ColorComponentInputDatePickerIcon = \\"#6a6a6a\\";
+export const ColorComponentInputDatePickerBorder = \\"#949494\\";
+export const ColorComponentInputDatePickerBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputDatePickerBackgroundArrow = \\"#f8f8f8\\";
+export const ColorComponentInputDatePickerBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputDatetimeLocalFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputDatetimeLocalFontLabel = \\"#151515\\";
+export const ColorComponentInputDatetimeLocalFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputDatetimeLocalIcon = \\"#6a6a6a\\";
+export const ColorComponentInputDatetimeLocalBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputDatetimeLocalBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputDatetimeLocalBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputDatetimeLocalBorderDefault = \\"#949494\\";
+export const ColorComponentInputDatetimeLocalBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputEmailFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputEmailFontLabel = \\"#151515\\";
+export const ColorComponentInputEmailFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputEmailIcon = \\"#6a6a6a\\";
+export const ColorComponentInputEmailBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputEmailBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputEmailBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputEmailBorderDefault = \\"#949494\\";
+export const ColorComponentInputEmailBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputFileFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputFileFontLabel = \\"#151515\\";
+export const ColorComponentInputFileFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputFileIcon = \\"#6a6a6a\\";
+export const ColorComponentInputFileBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputFileBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputFileBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputFileBorderDefault = \\"#949494\\";
+export const ColorComponentInputFileBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputMonthFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputMonthFontLabel = \\"#151515\\";
+export const ColorComponentInputMonthFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputMonthIcon = \\"#6a6a6a\\";
+export const ColorComponentInputMonthBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputMonthBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputMonthBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputMonthBorderDefault = \\"#949494\\";
+export const ColorComponentInputMonthBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputNumberFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputNumberFontLabel = \\"#151515\\";
+export const ColorComponentInputNumberFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputNumberIcon = \\"#6a6a6a\\";
+export const ColorComponentInputNumberBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputNumberBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputNumberBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputNumberBorderDefault = \\"#949494\\";
+export const ColorComponentInputNumberBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputPasswordFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputPasswordFontLabel = \\"#151515\\";
+export const ColorComponentInputPasswordFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputPasswordIcon = \\"#6a6a6a\\";
+export const ColorComponentInputPasswordBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputPasswordBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputPasswordBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputPasswordBorderDefault = \\"#949494\\";
+export const ColorComponentInputPasswordBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputSearchFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputSearchFontLabel = \\"#151515\\";
+export const ColorComponentInputSearchFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputSearchIcon = \\"#6a6a6a\\";
+export const ColorComponentInputSearchBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputSearchBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputSearchBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputSearchBorderDefault = \\"#949494\\";
+export const ColorComponentInputSearchBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputTelephoneFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputTelephoneFontLabel = \\"#151515\\";
+export const ColorComponentInputTelephoneFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputTelephoneIcon = \\"#6a6a6a\\";
+export const ColorComponentInputTelephoneBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputTelephoneBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputTelephoneBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputTelephoneBorderDefault = \\"#949494\\";
+export const ColorComponentInputTelephoneBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputTextFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputTextFontLabel = \\"#151515\\";
+export const ColorComponentInputTextFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputTextIcon = \\"#6a6a6a\\";
+export const ColorComponentInputTextBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputTextBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputTextBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputTextBorderDefault = \\"#949494\\";
+export const ColorComponentInputTextBorderInvalid = \\"#d83020\\";
+export const ColorComponentInputWeekFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentInputWeekFontLabel = \\"#151515\\";
+export const ColorComponentInputWeekFontPrefixSuffix = \\"#4a4a4a\\";
+export const ColorComponentInputWeekIcon = \\"#6a6a6a\\";
+export const ColorComponentInputWeekBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentInputWeekBackgroundPrefixSufix = \\"#f8f8f8\\";
+export const ColorComponentInputWeekBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentInputWeekBorderDefault = \\"#949494\\";
+export const ColorComponentInputWeekBorderInvalid = \\"#d83020\\";
+export const ColorComponentTextareaFontPlaceholderValue = \\"#151515\\";
+export const ColorComponentTextareaFontLabel = \\"#151515\\";
+export const ColorComponentTextareaFontChatLimit = \\"#4a4a4a\\";
+export const ColorComponentTextareaIcon = \\"#6a6a6a\\";
+export const ColorComponentTextareaBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentTextareaBackgroundReadOnly = \\"#f8f8f8\\";
+export const ColorComponentTextareaBorderDefault = \\"#949494\\";
+export const ColorComponentTabTitleFontDefault = \\"#6a6a6a\\";
+export const ColorComponentTabTitleFontActive = \\"#151515\\";
+export const ColorComponentTabTitleIconDefault = \\"#6a6a6a\\";
+export const ColorComponentTabTitleIconActive = \\"#151515\\";
+export const ColorComponentTabTitleBorderedBorder = \\"#dfdfdf\\";
+export const ColorComponentTabTitleBorderedBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentTabTitleBorderActive = \\"#007ac2\\";
+export const ColorComponentTabsBorderedBorder = \\"#dfdfdf\\";
+export const ColorComponentTabsBorderedBackground = \\"#ffffff\\";
+export const ColorComponentCardFontTitle = \\"#151515\\";
+export const ColorComponentCardFontSubtitle = \\"#4a4a4a\\";
+export const ColorComponentCardFontDescription = \\"#6a6a6a\\";
+export const ColorComponentCardBorderDefault = \\"#d4d4d4\\";
+export const ColorComponentCardBorderActive = \\"#007ac2\\";
+export const ColorComponentCardBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentActionFont = \\"#6a6a6a\\";
+export const ColorComponentActionIcon = \\"#6a6a6a\\";
+export const ColorComponentActionBackgroundDefault = \\"#ffffff\\";
+export const ColorComponentActionBackgroundActive = \\"#eaeaea\\";
+export const ColorComponentActionBarBorder = \\"#cacaca\\";
+export const ColorComponentActionBarBackground = \\"#ffffff\\";
+export const ColorComponentActionPadBorder = \\"#cacaca\\";
+export const ColorComponentActionPadBackground = \\"#ffffff\\";
+export const ColorComponentActionBarGridBorder = \\"#cacaca\\";
+export const ColorComponentActionBarGridBackground = \\"#ffffff\\";
+export const ColorComponentActionPadGridBorder = \\"#cacaca\\";
+export const ColorComponentActionPadGridBackground = \\"#ffffff\\";
+export const ColorComponentBlockFontHeading = \\"#4a4a4a\\";
+export const ColorComponentBlockFontActive = \\"#151515\\";
+export const ColorComponentBlockFontDescription = \\"#6a6a6a\\";
+export const ColorComponentBlockFontContent = \\"#4a4a4a\\";
+export const ColorComponentBlockIconIdle = \\"#4a4a4a\\";
+export const ColorComponentBlockIconValid = \\"#35ac46\\";
+export const ColorComponentBlockIconInvalid = \\"#d83020\\";
+export const ColorComponentBlockIconDragHandle = \\"#949494\\";
+export const ColorComponentBlockIconChevron = \\"#6a6a6a\\";
+export const ColorComponentBlockBorder = \\"#dfdfdf\\";
+export const ColorComponentBlockBackground = \\"#ffffff\\";
+export const ColorComponentBlockSectionFont = \\"#4a4a4a\\";
+export const ColorComponentBlockSectionIconValid = \\"#35ac46\\";
+export const ColorComponentBlockSectionIconInvalid = \\"#d83020\\";
+export const ColorComponentBlockSectionIconChevron = \\"#6a6a6a\\";
+export const ColorComponentBlockSectionBackground = \\"#ffffff\\";
+export const ColorComponentNoticeFontTitle = \\"#151515\\";
+export const ColorComponentNoticeFontMessage = \\"#6a6a6a\\";
+export const ColorComponentNoticeBackground = \\"#ffffff\\";
+export const ColorComponentNoticeIconInfo = \\"#00619b\\";
+export const ColorComponentNoticeIconSuccess = \\"#35ac46\\";
+export const ColorComponentNoticeIconWarning = \\"#edd317\\";
+export const ColorComponentNoticeIconDanger = \\"#d83020\\";
+export const ColorComponentNoticeIconBrand = \\"#007ac2\\";
+export const ColorComponentNoticeHighlightInfo = \\"#00619b\\";
+export const ColorComponentNoticeHighlightSuccess = \\"#35ac46\\";
+export const ColorComponentNoticeHighlightWarning = \\"#edd317\\";
+export const ColorComponentNoticeHighlightDanger = \\"#d83020\\";
+export const ColorComponentNoticeHighlightBrand = \\"#007ac2\\";
+export const ColorComponentModalFontHeader = \\"#151515\\";
+export const ColorComponentModalFontContent = \\"#4a4a4a\\";
+export const ColorComponentModalIcon = \\"#6a6a6a\\";
+export const ColorComponentModalBorderDefault = \\"#dfdfdf\\";
+export const ColorComponentModalBorderTopBrand = \\"#007ac2\\";
+export const ColorComponentModalBorderTopInfo = \\"#00619b\\";
+export const ColorComponentModalBorderTopSuccess = \\"#35ac46\\";
+export const ColorComponentModalBorderTopDanger = \\"#d83020\\";
+export const ColorComponentModalBorderTopWarning = \\"#edd317\\";
+export const ColorComponentModalBackground = \\"#ffffff\\";
+export const ColorComponentPanelHeaderFont = \\"#4a4a4a\\";
+export const ColorComponentPanelHeaderIcon = \\"#6a6a6a\\";
+export const ColorComponentPanelHeaderBorder = \\"#dfdfdf\\";
+export const ColorComponentPanelHeaderBackground = \\"#ffffff\\";
+export const ColorComponentPopoverFont = \\"#151515\\";
+export const ColorComponentPopoverIcon = \\"#6a6a6a\\";
+export const ColorComponentPopoverBorder = \\"#dfdfdf\\";
+export const ColorComponentPopoverBackground = \\"#ffffff\\";
+export const ColorComponentSliderFontLabel = \\"#151515\\";
+export const ColorComponentSliderFontTickLabel = \\"#4a4a4a\\";
+export const ColorComponentSliderHandleBackground = \\"#ffffff\\";
+export const ColorComponentSliderHandleBorder = \\"#6a6a6a\\";
+export const ColorComponentSliderBorderDefault = \\"#d4d4d4\\";
+export const ColorComponentSliderBorderActive = \\"#007ac2\\";
+export const ColorComponentSliderTickDefaultBackground = \\"#949494\\";
+export const ColorComponentSliderTickDefaultBorder = \\"#ffffff\\";
+export const ColorComponentSliderTickActiveBackground = \\"#007ac2\\";
+export const ColorComponentSliderTickActiveBorder = \\"#ffffff\\";
+export const ColorComponentSliderRangeFontLabel = \\"#151515\\";
+export const ColorComponentSliderRangeFontTickLabel = \\"#4a4a4a\\";
+export const ColorComponentSliderRangeHandleBackground = \\"#ffffff\\";
+export const ColorComponentSliderRangeHandleBorder = \\"#6a6a6a\\";
+export const ColorComponentSliderRangeBorderDefault = \\"#d4d4d4\\";
+export const ColorComponentSliderRangeBorderActive = \\"#007ac2\\";
+export const ColorComponentSliderRangeTickDefaultBackground = \\"#949494\\";
+export const ColorComponentSliderRangeTickDefaultBorder = \\"#ffffff\\";
+export const ColorComponentSliderRangeTickActiveBackground = \\"#007ac2\\";
+export const ColorComponentSliderRangeTickActiveBorder = \\"#ffffff\\";
+export const ColorComponentSliderHistogramFontLabel = \\"#151515\\";
+export const ColorComponentSliderHistogramFontTickLabel = \\"#4a4a4a\\";
+export const ColorComponentSliderHistogramHandleBackground = \\"#ffffff\\";
+export const ColorComponentSliderHistogramHandleBorder = \\"#6a6a6a\\";
+export const ColorComponentSliderHistogramBorderDefault = \\"#d4d4d4\\";
+export const ColorComponentSliderHistogramBorderActive = \\"#007ac2\\";
+export const ColorComponentSliderHistogramTickDefaultBackground = \\"#949494\\";
+export const ColorComponentSliderHistogramTickDefaultBorder = \\"#ffffff\\";
+export const ColorComponentSliderHistogramTickActiveBackground = \\"#007ac2\\";
+export const ColorComponentSliderHistogramTickActiveBorder = \\"#ffffff\\";
+export const ColorComponentSliderHistogramAreaActiveBackground = \\"#9BBDDF\\";
+export const ColorComponentSliderHistogramActiveEndBackground = \\"#ffffff\\";
+export const ColorComponentSliderHistogramRangeFontLabel = \\"#151515\\";
+export const ColorComponentSliderHistogramRangeFontTickLabel = \\"#4a4a4a\\";
+export const ColorComponentSliderHistogramRangeHandleBackground = \\"#ffffff\\";
+export const ColorComponentSliderHistogramRangeHandleBorder = \\"#6a6a6a\\";
+export const ColorComponentSliderHistogramRangeBorderDefault = \\"#d4d4d4\\";
+export const ColorComponentSliderHistogramRangeBorderActive = \\"#007ac2\\";
+export const ColorComponentSliderHistogramRangeTickDefaultBackground = \\"#949494\\";
+export const ColorComponentSliderHistogramRangeTickDefaultBorder = \\"#ffffff\\";
+export const ColorComponentSliderHistogramRangeTickActiveBackground = \\"#007ac2\\";
+export const ColorComponentSliderHistogramRangeTickActiveBorder = \\"#ffffff\\";
+export const ColorComponentSliderHistogramRangeAreaActiveBackground = \\"#9BBDDF\\";
+export const ColorComponentSliderHistogramRangeActiveEndBackground = \\"#ffffff\\";
+export const ColorComponentFilterFont = \\"#151515\\";
+export const ColorComponentFilterIcon = \\"#6a6a6a\\";
+export const ColorComponentFilterBorder = \\"#949494\\";
+export const ColorComponentFilterBackground = \\"#ffffff\\";
+export const ColorComponentScrimBackground = \\"#ffffff\\";
+export const ColorComponentTipManagerFontHeading = \\"#151515\\";
+export const ColorComponentTipManagerIcon = \\"#6a6a6a\\";
+export const ColorComponentTipManagerBackgroundDefaultLight = \\"#ffffff\\";
+export const ColorComponentTipManagerBorderDefault = \\"#d4d4d4\\";
+export const ColorComponentButtonFontBrandSolid = \\"#ffffff\\";
+export const ColorComponentButtonFontBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentButtonFontBrandOutline = \\"#007ac2\\";
+export const ColorComponentButtonFontBrandTransparent = \\"#007ac2\\";
+export const ColorComponentButtonFontInverseSolid = \\"#ffffff\\";
+export const ColorComponentButtonFontInverseOutlineFill = \\"#151515\\";
+export const ColorComponentButtonFontInverseOutline = \\"#151515\\";
+export const ColorComponentButtonFontInverseTransparent = \\"#151515\\";
+export const ColorComponentButtonFontNeutralSolid = \\"#ffffff\\";
+export const ColorComponentButtonFontNeutralOutlineFill = \\"#151515\\";
+export const ColorComponentButtonFontNeutralOutline = \\"#151515\\";
+export const ColorComponentButtonFontNeutralTransparent = \\"#151515\\";
+export const ColorComponentButtonFontDangerSolid = \\"#ffffff\\";
+export const ColorComponentButtonFontDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentButtonFontDangerOutline = \\"#d83020\\";
+export const ColorComponentButtonFontDangerTransparent = \\"#d83020\\";
+export const ColorComponentButtonIconBrandSolid = \\"#ffffff\\";
+export const ColorComponentButtonIconBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentButtonIconBrandOutline = \\"#007ac2\\";
+export const ColorComponentButtonIconBrandTransparent = \\"#007ac2\\";
+export const ColorComponentButtonIconInverseSolid = \\"#ffffff\\";
+export const ColorComponentButtonIconInverseOutlineFill = \\"#151515\\";
+export const ColorComponentButtonIconInverseOutline = \\"#151515\\";
+export const ColorComponentButtonIconInverseTransparent = \\"#151515\\";
+export const ColorComponentButtonIconNeutralSolid = \\"#ffffff\\";
+export const ColorComponentButtonIconNeutralOutlineFill = \\"#151515\\";
+export const ColorComponentButtonIconNeutralOutline = \\"#151515\\";
+export const ColorComponentButtonIconNeutralTransparent = \\"#151515\\";
+export const ColorComponentButtonIconDangerSolid = \\"#ffffff\\";
+export const ColorComponentButtonIconDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentButtonIconDangerOutline = \\"#d83020\\";
+export const ColorComponentButtonIconDangerTransparent = \\"#d83020\\";
+export const ColorComponentButtonBackgroundBrandSolid = \\"#007ac2\\";
+export const ColorComponentButtonBackgroundBrandOutlineFill = \\"#ffffff\\";
+export const ColorComponentButtonBackgroundInverseSolid = \\"#353535\\";
+export const ColorComponentButtonBackgroundInverseOutlineFill = \\"#353535\\";
+export const ColorComponentButtonBackgroundNeutralSolid = \\"#353535\\";
+export const ColorComponentButtonBackgroundNeutralOutlineFill = \\"#353535\\";
+export const ColorComponentButtonBackgroundDangerSolid = \\"#d83020\\";
+export const ColorComponentButtonBackgroundDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentButtonBorderBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentButtonBorderBrandOutline = \\"#007ac2\\";
+export const ColorComponentButtonBorderInverseOutlineFill = \\"#353535\\";
+export const ColorComponentButtonBorderInverseOutline = \\"#353535\\";
+export const ColorComponentButtonBorderNeutralOutlineFill = \\"#353535\\";
+export const ColorComponentButtonBorderNeutralOutline = \\"#353535\\";
+export const ColorComponentButtonBorderDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentButtonBorderDangerOutline = \\"#d83020\\";
+export const ColorComponentSplitButtonFontBrandSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonFontBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentSplitButtonFontBrandOutline = \\"#007ac2\\";
+export const ColorComponentSplitButtonFontBrandTransparent = \\"#007ac2\\";
+export const ColorComponentSplitButtonFontInverseSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonFontInverseOutlineFill = \\"#151515\\";
+export const ColorComponentSplitButtonFontInverseOutline = \\"#151515\\";
+export const ColorComponentSplitButtonFontInverseTransparent = \\"#151515\\";
+export const ColorComponentSplitButtonFontNeutralSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonFontNeutralOutlineFill = \\"#151515\\";
+export const ColorComponentSplitButtonFontNeutralOutline = \\"#151515\\";
+export const ColorComponentSplitButtonFontNeutralTransparent = \\"#151515\\";
+export const ColorComponentSplitButtonFontDangerSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonFontDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentSplitButtonFontDangerOutline = \\"#d83020\\";
+export const ColorComponentSplitButtonFontDangerTransparent = \\"#d83020\\";
+export const ColorComponentSplitButtonIconBrandSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonIconBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentSplitButtonIconBrandOutline = \\"#007ac2\\";
+export const ColorComponentSplitButtonIconBrandTransparent = \\"#007ac2\\";
+export const ColorComponentSplitButtonIconInverseSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonIconInverseOutlineFill = \\"#151515\\";
+export const ColorComponentSplitButtonIconInverseOutline = \\"#151515\\";
+export const ColorComponentSplitButtonIconInverseTransparent = \\"#151515\\";
+export const ColorComponentSplitButtonIconNeutralSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonIconNeutralOutlineFill = \\"#151515\\";
+export const ColorComponentSplitButtonIconNeutralOutline = \\"#151515\\";
+export const ColorComponentSplitButtonIconNeutralTransparent = \\"#151515\\";
+export const ColorComponentSplitButtonIconDangerSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonIconDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentSplitButtonIconDangerOutline = \\"#d83020\\";
+export const ColorComponentSplitButtonIconDangerTransparent = \\"#d83020\\";
+export const ColorComponentSplitButtonBackgroundBrandSolid = \\"#007ac2\\";
+export const ColorComponentSplitButtonBackgroundBrandOutlineFill = \\"#ffffff\\";
+export const ColorComponentSplitButtonBackgroundInverseSolid = \\"#353535\\";
+export const ColorComponentSplitButtonBackgroundInverseOutlineFill = \\"#ffffff\\";
+export const ColorComponentSplitButtonBackgroundNeutralSolid = \\"#353535\\";
+export const ColorComponentSplitButtonBackgroundNeutralOutlineFill = \\"#ffffff\\";
+export const ColorComponentSplitButtonBackgroundDangerSolid = \\"#d83020\\";
+export const ColorComponentSplitButtonBackgroundDangerOutlineFill = \\"#ffffff\\";
+export const ColorComponentSplitButtonBorderBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentSplitButtonBorderBrandOutline = \\"#007ac2\\";
+export const ColorComponentSplitButtonBorderInverseOutlineFill = \\"#353535\\";
+export const ColorComponentSplitButtonBorderInverseOutline = \\"#353535\\";
+export const ColorComponentSplitButtonBorderNeutralOutlineFill = \\"#353535\\";
+export const ColorComponentSplitButtonBorderNeutralOutline = \\"#353535\\";
+export const ColorComponentSplitButtonBorderDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentSplitButtonBorderDangerOutline = \\"#d83020\\";
+export const ColorComponentSplitButtonDividerBrandSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonDividerBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentSplitButtonDividerBrandOutline = \\"#007ac2\\";
+export const ColorComponentSplitButtonDividerBrandTransparent = \\"#007ac2\\";
+export const ColorComponentSplitButtonDividerInverseSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonDividerInverseOutlineFill = \\"#353535\\";
+export const ColorComponentSplitButtonDividerInverseOutline = \\"#353535\\";
+export const ColorComponentSplitButtonDividerInverseTransparent = \\"#353535\\";
+export const ColorComponentSplitButtonDividerNeutralSolid = \\"#ffffff\\";
+export const ColorComponentSplitButtonDividerNeutralOutlineFill = \\"#353535\\";
+export const ColorComponentSplitButtonDividerNeutralOutline = \\"#353535\\";
+export const ColorComponentSplitButtonDividerNeutralTransparent = \\"#353535\\";
+export const ColorComponentSplitButtonDividerDangerSolid = \\"#d83020\\";
+export const ColorComponentSplitButtonDividerDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentSplitButtonDividerDangerOutline = \\"#d83020\\";
+export const ColorComponentSplitButtonDividerDangerTransparent = \\"#d83020\\";
+export const ColorComponentFabFontBrandSolid = \\"#ffffff\\";
+export const ColorComponentFabFontBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentFabFontInverseSolid = \\"#ffffff\\";
+export const ColorComponentFabFontInverseOutlineFill = \\"#151515\\";
+export const ColorComponentFabFontNeutralSolid = \\"#ffffff\\";
+export const ColorComponentFabFontNeutralOutlineFill = \\"#151515\\";
+export const ColorComponentFabFontDangerSolid = \\"#ffffff\\";
+export const ColorComponentFabFontDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentFabIconBrandSolid = \\"#ffffff\\";
+export const ColorComponentFabIconBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentFabIconInverseSolid = \\"#ffffff\\";
+export const ColorComponentFabIconInverseOutlineFill = \\"#151515\\";
+export const ColorComponentFabIconNeutralSolid = \\"#ffffff\\";
+export const ColorComponentFabIconNeutralOutlineFill = \\"#151515\\";
+export const ColorComponentFabIconDangerSolid = \\"#ffffff\\";
+export const ColorComponentFabIconDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentFabBackgroundBrandSolid = \\"#007ac2\\";
+export const ColorComponentFabBackgroundBrandOutlineFill = \\"#ffffff\\";
+export const ColorComponentFabBackgroundInverseSolid = \\"#353535\\";
+export const ColorComponentFabBackgroundInverseOutlineFill = \\"#ffffff\\";
+export const ColorComponentFabBackgroundNeutralSolid = \\"#353535\\";
+export const ColorComponentFabBackgroundNeutralOutlineFill = \\"#ffffff\\";
+export const ColorComponentFabBackgroundDangerSolid = \\"#d83020\\";
+export const ColorComponentFabBackgroundDangerOutlineFill = \\"#ffffff\\";
+export const ColorComponentFabBorderBrandOutlineFill = \\"#007ac2\\";
+export const ColorComponentFabBorderBrandSolid = \\"#007ac2\\";
+export const ColorComponentFabBorderInverseOutlineFill = \\"#353535\\";
+export const ColorComponentFabBorderInverseSolid = \\"#353535\\";
+export const ColorComponentFabBorderNeutralOutlineFill = \\"#353535\\";
+export const ColorComponentFabBorderNeutralSolid = \\"#353535\\";
+export const ColorComponentFabBorderDangerOutlineFill = \\"#d83020\\";
+export const ColorComponentFabBorderDangerSolid = \\"#d83020\\";"
+`;
+
+exports[`generated tokens ES6 types should match 1`] = `
+"/
+
+export const AccordionItemFontHeadingLight : string;
+export const AccordionItemFontHeadingDark : string;
+export const AccordionItemFontDescriptionLight : string;
+export const AccordionItemFontDescriptionDark : string;
+export const AccordionItemIconLight : string;
+export const AccordionItemIconDark : string;
+export const AccordionItemIconExpandedLight : string;
+export const AccordionItemIconExpandedDark : string;
+export const AccordionItemBackgroundDefaultLight : string;
+export const AccordionItemBackgroundDefaultDark : string;
+export const AccordionItemIconSizeSm : string;
+export const AccordionItemIconSizeMd : string;
+export const AccordionItemIconSizeLg : string;
+export const AccordionItemDefaultSpaceBetweenSm : string;
+export const AccordionItemDefaultSpaceBetweenMd : string;
+export const AccordionItemDefaultSpaceBetweenLg : string;
+export const AccordionItemDefaultTextSpaceBetweenSm : string;
+export const AccordionItemDefaultTextSpaceBetweenMd : string;
+export const AccordionItemDefaultTextSpaceBetweenLg : string;
+export const AccordionItemDefaultSpaceAroundTopBottomSm : string;
+export const AccordionItemDefaultSpaceAroundTopBottomMd : string;
+export const AccordionItemDefaultSpaceAroundTopBottomLg : string;
+export const AccordionItemDefaultSpaceAroundLeftRightSm : string;
+export const AccordionItemDefaultSpaceAroundLeftRightMd : string;
+export const AccordionItemDefaultSpaceAroundLeftRightLg : string;
+export const AccordionItemBorderWidth : string;
+export const AccordionItemBorderLight : string;
+export const AccordionItemBorderDark : string;
+export const AccordionHeadingLight : string;
+export const AccordionHeadingDark : string;
+export const AccordionDescriptionLight : string;
+export const AccordionDescriptionDark : string;
+export const AccordionIconDefaultLight : string;
+export const AccordionIconDefaultDark : string;
+export const AccordionIconExpandedLight : string;
+export const AccordionIconExpandedDark : string;
+export const AccordionBackgroundDefaultLight : string;
+export const AccordionBackgroundDefaultDark : string;
+export const AccordionDefaultSpaceBetweenSm : string;
+export const AccordionDefaultSpaceBetweenMd : string;
+export const AccordionDefaultSpaceBetweenLg : string;
+export const AccordionDefaultTextSpaceBetweenSm : string;
+export const AccordionDefaultTextSpaceBetweenMd : string;
+export const AccordionDefaultTextSpaceBetweenLg : string;
+export const AccordionDefaultSpaceAroundTopBottomSm : string;
+export const AccordionDefaultSpaceAroundTopBottomMd : string;
+export const AccordionDefaultSpaceAroundTopBottomLg : string;
+export const AccordionDefaultSpaceAroundLeftRightSm : string;
+export const AccordionDefaultSpaceAroundLeftRightMd : string;
+export const AccordionDefaultSpaceAroundLeftRightLg : string;
+export const AccordionMinimalSpaceBetweenSm : string;
+export const AccordionMinimalSpaceBetweenMd : string;
+export const AccordionMinimalSpaceBetweenLg : string;
+export const AccordionMinimalTextSpaceBetweenSm : string;
+export const AccordionMinimalTextSpaceBetweenMd : string;
+export const AccordionMinimalTextSpaceBetweenLg : string;
+export const AccordionMinimalSpaceAroundTopBottomSm : string;
+export const AccordionMinimalSpaceAroundTopBottomMd : string;
+export const AccordionMinimalSpaceAroundTopBottomLg : string;
+export const AccordionMinimalSpaceAroundLeftRightSm : string;
+export const AccordionMinimalSpaceAroundLeftRightMd : string;
+export const AccordionMinimalSpaceAroundLeftRightLg : string;
+export const AccordionBorderLight : string;
+export const AccordionBorderDark : string;
+export const ActionBarGridBorderLight : string;
+export const ActionBarGridBorderDark : string;
+export const ActionBarGridBackgroundLight : string;
+export const ActionBarGridBackgroundDark : string;
+export const ActionBarGridBorderRadiusSm : string;
+export const ActionBarGridBorderRadiusMd : string;
+export const ActionBarGridBorderRadiusLg : string;
+export const ActionBarGridSpaceBetweenSm : string;
+export const ActionBarGridSpaceBetweenMd : string;
+export const ActionBarGridSpaceBetweenLg : string;
+export const ActionBarGridSpaceAroundSm : string;
+export const ActionBarGridSpaceAroundMd : string;
+export const ActionBarGridSpaceAroundLg : string;
+export const ActionBarBorderLight : string;
+export const ActionBarBorderDark : string;
+export const ActionBarBackgroundLight : string;
+export const ActionBarBackgroundDark : string;
+export const ActionBarBorderRadiusSm : string;
+export const ActionBarBorderRadiusMd : string;
+export const ActionBarBorderRadiusLg : string;
+export const ActionBarSpaceBetweenSm : string;
+export const ActionBarSpaceBetweenMd : string;
+export const ActionBarSpaceBetweenLg : string;
+export const ActionBarSpaceAroundSm : string;
+export const ActionBarSpaceAroundMd : string;
+export const ActionBarSpaceAroundLg : string;
+export const ActionPadGridBorderLight : string;
+export const ActionPadGridBorderDark : string;
+export const ActionPadGridBackgroundLight : string;
+export const ActionPadGridBackgroundDark : string;
+export const ActionPadGridBorderRadiusSm : string;
+export const ActionPadGridBorderRadiusMd : string;
+export const ActionPadGridBorderRadiusLg : string;
+export const ActionPadGridSpaceBetweenSm : string;
+export const ActionPadGridSpaceBetweenMd : string;
+export const ActionPadGridSpaceBetweenLg : string;
+export const ActionPadGridSpaceAroundSm : string;
+export const ActionPadGridSpaceAroundMd : string;
+export const ActionPadGridSpaceAroundLg : string;
+export const ActionPadBorderLight : string;
+export const ActionPadBorderDark : string;
+export const ActionPadBackgroundLight : string;
+export const ActionPadBackgroundDark : string;
+export const ActionPadBorderRadiusSm : string;
+export const ActionPadBorderRadiusMd : string;
+export const ActionPadBorderRadiusLg : string;
+export const ActionPadSpaceBetweenSm : string;
+export const ActionPadSpaceBetweenMd : string;
+export const ActionPadSpaceBetweenLg : string;
+export const ActionPadSpaceAroundSm : string;
+export const ActionPadSpaceAroundMd : string;
+export const ActionPadSpaceAroundLg : string;
+export const ActionFontDefaultLight : string;
+export const ActionFontDefaultDark : string;
+export const ActionFontActiveLight : string;
+export const ActionFontActiveDark : string;
+export const ActionIconLight : string;
+export const ActionIconDark : string;
+export const ActionIconActiveLight : string;
+export const ActionIconActiveDark : string;
+export const ActionBackgroundDefaultLight : string;
+export const ActionBackgroundDefaultDark : string;
+export const ActionBackgroundActiveLight : string;
+export const ActionBackgroundActiveDark : string;
+export const ActionIconSizeSm : string;
+export const ActionIconSizeMd : string;
+export const ActionIconSizeLg : string;
+export const ActionSpaceBetweenSm : string;
+export const ActionSpaceBetweenMd : string;
+export const ActionSpaceBetweenLg : string;
+export const ActionSpaceAroundSm : string;
+export const ActionSpaceAroundMd : string;
+export const ActionSpaceAroundLg : string;
+export const ActionIndicatorSizeSm : string;
+export const ActionIndicatorSizeMd : string;
+export const ActionIndicatorSizeLg : string;
+export const ActionIndicatorLight : string;
+export const ActionIndicatorDark : string;
+export const ActionLoaderIconLight : string;
+export const ActionLoaderIconDark : string;
+export const AlertFontTitleLight : string;
+export const AlertFontTitleDark : string;
+export const AlertFontMessageLight : string;
+export const AlertFontMessageDark : string;
+export const AlertBackgroundLight : string;
+export const AlertBackgroundDark : string;
+export const AlertBorderLight : string;
+export const AlertBorderDark : string;
+export const AlertBorderRadiusSm : string;
+export const AlertBorderRadiusMd : string;
+export const AlertBorderRadiusLg : string;
+export const AlertIconSizeSm : string;
+export const AlertIconSizeMd : string;
+export const AlertIconSizeLg : string;
+export const AlertIconBlueLight : string;
+export const AlertIconBlueDark : string;
+export const AlertIconGreenLight : string;
+export const AlertIconGreenDark : string;
+export const AlertIconYellowLight : string;
+export const AlertIconYellowDark : string;
+export const AlertIconRedLight : string;
+export const AlertIconRedDark : string;
+export const AlertHighlightBlueLight : string;
+export const AlertHighlightBlueDark : string;
+export const AlertHighlightGreenLight : string;
+export const AlertHighlightGreenDark : string;
+export const AlertHighlightYellowLight : string;
+export const AlertHighlightYellowDark : string;
+export const AlertHighlightRedLight : string;
+export const AlertHighlightRedDark : string;
+export const AlertSpaceBetweenSm : string;
+export const AlertSpaceBetweenMd : string;
+export const AlertSpaceBetweenLg : string;
+export const AlertSpaceAroundTopSm : string;
+export const AlertSpaceAroundTopMd : string;
+export const AlertSpaceAroundTopLg : string;
+export const AlertSpaceAroundBottomSm : string;
+export const AlertSpaceAroundBottomMd : string;
+export const AlertSpaceAroundBottomLg : string;
+export const AlertSpaceAroundLeftSm : string;
+export const AlertSpaceAroundLeftMd : string;
+export const AlertSpaceAroundLeftLg : string;
+export const AlertSpaceAroundRightSm : string;
+export const AlertSpaceAroundRightMd : string;
+export const AlertSpaceAroundRightLg : string;
+export const AvatarFontLight : string;
+export const AvatarFontDark : string;
+export const AvatarIconLight : string;
+export const AvatarIconDark : string;
+export const AvatarBackgroundDefaultLight : string;
+export const AvatarBackgroundDefaultDark : string;
+export const AvatarBackgroundRedLight : string;
+export const AvatarBackgroundRedDark : string;
+export const AvatarBackgroundTealLight : string;
+export const AvatarBackgroundTealDark : string;
+export const AvatarBackgroundBlueLight : string;
+export const AvatarBackgroundBlueDark : string;
+export const AvatarBackgroundGreenLight : string;
+export const AvatarBackgroundGreenDark : string;
+export const AvatarBackgroundYellowLight : string;
+export const AvatarBackgroundYellowDark : string;
+export const AvatarBorderRadiusSm : string;
+export const AvatarBorderRadiusMd : string;
+export const AvatarBorderRadiusLg : string;
+export const AvatarCompSizeSm : string;
+export const AvatarCompSizeMd : string;
+export const AvatarCompSizeLg : string;
+export const AvatarIconSizeSm : string;
+export const AvatarIconSizeMd : string;
+export const AvatarIconSizeLg : string;
+export const BlockSectionFontLight : string;
+export const BlockSectionFontDark : string;
+export const BlockSectionIconValidLight : string;
+export const BlockSectionIconValidDark : string;
+export const BlockSectionIconInvalidLight : string;
+export const BlockSectionIconInvalidDark : string;
+export const BlockSectionIconChevronLight : string;
+export const BlockSectionIconChevronDark : string;
+export const BlockSectionBackgroundLight : string;
+export const BlockSectionBackgroundDark : string;
+export const BlockSectionBorderRadiusMd : string;
+export const BlockSectionIconSizeMd : string;
+export const BlockSectionSpaceBetweenMd : string;
+export const BlockSectionSpaceAroundBlockTextRightLeftMd : string;
+export const BlockSectionSpaceAroundBlockContentMd : string;
+export const BlockSectionSpaceAroundBlockSectionTopBottomMd : string;
+export const BlockSectionSpaceAroundIconLeftMd : string;
+export const BlockSectionSpaceAroundSwitchLeftMd : string;
+export const BlockSectionChevronSizeMd : string;
+export const BlockFontHeadingLight : string;
+export const BlockFontHeadingDark : string;
+export const BlockFontDescriptionLight : string;
+export const BlockFontDescriptionDark : string;
+export const BlockFontContentLight : string;
+export const BlockFontContentDark : string;
+export const BlockIconIdleLight : string;
+export const BlockIconIdleDark : string;
+export const BlockIconValidLight : string;
+export const BlockIconValidDark : string;
+export const BlockIconInvalidLight : string;
+export const BlockIconInvalidDark : string;
+export const BlockIconDragHandleLight : string;
+export const BlockIconDragHandleDark : string;
+export const BlockIconChevronLight : string;
+export const BlockIconChevronDark : string;
+export const BlockBorderLight : string;
+export const BlockBorderDark : string;
+export const BlockBackgroundLight : string;
+export const BlockBackgroundDark : string;
+export const BlockBorderRadiusMd : string;
+export const BlockBorderWidthMd : string;
+export const BlockIconSizeMd : string;
+export const BlockSpaceBetweenMd : string;
+export const BlockSpaceAroundBlockTopDownLeftMd : string;
+export const BlockSpaceAroundBlockRightMd : string;
+export const BlockSpaceAroundBlockContentRightLeftMd : string;
+export const BlockSpaceAroundBlockContentTopDownMd : string;
+export const BlockChevronSizeMd : string;
+export const BlockDragSizeMd : string;
+export const BlockDragHandleSpaceAroundDragRightLeftMd : string;
+export const ButtonFontBrandSolidLight : string;
+export const ButtonFontBrandSolidDark : string;
+export const ButtonFontBrandOutlineFillLight : string;
+export const ButtonFontBrandOutlineFillDark : string;
+export const ButtonFontBrandOutlineLight : string;
+export const ButtonFontBrandOutlineDark : string;
+export const ButtonFontBrandTransparentLight : string;
+export const ButtonFontBrandTransparentDark : string;
+export const ButtonFontInverseSolidLight : string;
+export const ButtonFontInverseSolidDark : string;
+export const ButtonFontInverseOutlineFillLight : string;
+export const ButtonFontInverseOutlineFillDark : string;
+export const ButtonFontInverseOutlineLight : string;
+export const ButtonFontInverseOutlineDark : string;
+export const ButtonFontInverseTransparentLight : string;
+export const ButtonFontInverseTransparentDark : string;
+export const ButtonFontNeutralSolidLight : string;
+export const ButtonFontNeutralSolidDark : string;
+export const ButtonFontNeutralOutlineFillLight : string;
+export const ButtonFontNeutralOutlineFillDark : string;
+export const ButtonFontNeutralOutlineLight : string;
+export const ButtonFontNeutralOutlineDark : string;
+export const ButtonFontNeutralTransparentLight : string;
+export const ButtonFontNeutralTransparentDark : string;
+export const ButtonFontDangerSolidLight : string;
+export const ButtonFontDangerSolidDark : string;
+export const ButtonFontDangerOutlineFillLight : string;
+export const ButtonFontDangerOutlineFillDark : string;
+export const ButtonFontDangerOutlineLight : string;
+export const ButtonFontDangerOutlineDark : string;
+export const ButtonFontDangerTransparentLight : string;
+export const ButtonFontDangerTransparentDark : string;
+export const ButtonIconBrandSolidLight : string;
+export const ButtonIconBrandSolidDark : string;
+export const ButtonIconBrandOutlineFillLight : string;
+export const ButtonIconBrandOutlineFillDark : string;
+export const ButtonIconBrandOutlineLight : string;
+export const ButtonIconBrandOutlineDark : string;
+export const ButtonIconBrandTransparentLight : string;
+export const ButtonIconBrandTransparentDark : string;
+export const ButtonIconInverseSolidLight : string;
+export const ButtonIconInverseSolidDark : string;
+export const ButtonIconInverseOutlineFillLight : string;
+export const ButtonIconInverseOutlineFillDark : string;
+export const ButtonIconInverseOutlineLight : string;
+export const ButtonIconInverseOutlineDark : string;
+export const ButtonIconInverseTransparentLight : string;
+export const ButtonIconInverseTransparentDark : string;
+export const ButtonIconNeutralSolidLight : string;
+export const ButtonIconNeutralSolidDark : string;
+export const ButtonIconNeutralOutlineFillLight : string;
+export const ButtonIconNeutralOutlineFillDark : string;
+export const ButtonIconNeutralOutlineLight : string;
+export const ButtonIconNeutralOutlineDark : string;
+export const ButtonIconNeutralTransparentLight : string;
+export const ButtonIconNeutralTransparentDark : string;
+export const ButtonIconDangerSolidLight : string;
+export const ButtonIconDangerSolidDark : string;
+export const ButtonIconDangerOutlineFillLight : string;
+export const ButtonIconDangerOutlineFillDark : string;
+export const ButtonIconDangerOutlineLight : string;
+export const ButtonIconDangerOutlineDark : string;
+export const ButtonIconDangerTransparentLight : string;
+export const ButtonIconDangerTransparentDark : string;
+export const ButtonBorderBrandOutlineFillLight : string;
+export const ButtonBorderBrandOutlineFillDark : string;
+export const ButtonBorderBrandOutlineLight : string;
+export const ButtonBorderBrandOutlineDark : string;
+export const ButtonBorderInverseOutlineFillLight : string;
+export const ButtonBorderInverseOutlineFillDark : string;
+export const ButtonBorderInverseOutlineLight : string;
+export const ButtonBorderInverseOutlineDark : string;
+export const ButtonBorderNeutralOutlineFillLight : string;
+export const ButtonBorderNeutralOutlineFillDark : string;
+export const ButtonBorderNeutralOutlineLight : string;
+export const ButtonBorderNeutralOutlineDark : string;
+export const ButtonBorderDangerOutlineFillLight : string;
+export const ButtonBorderDangerOutlineFillDark : string;
+export const ButtonBorderDangerOutlineLight : string;
+export const ButtonBorderDangerOutlineDark : string;
+export const ButtonBackgroundBrandSolidLight : string;
+export const ButtonBackgroundBrandSolidDark : string;
+export const ButtonBackgroundBrandOutlineFillLight : string;
+export const ButtonBackgroundBrandOutlineFillDark : string;
+export const ButtonBackgroundInverseSolidLight : string;
+export const ButtonBackgroundInverseSolidDark : string;
+export const ButtonBackgroundInverseOutlineFillLight : string;
+export const ButtonBackgroundInverseOutlineFillDark : string;
+export const ButtonBackgroundNeutralSolidLight : string;
+export const ButtonBackgroundNeutralSolidDark : string;
+export const ButtonBackgroundNeutralOutlineFillLight : string;
+export const ButtonBackgroundNeutralOutlineFillDark : string;
+export const ButtonBackgroundDangerSolidLight : string;
+export const ButtonBackgroundDangerSolidDark : string;
+export const ButtonBackgroundDangerOutlineFillLight : string;
+export const ButtonBackgroundDangerOutlineFillDark : string;
+export const ButtonBorderRadiusSm : string;
+export const ButtonBorderRadiusMd : string;
+export const ButtonBorderRadiusLg : string;
+export const ButtonBorderWidthSm : string;
+export const ButtonBorderWidthMd : string;
+export const ButtonBorderWidthLg : string;
+export const ButtonCompSizeSm : string;
+export const ButtonCompSizeMd : string;
+export const ButtonCompSizeLg : string;
+export const ButtonIconSizeSm : string;
+export const ButtonIconSizeMd : string;
+export const ButtonIconSizeLg : string;
+export const ButtonSpaceAroundLeftRightSm : string;
+export const ButtonSpaceAroundLeftRightMd : string;
+export const ButtonSpaceAroundLeftRightLg : string;
+export const ButtonSpaceAroundTopBottomSm : string;
+export const ButtonSpaceAroundTopBottomMd : string;
+export const ButtonSpaceAroundTopBottomLg : string;
+export const ButtonSpaceAroundIconOnlySm : string;
+export const ButtonSpaceAroundIconOnlyMd : string;
+export const ButtonSpaceAroundIconOnlyLg : string;
+export const ButtonSpaceBetweenSm : string;
+export const ButtonSpaceBetweenMd : string;
+export const ButtonSpaceBetweenLg : string;
+export const CardFontTitleLight : string;
+export const CardFontTitleDark : string;
+export const CardFontDescriptionLight : string;
+export const CardFontDescriptionDark : string;
+export const CardFontSubtitleLight : string;
+export const CardFontSubtitleDark : string;
+export const CardBorderDefaultLight : string;
+export const CardBorderDefaultDark : string;
+export const CardBorderActiveLight : string;
+export const CardBorderActiveDark : string;
+export const CardBackgroundDefaultLight : string;
+export const CardBackgroundDefaultDark : string;
+export const CardSpaceAroundMd : string;
+export const CardSpaceBetweenCardMd : string;
+export const CardSpaceBetweenTitleMd : string;
+export const CardBorderRadiusMd : string;
+export const CardBorderWidthMd : string;
+export const CheckboxCompSizeSm : string;
+export const CheckboxCompSizeMd : string;
+export const CheckboxCompSizeLg : string;
+export const CheckboxSpaceBetweenSm : string;
+export const CheckboxSpaceBetweenMd : string;
+export const CheckboxSpaceBetweenLg : string;
+export const CheckboxBackgroundDefaultLight : string;
+export const CheckboxBackgroundDefaultDark : string;
+export const CheckboxBackgroundSelectedLight : string;
+export const CheckboxBackgroundSelectedDark : string;
+export const CheckboxIconLight : string;
+export const CheckboxIconDark : string;
+export const CheckboxBorderRadius : string;
+export const CheckboxBorderWidth : string;
+export const CheckboxBorderLight : string;
+export const CheckboxBorderDark : string;
+export const CheckboxFontLight : string;
+export const CheckboxFontDark : string;
+export const CheckboxSpaceAroundStandard : string;
+export const ChipFontClearLight : string;
+export const ChipFontClearDark : string;
+export const ChipFontSolidGreyLight : string;
+export const ChipFontSolidGreyDark : string;
+export const ChipFontSolidBlueLight : string;
+export const ChipFontSolidBlueDark : string;
+export const ChipFontSolidRedLight : string;
+export const ChipFontSolidRedDark : string;
+export const ChipFontSolidYellowLight : string;
+export const ChipFontSolidYellowDark : string;
+export const ChipFontSolidGreenLight : string;
+export const ChipFontSolidGreenDark : string;
+export const ChipIconSolidGreyLight : string;
+export const ChipIconSolidGreyDark : string;
+export const ChipIconSolidBlueLight : string;
+export const ChipIconSolidBlueDark : string;
+export const ChipIconSolidRedLight : string;
+export const ChipIconSolidRedDark : string;
+export const ChipIconSolidYellowLight : string;
+export const ChipIconSolidYellowDark : string;
+export const ChipIconSolidGreenLight : string;
+export const ChipIconSolidGreenDark : string;
+export const ChipIconClearLight : string;
+export const ChipIconClearDark : string;
+export const ChipIconSpaceAroundRightSm : string;
+export const ChipIconSpaceAroundRightMd : string;
+export const ChipIconSpaceAroundRightLg : string;
+export const ChipIconSpaceAroundLeftSm : string;
+export const ChipIconSpaceAroundLeftMd : string;
+export const ChipIconSpaceAroundLeftLg : string;
+export const ChipBackgroundSolidGreyLight : string;
+export const ChipBackgroundSolidGreyDark : string;
+export const ChipBackgroundSolidRedLight : string;
+export const ChipBackgroundSolidRedDark : string;
+export const ChipBackgroundSolidBlueLight : string;
+export const ChipBackgroundSolidBlueDark : string;
+export const ChipBackgroundSolidGreenLight : string;
+export const ChipBackgroundSolidGreenDark : string;
+export const ChipBackgroundSolidYellowLight : string;
+export const ChipBackgroundSolidYellowDark : string;
+export const ChipBorderRadiusSm : string;
+export const ChipBorderRadiusMd : string;
+export const ChipBorderRadiusLg : string;
+export const ChipIconSizeSm : string;
+export const ChipIconSizeMd : string;
+export const ChipIconSizeLg : string;
+export const ChipClosableIconLight : string;
+export const ChipClosableIconDark : string;
+export const ChipClosableIconSpaceAroundSm : string;
+export const ChipClosableIconSpaceAroundMd : string;
+export const ChipClosableIconSpaceAroundLg : string;
+export const ChipBorderClearGreyLight : string;
+export const ChipBorderClearGreyDark : string;
+export const ChipBorderClearRedLight : string;
+export const ChipBorderClearRedDark : string;
+export const ChipBorderClearBlueLight : string;
+export const ChipBorderClearBlueDark : string;
+export const ChipBorderClearGreenLight : string;
+export const ChipBorderClearGreenDark : string;
+export const ChipBorderClearYellowLight : string;
+export const ChipBorderClearYellowDark : string;
+export const ChipSpaceAroundSm : string;
+export const ChipSpaceAroundMd : string;
+export const ChipSpaceAroundLg : string;
+export const ChipSpaceBetweenSm : string;
+export const ChipSpaceBetweenMd : string;
+export const ChipSpaceBetweenLg : string;
+export const ChipBorderWidth : string;
+export const ChipTextSpaceAroundSm : string;
+export const ChipTextSpaceAroundMd : string;
+export const ChipTextSpaceAroundLg : string;
+export const ColorPickerFontLabelLight : string;
+export const ColorPickerFontLabelDark : string;
+export const ColorPickerIconLight : string;
+export const ColorPickerIconDark : string;
+export const ColorPickerBorderLight : string;
+export const ColorPickerBorderDark : string;
+export const ColorPickerBackgroundDefaultLight : string;
+export const ColorPickerBackgroundDefaultDark : string;
+export const ColorPickerBorderRadiusSm : string;
+export const ColorPickerBorderRadiusMd : string;
+export const ColorPickerBorderRadiusLg : string;
+export const ColorPickerBorderWidthSm : string;
+export const ColorPickerBorderWidthMd : string;
+export const ColorPickerBorderWidthLg : string;
+export const ColorPickerSavedSizeSm : string;
+export const ColorPickerSavedSizeMd : string;
+export const ColorPickerSavedSizeLg : string;
+export const ColorPickerSwatchSizeSm : string;
+export const ColorPickerSwatchSizeMd : string;
+export const ColorPickerSwatchSizeLg : string;
+export const ColorPickerChannelsSpaceBetweenSm : string;
+export const ColorPickerChannelsSpaceBetweenMd : string;
+export const ColorPickerChannelsSpaceBetweenLg : string;
+export const ColorPickerSpaceBetweenSm : string;
+export const ColorPickerSpaceBetweenMd : string;
+export const ColorPickerSpaceBetweenLg : string;
+export const ColorPickerSpaceAroundSm : string;
+export const ColorPickerSpaceAroundMd : string;
+export const ColorPickerSpaceAroundLg : string;
+export const ComboboxFontLight : string;
+export const ComboboxFontDark : string;
+export const ComboboxIconLight : string;
+export const ComboboxIconDark : string;
+export const ComboboxBorderLight : string;
+export const ComboboxBorderDark : string;
+export const ComboboxBackgroundDefaultLight : string;
+export const ComboboxBackgroundDefaultDark : string;
+export const ComboboxForegroundLight : string;
+export const ComboboxForegroundDark : string;
+export const ComboboxBorderRadiusSm : string;
+export const ComboboxBorderRadiusMd : string;
+export const ComboboxBorderRadiusLg : string;
+export const ComboboxBorderWidthSm : string;
+export const ComboboxBorderWidthMd : string;
+export const ComboboxBorderWidthLg : string;
+export const ComboboxCompSizeSm : string;
+export const ComboboxCompSizeMd : string;
+export const ComboboxCompSizeLg : string;
+export const ComboboxIconSizeSm : string;
+export const ComboboxIconSizeMd : string;
+export const ComboboxIconSizeLg : string;
+export const ComboboxSpaceBetweenSm : string;
+export const ComboboxSpaceBetweenMd : string;
+export const ComboboxSpaceBetweenLg : string;
+export const ComboboxSpaceAroundSm : string;
+export const ComboboxSpaceAroundMd : string;
+export const ComboboxSpaceAroundLg : string;
+export const DatePickerFontDateLight : string;
+export const DatePickerFontDateDark : string;
+export const DatePickerFontDayLight : string;
+export const DatePickerFontDayDark : string;
+export const DatePickerFontMonthLight : string;
+export const DatePickerFontMonthDark : string;
+export const DatePickerFontRangeDateLight : string;
+export const DatePickerFontRangeDateDark : string;
+export const DatePickerFontSelectedDateLight : string;
+export const DatePickerFontSelectedDateDark : string;
+export const DatePickerFontActiveDateLight : string;
+export const DatePickerFontActiveDateDark : string;
+export const DatePickerIconLight : string;
+export const DatePickerIconDark : string;
+export const DatePickerBorderLight : string;
+export const DatePickerBorderDark : string;
+export const DatePickerBackgroundDefaultLight : string;
+export const DatePickerBackgroundDefaultDark : string;
+export const DatePickerBackgroundDateActiveLight : string;
+export const DatePickerBackgroundDateActiveDark : string;
+export const DatePickerBackgroundDateRangeLight : string;
+export const DatePickerBackgroundDateRangeDark : string;
+export const DatePickerBorderRadiusSm : string;
+export const DatePickerBorderRadiusMd : string;
+export const DatePickerBorderRadiusLg : string;
+export const DatePickerBorderWidthSm : string;
+export const DatePickerBorderWidthMd : string;
+export const DatePickerBorderWidthLg : string;
+export const DatePickerIconSizeSm : string;
+export const DatePickerIconSizeMd : string;
+export const DatePickerIconSizeLg : string;
+export const DatePickerDateRowSpaceBetweenSm : string;
+export const DatePickerDateRowSpaceBetweenMd : string;
+export const DatePickerDateRowSpaceBetweenLg : string;
+export const DatePickerDateRowSpaceAroundLeftRightSm : string;
+export const DatePickerDateRowSpaceAroundLeftRightMd : string;
+export const DatePickerDateRowSpaceAroundLeftRightLg : string;
+export const DatePickerDateRowSpaceAroundTopBottomSm : string;
+export const DatePickerDateRowSpaceAroundTopBottomMd : string;
+export const DatePickerDateRowSpaceAroundTopBottomLg : string;
+export const DatePickerDateActiveBorderLight : string;
+export const DatePickerDateActiveBorderDark : string;
+export const DatePickerDateSpaceAroundLeftRightSm : string;
+export const DatePickerDateSpaceAroundLeftRightMd : string;
+export const DatePickerDateSpaceAroundLeftRightLg : string;
+export const DatePickerDateSpaceAroundTopBottomSm : string;
+export const DatePickerDateSpaceAroundTopBottomMd : string;
+export const DatePickerDateSpaceAroundTopBottomLg : string;
+export const DatePickerDaySpaceBetweenSm : string;
+export const DatePickerDaySpaceBetweenMd : string;
+export const DatePickerDaySpaceBetweenLg : string;
+export const DatePickerDaySpaceAroundSm : string;
+export const DatePickerDaySpaceAroundMd : string;
+export const DatePickerDaySpaceAroundLg : string;
+export const DatePickerMonthSpaceBetweenSm : string;
+export const DatePickerMonthSpaceBetweenMd : string;
+export const DatePickerMonthSpaceBetweenLg : string;
+export const DatePickerMonthSpaceAroundSm : string;
+export const DatePickerMonthSpaceAroundMd : string;
+export const DatePickerMonthSpaceAroundLg : string;
+export const DropdownItemFontDefaultLight : string;
+export const DropdownItemFontDefaultDark : string;
+export const DropdownItemFontSelectedLight : string;
+export const DropdownItemFontSelectedDark : string;
+export const DropdownItemFontGroupTitleLight : string;
+export const DropdownItemFontGroupTitleDark : string;
+export const DropdownItemIconDefaultLight : string;
+export const DropdownItemIconDefaultDark : string;
+export const DropdownItemIconDefaultSelectedLight : string;
+export const DropdownItemIconDefaultSelectedDark : string;
+export const DropdownItemIconSelectLight : string;
+export const DropdownItemIconSelectDark : string;
+export const DropdownItemBorderLight : string;
+export const DropdownItemBorderDark : string;
+export const DropdownItemBorderWidthSm : string;
+export const DropdownItemBorderWidthMd : string;
+export const DropdownItemBorderWidthLg : string;
+export const DropdownItemIconSizeSm : string;
+export const DropdownItemIconSizeMd : string;
+export const DropdownItemIconSizeLg : string;
+export const DropdownItemSpaceBetweenContainerSm : string;
+export const DropdownItemSpaceBetweenContainerMd : string;
+export const DropdownItemSpaceBetweenContainerLg : string;
+export const DropdownItemSpaceAroundContentLeftSm : string;
+export const DropdownItemSpaceAroundContentLeftMd : string;
+export const DropdownItemSpaceAroundContentLeftLg : string;
+export const DropdownItemSpaceAroundContentTopBottomSm : string;
+export const DropdownItemSpaceAroundContentTopBottomMd : string;
+export const DropdownItemSpaceAroundContentTopBottomLg : string;
+export const DropdownItemSpaceAroundContainerDefaultLeftSm : string;
+export const DropdownItemSpaceAroundContainerDefaultLeftMd : string;
+export const DropdownItemSpaceAroundContainerDefaultLeftLg : string;
+export const DropdownItemSpaceAroundContainerDefaultRightSm : string;
+export const DropdownItemSpaceAroundContainerDefaultRightMd : string;
+export const DropdownItemSpaceAroundContainerDefaultRightLg : string;
+export const DropdownItemSpaceAroundContainerDefaultTopBottomSm : string;
+export const DropdownItemSpaceAroundContainerDefaultTopBottomMd : string;
+export const DropdownItemSpaceAroundContainerDefaultTopBottomLg : string;
+export const DropdownItemSpaceAroundContainerSingleLeftSm : string;
+export const DropdownItemSpaceAroundContainerSingleLeftMd : string;
+export const DropdownItemSpaceAroundContainerSingleLeftLg : string;
+export const DropdownItemSpaceAroundContainerSingleRightSm : string;
+export const DropdownItemSpaceAroundContainerSingleRightMd : string;
+export const DropdownItemSpaceAroundContainerSingleRightLg : string;
+export const DropdownItemSpaceAroundContainerSingleTopBottomSm : string;
+export const DropdownItemSpaceAroundContainerSingleTopBottomMd : string;
+export const DropdownItemSpaceAroundContainerSingleTopBottomLg : string;
+export const DropdownItemSpaceAroundContainerMultiLeftSm : string;
+export const DropdownItemSpaceAroundContainerMultiLeftMd : string;
+export const DropdownItemSpaceAroundContainerMultiLeftLg : string;
+export const DropdownItemSpaceAroundContainerMultiRightSm : string;
+export const DropdownItemSpaceAroundContainerMultiRightMd : string;
+export const DropdownItemSpaceAroundContainerMultiRightLg : string;
+export const DropdownItemSpaceAroundContainerMultiTopBottomSm : string;
+export const DropdownItemSpaceAroundContainerMultiTopBottomMd : string;
+export const DropdownItemSpaceAroundContainerMultiTopBottomLg : string;
+export const DropdownItemSpaceAroundGroupTitleSm : string;
+export const DropdownItemSpaceAroundGroupTitleMd : string;
+export const DropdownItemSpaceAroundGroupTitleLg : string;
+export const DropdownItemSpaceAroundIconStartLeftSm : string;
+export const DropdownItemSpaceAroundIconStartLeftMd : string;
+export const DropdownItemSpaceAroundIconStartLeftLg : string;
+export const DropdownItemSpaceAroundIconStartRightSm : string;
+export const DropdownItemSpaceAroundIconStartRightMd : string;
+export const DropdownItemSpaceAroundIconStartRightLg : string;
+export const DropdownItemSpaceAroundIconEndLeftSm : string;
+export const DropdownItemSpaceAroundIconEndLeftMd : string;
+export const DropdownItemSpaceAroundIconEndLeftLg : string;
+export const DropdownBackgroundDefaultLight : string;
+export const DropdownBackgroundDefaultDark : string;
+export const DropdownBorderRadiusSm : string;
+export const DropdownBorderRadiusMd : string;
+export const DropdownBorderRadiusLg : string;
+export const DropdownCompSizeSm : string;
+export const DropdownCompSizeMd : string;
+export const DropdownCompSizeLg : string;
+export const FabFontBrandSolidLight : string;
+export const FabFontBrandSolidDark : string;
+export const FabFontBrandOutlineFillLight : string;
+export const FabFontBrandOutlineFillDark : string;
+export const FabFontInverseSolidLight : string;
+export const FabFontInverseSolidDark : string;
+export const FabFontInverseOutlineFillLight : string;
+export const FabFontInverseOutlineFillDark : string;
+export const FabFontNeutralSolidLight : string;
+export const FabFontNeutralSolidDark : string;
+export const FabFontNeutralOutlineFillLight : string;
+export const FabFontNeutralOutlineFillDark : string;
+export const FabFontDangerSolidLight : string;
+export const FabFontDangerSolidDark : string;
+export const FabFontDangerOutlineFillLight : string;
+export const FabFontDangerOutlineFillDark : string;
+export const FabIconBrandSolidLight : string;
+export const FabIconBrandSolidDark : string;
+export const FabIconBrandOutlineFillLight : string;
+export const FabIconBrandOutlineFillDark : string;
+export const FabIconInverseSolidLight : string;
+export const FabIconInverseSolidDark : string;
+export const FabIconInverseOutlineFillLight : string;
+export const FabIconInverseOutlineFillDark : string;
+export const FabIconNeutralSolidLight : string;
+export const FabIconNeutralSolidDark : string;
+export const FabIconNeutralOutlineFillLight : string;
+export const FabIconNeutralOutlineFillDark : string;
+export const FabIconDangerSolidLight : string;
+export const FabIconDangerSolidDark : string;
+export const FabIconDangerOutlineFillLight : string;
+export const FabIconDangerOutlineFillDark : string;
+export const FabBorderBrandSolidLight : string;
+export const FabBorderBrandSolidDark : string;
+export const FabBorderBrandOutlineFillLight : string;
+export const FabBorderBrandOutlineFillDark : string;
+export const FabBorderInverseSolidLight : string;
+export const FabBorderInverseSolidDark : string;
+export const FabBorderInverseOutlineFillLight : string;
+export const FabBorderInverseOutlineFillDark : string;
+export const FabBorderNeutralSolidLight : string;
+export const FabBorderNeutralSolidDark : string;
+export const FabBorderNeutralOutlineFillLight : string;
+export const FabBorderNeutralOutlineFillDark : string;
+export const FabBorderDangerSolidLight : string;
+export const FabBorderDangerSolidDark : string;
+export const FabBorderDangerOutlineFillLight : string;
+export const FabBorderDangerOutlineFillDark : string;
+export const FabBackgroundBrandSolidLight : string;
+export const FabBackgroundBrandSolidDark : string;
+export const FabBackgroundBrandOutlineFillLight : string;
+export const FabBackgroundBrandOutlineFillDark : string;
+export const FabBackgroundInverseSolidLight : string;
+export const FabBackgroundInverseSolidDark : string;
+export const FabBackgroundInverseOutlineFillLight : string;
+export const FabBackgroundInverseOutlineFillDark : string;
+export const FabBackgroundNeutralSolidLight : string;
+export const FabBackgroundNeutralSolidDark : string;
+export const FabBackgroundNeutralOutlineFillLight : string;
+export const FabBackgroundNeutralOutlineFillDark : string;
+export const FabBackgroundDangerSolidLight : string;
+export const FabBackgroundDangerSolidDark : string;
+export const FabBackgroundDangerOutlineFillLight : string;
+export const FabBackgroundDangerOutlineFillDark : string;
+export const FabBorderRadiusSm : string;
+export const FabBorderRadiusMd : string;
+export const FabBorderRadiusLg : string;
+export const FabBorderWidthSm : string;
+export const FabBorderWidthMd : string;
+export const FabBorderWidthLg : string;
+export const FabCompSizeSm : string;
+export const FabCompSizeMd : string;
+export const FabCompSizeLg : string;
+export const FabIconSizeSm : string;
+export const FabIconSizeMd : string;
+export const FabIconSizeLg : string;
+export const FabSpaceBetweenSm : string;
+export const FabSpaceBetweenMd : string;
+export const FabSpaceBetweenLg : string;
+export const FabSpaceAroundLeftRightSm : string;
+export const FabSpaceAroundLeftRightMd : string;
+export const FabSpaceAroundLeftRightLg : string;
+export const FabSpaceAroundTopBottomSm : string;
+export const FabSpaceAroundTopBottomMd : string;
+export const FabSpaceAroundTopBottomLg : string;
+export const FabSpaceAroundIconOnlySm : string;
+export const FabSpaceAroundIconOnlyMd : string;
+export const FabSpaceAroundIconOnlyLg : string;
+export const FilterFontLight : string;
+export const FilterFontDark : string;
+export const FilterIconLight : string;
+export const FilterIconDark : string;
+export const FilterBorderLight : string;
+export const FilterBorderDark : string;
+export const FilterBackgroundLight : string;
+export const FilterBackgroundDark : string;
+export const FilterBorderRadiusSm : string;
+export const FilterBorderRadiusMd : string;
+export const FilterBorderRadiusLg : string;
+export const FilterBorderWidthSm : string;
+export const FilterBorderWidthMd : string;
+export const FilterBorderWidthLg : string;
+export const FilterIconSizeSm : string;
+export const FilterIconSizeMd : string;
+export const FilterIconSizeLg : string;
+export const FilterInputSpaceBetweenSm : string;
+export const FilterInputSpaceBetweenMd : string;
+export const FilterInputSpaceBetweenLg : string;
+export const FilterInputSpaceAroundLeftRightSm : string;
+export const FilterInputSpaceAroundLeftRightMd : string;
+export const FilterInputSpaceAroundLeftRightLg : string;
+export const FilterInputSpaceAroundTopBottomSm : string;
+export const FilterInputSpaceAroundTopBottomMd : string;
+export const FilterInputSpaceAroundTopBottomLg : string;
+export const FilterSpaceAroundLeftRightSm : string;
+export const FilterSpaceAroundLeftRightMd : string;
+export const FilterSpaceAroundLeftRightLg : string;
+export const FilterSpaceAroundTopBottomSm : string;
+export const FilterSpaceAroundTopBottomMd : string;
+export const FilterSpaceAroundTopBottomLg : string;
+export const IconSizeSm : string;
+export const IconSizeMd : string;
+export const IconSizeLg : string;
+export const InputDatePickerFontPlaceholderValueLight : string;
+export const InputDatePickerFontPlaceholderValueDark : string;
+export const InputDatePickerFontLabelLight : string;
+export const InputDatePickerFontLabelDark : string;
+export const InputDatePickerIconLight : string;
+export const InputDatePickerIconDark : string;
+export const InputDatePickerBorderLight : string;
+export const InputDatePickerBorderDark : string;
+export const InputDatePickerBackgroundDefaultLight : string;
+export const InputDatePickerBackgroundDefaultDark : string;
+export const InputDatePickerBackgroundArrowLight : string;
+export const InputDatePickerBackgroundArrowDark : string;
+export const InputDatePickerBackgroundReadOnlyLight : string;
+export const InputDatePickerBackgroundReadOnlyDark : string;
+export const InputDatePickerBorderRadiusSm : string;
+export const InputDatePickerBorderRadiusMd : string;
+export const InputDatePickerBorderRadiusLg : string;
+export const InputDatePickerBorderWidthSm : string;
+export const InputDatePickerBorderWidthMd : string;
+export const InputDatePickerBorderWidthLg : string;
+export const InputDatePickerIconSizeSm : string;
+export const InputDatePickerIconSizeMd : string;
+export const InputDatePickerIconSizeLg : string;
+export const InputDatePickerSpaceBetweenSm : string;
+export const InputDatePickerSpaceBetweenMd : string;
+export const InputDatePickerSpaceBetweenLg : string;
+export const InputDatePickerSpaceAroundLeftRightSm : string;
+export const InputDatePickerSpaceAroundLeftRightMd : string;
+export const InputDatePickerSpaceAroundLeftRightLg : string;
+export const InputDatePickerSpaceAroundTopBottomSm : string;
+export const InputDatePickerSpaceAroundTopBottomMd : string;
+export const InputDatePickerSpaceAroundTopBottomLg : string;
+export const InputDatePickerArrowSizeSm : string;
+export const InputDatePickerArrowSizeMd : string;
+export const InputDatePickerArrowSizeLg : string;
+export const InputDatePickerOpacityPlaceholderLight : string;
+export const InputDatetimeLocalFontPlaceholderValueLight : string;
+export const InputDatetimeLocalFontPlaceholderValueDark : string;
+export const InputDatetimeLocalFontLabelLight : string;
+export const InputDatetimeLocalFontLabelDark : string;
+export const InputDatetimeLocalFontPrefixSuffixLight : string;
+export const InputDatetimeLocalFontPrefixSuffixDark : string;
+export const InputDatetimeLocalIconLight : string;
+export const InputDatetimeLocalIconDark : string;
+export const InputDatetimeLocalBorderInvalidLight : string;
+export const InputDatetimeLocalBorderInvalidDark : string;
+export const InputDatetimeLocalBorderDefaultLight : string;
+export const InputDatetimeLocalBorderDefaultDark : string;
+export const InputDatetimeLocalBackgroundDefaultLight : string;
+export const InputDatetimeLocalBackgroundDefaultDark : string;
+export const InputDatetimeLocalBackgroundPrefixSuffixLight : string;
+export const InputDatetimeLocalBackgroundPrefixSuffixDark : string;
+export const InputDatetimeLocalBackgroundReadOnlyLight : string;
+export const InputDatetimeLocalBackgroundReadOnlyDark : string;
+export const InputDatetimeLocalBorderRadiusSm : string;
+export const InputDatetimeLocalBorderRadiusMd : string;
+export const InputDatetimeLocalBorderRadiusLg : string;
+export const InputDatetimeLocalBorderWidthSm : string;
+export const InputDatetimeLocalBorderWidthMd : string;
+export const InputDatetimeLocalBorderWidthLg : string;
+export const InputDatetimeLocalIconSizeSm : string;
+export const InputDatetimeLocalIconSizeMd : string;
+export const InputDatetimeLocalIconSizeLg : string;
+export const InputDatetimeLocalSpaceBetweenSm : string;
+export const InputDatetimeLocalSpaceBetweenMd : string;
+export const InputDatetimeLocalSpaceBetweenLg : string;
+export const InputDatetimeLocalSpaceAroundLeftRightSm : string;
+export const InputDatetimeLocalSpaceAroundLeftRightMd : string;
+export const InputDatetimeLocalSpaceAroundLeftRightLg : string;
+export const InputDatetimeLocalSpaceAroundTopBottomSm : string;
+export const InputDatetimeLocalSpaceAroundTopBottomMd : string;
+export const InputDatetimeLocalSpaceAroundTopBottomLg : string;
+export const InputDatetimeLocalOpacityPlaceholderLight : string;
+export const InputEmailFontPlaceholderValueLight : string;
+export const InputEmailFontPlaceholderValueDark : string;
+export const InputEmailFontLabelLight : string;
+export const InputEmailFontLabelDark : string;
+export const InputEmailFontPrefixSuffixLight : string;
+export const InputEmailFontPrefixSuffixDark : string;
+export const InputEmailIconLight : string;
+export const InputEmailIconDark : string;
+export const InputEmailBorderInvalidLight : string;
+export const InputEmailBorderInvalidDark : string;
+export const InputEmailBorderDefaultLight : string;
+export const InputEmailBorderDefaultDark : string;
+export const InputEmailBackgroundDefaultLight : string;
+export const InputEmailBackgroundDefaultDark : string;
+export const InputEmailBackgroundPrefixSuffixLight : string;
+export const InputEmailBackgroundPrefixSuffixDark : string;
+export const InputEmailBackgroundReadOnlyLight : string;
+export const InputEmailBackgroundReadOnlyDark : string;
+export const InputEmailBorderRadiusSm : string;
+export const InputEmailBorderRadiusMd : string;
+export const InputEmailBorderRadiusLg : string;
+export const InputEmailBorderWidthSm : string;
+export const InputEmailBorderWidthMd : string;
+export const InputEmailBorderWidthLg : string;
+export const InputEmailIconSizeSm : string;
+export const InputEmailIconSizeMd : string;
+export const InputEmailIconSizeLg : string;
+export const InputEmailSpaceBetweenSm : string;
+export const InputEmailSpaceBetweenMd : string;
+export const InputEmailSpaceBetweenLg : string;
+export const InputEmailSpaceAroundLeftRightSm : string;
+export const InputEmailSpaceAroundLeftRightMd : string;
+export const InputEmailSpaceAroundLeftRightLg : string;
+export const InputEmailSpaceAroundTopBottomSm : string;
+export const InputEmailSpaceAroundTopBottomMd : string;
+export const InputEmailSpaceAroundTopBottomLg : string;
+export const InputEmailOpacityPlaceholderLight : string;
+export const InputFileFontPlaceholderValueLight : string;
+export const InputFileFontPlaceholderValueDark : string;
+export const InputFileFontLabelLight : string;
+export const InputFileFontLabelDark : string;
+export const InputFileFontPrefixSuffixLight : string;
+export const InputFileFontPrefixSuffixDark : string;
+export const InputFileIconLight : string;
+export const InputFileIconDark : string;
+export const InputFileBorderInvalidLight : string;
+export const InputFileBorderInvalidDark : string;
+export const InputFileBorderDefaultLight : string;
+export const InputFileBorderDefaultDark : string;
+export const InputFileBackgroundDefaultLight : string;
+export const InputFileBackgroundDefaultDark : string;
+export const InputFileBackgroundPrefixSuffixLight : string;
+export const InputFileBackgroundPrefixSuffixDark : string;
+export const InputFileBackgroundReadOnlyLight : string;
+export const InputFileBackgroundReadOnlyDark : string;
+export const InputFileBorderRadiusSm : string;
+export const InputFileBorderRadiusMd : string;
+export const InputFileBorderRadiusLg : string;
+export const InputFileBorderWidthSm : string;
+export const InputFileBorderWidthMd : string;
+export const InputFileBorderWidthLg : string;
+export const InputFileIconSizeSm : string;
+export const InputFileIconSizeMd : string;
+export const InputFileIconSizeLg : string;
+export const InputFileSpaceBetweenSm : string;
+export const InputFileSpaceBetweenMd : string;
+export const InputFileSpaceBetweenLg : string;
+export const InputFileSpaceAroundLeftRightSm : string;
+export const InputFileSpaceAroundLeftRightMd : string;
+export const InputFileSpaceAroundLeftRightLg : string;
+export const InputFileSpaceAroundTopBottomSm : string;
+export const InputFileSpaceAroundTopBottomMd : string;
+export const InputFileSpaceAroundTopBottomLg : string;
+export const InputFileOpacityPlaceholderLight : string;
+export const InputMessageFontLight : string;
+export const InputMessageFontDark : string;
+export const InputMessageIconIdleLight : string;
+export const InputMessageIconIdleDark : string;
+export const InputMessageIconInvalidLight : string;
+export const InputMessageIconInvalidDark : string;
+export const InputMessageIconValidLight : string;
+export const InputMessageIconValidDark : string;
+export const InputMessageIconSizeSm : string;
+export const InputMessageIconSizeMd : string;
+export const InputMessageIconSizeLg : string;
+export const InputMonthFontPlaceholderValueLight : string;
+export const InputMonthFontPlaceholderValueDark : string;
+export const InputMonthFontLabelLight : string;
+export const InputMonthFontLabelDark : string;
+export const InputMonthFontPrefixSuffixLight : string;
+export const InputMonthFontPrefixSuffixDark : string;
+export const InputMonthIconLight : string;
+export const InputMonthIconDark : string;
+export const InputMonthBorderInvalidLight : string;
+export const InputMonthBorderInvalidDark : string;
+export const InputMonthBorderDefaultLight : string;
+export const InputMonthBorderDefaultDark : string;
+export const InputMonthBackgroundDefaultLight : string;
+export const InputMonthBackgroundDefaultDark : string;
+export const InputMonthBackgroundPrefixSuffixLight : string;
+export const InputMonthBackgroundPrefixSuffixDark : string;
+export const InputMonthBackgroundReadOnlyLight : string;
+export const InputMonthBackgroundReadOnlyDark : string;
+export const InputMonthBorderRadiusSm : string;
+export const InputMonthBorderRadiusMd : string;
+export const InputMonthBorderRadiusLg : string;
+export const InputMonthBorderWidthSm : string;
+export const InputMonthBorderWidthMd : string;
+export const InputMonthBorderWidthLg : string;
+export const InputMonthIconSizeSm : string;
+export const InputMonthIconSizeMd : string;
+export const InputMonthIconSizeLg : string;
+export const InputMonthSpaceBetweenSm : string;
+export const InputMonthSpaceBetweenMd : string;
+export const InputMonthSpaceBetweenLg : string;
+export const InputMonthSpaceAroundLeftRightSm : string;
+export const InputMonthSpaceAroundLeftRightMd : string;
+export const InputMonthSpaceAroundLeftRightLg : string;
+export const InputMonthSpaceAroundTopBottomSm : string;
+export const InputMonthSpaceAroundTopBottomMd : string;
+export const InputMonthSpaceAroundTopBottomLg : string;
+export const InputMonthOpacityPlaceholderLight : string;
+export const InputNumberFontPlaceholderValueLight : string;
+export const InputNumberFontPlaceholderValueDark : string;
+export const InputNumberFontLabelLight : string;
+export const InputNumberFontLabelDark : string;
+export const InputNumberFontPrefixSuffixLight : string;
+export const InputNumberFontPrefixSuffixDark : string;
+export const InputNumberIconLight : string;
+export const InputNumberIconDark : string;
+export const InputNumberBorderInvalidLight : string;
+export const InputNumberBorderInvalidDark : string;
+export const InputNumberBorderDefaultLight : string;
+export const InputNumberBorderDefaultDark : string;
+export const InputNumberBackgroundDefaultLight : string;
+export const InputNumberBackgroundDefaultDark : string;
+export const InputNumberBackgroundPrefixSuffixLight : string;
+export const InputNumberBackgroundPrefixSuffixDark : string;
+export const InputNumberBackgroundReadOnlyLight : string;
+export const InputNumberBackgroundReadOnlyDark : string;
+export const InputNumberBorderRadiusSm : string;
+export const InputNumberBorderRadiusMd : string;
+export const InputNumberBorderRadiusLg : string;
+export const InputNumberBorderWidthSm : string;
+export const InputNumberBorderWidthMd : string;
+export const InputNumberBorderWidthLg : string;
+export const InputNumberIconSizeSm : string;
+export const InputNumberIconSizeMd : string;
+export const InputNumberIconSizeLg : string;
+export const InputNumberSpaceBetweenSm : string;
+export const InputNumberSpaceBetweenMd : string;
+export const InputNumberSpaceBetweenLg : string;
+export const InputNumberSpaceAroundLeftRightSm : string;
+export const InputNumberSpaceAroundLeftRightMd : string;
+export const InputNumberSpaceAroundLeftRightLg : string;
+export const InputNumberSpaceAroundTopBottomSm : string;
+export const InputNumberSpaceAroundTopBottomMd : string;
+export const InputNumberSpaceAroundTopBottomLg : string;
+export const InputNumberOpacityPlaceholderLight : string;
+export const InputPasswordFontPlaceholderValueLight : string;
+export const InputPasswordFontPlaceholderValueDark : string;
+export const InputPasswordFontLabelLight : string;
+export const InputPasswordFontLabelDark : string;
+export const InputPasswordFontPrefixSuffixLight : string;
+export const InputPasswordFontPrefixSuffixDark : string;
+export const InputPasswordIconLight : string;
+export const InputPasswordIconDark : string;
+export const InputPasswordBorderInvalidLight : string;
+export const InputPasswordBorderInvalidDark : string;
+export const InputPasswordBorderDefaultLight : string;
+export const InputPasswordBorderDefaultDark : string;
+export const InputPasswordBackgroundDefaultLight : string;
+export const InputPasswordBackgroundDefaultDark : string;
+export const InputPasswordBackgroundPrefixSuffixLight : string;
+export const InputPasswordBackgroundPrefixSuffixDark : string;
+export const InputPasswordBackgroundReadOnlyLight : string;
+export const InputPasswordBackgroundReadOnlyDark : string;
+export const InputPasswordBorderRadiusSm : string;
+export const InputPasswordBorderRadiusMd : string;
+export const InputPasswordBorderRadiusLg : string;
+export const InputPasswordBorderWidthSm : string;
+export const InputPasswordBorderWidthMd : string;
+export const InputPasswordBorderWidthLg : string;
+export const InputPasswordIconSizeSm : string;
+export const InputPasswordIconSizeMd : string;
+export const InputPasswordIconSizeLg : string;
+export const InputPasswordSpaceBetweenSm : string;
+export const InputPasswordSpaceBetweenMd : string;
+export const InputPasswordSpaceBetweenLg : string;
+export const InputPasswordSpaceAroundLeftRightSm : string;
+export const InputPasswordSpaceAroundLeftRightMd : string;
+export const InputPasswordSpaceAroundLeftRightLg : string;
+export const InputPasswordSpaceAroundTopBottomSm : string;
+export const InputPasswordSpaceAroundTopBottomMd : string;
+export const InputPasswordSpaceAroundTopBottomLg : string;
+export const InputPasswordOpacityPlaceholderLight : string;
+export const InputSearchFontPlaceholderValueLight : string;
+export const InputSearchFontPlaceholderValueDark : string;
+export const InputSearchFontLabelLight : string;
+export const InputSearchFontLabelDark : string;
+export const InputSearchFontPrefixSuffixLight : string;
+export const InputSearchFontPrefixSuffixDark : string;
+export const InputSearchIconLight : string;
+export const InputSearchIconDark : string;
+export const InputSearchBorderInvalidLight : string;
+export const InputSearchBorderInvalidDark : string;
+export const InputSearchBorderDefaultLight : string;
+export const InputSearchBorderDefaultDark : string;
+export const InputSearchBackgroundDefaultLight : string;
+export const InputSearchBackgroundDefaultDark : string;
+export const InputSearchBackgroundPrefixSuffixLight : string;
+export const InputSearchBackgroundPrefixSuffixDark : string;
+export const InputSearchBackgroundReadOnlyLight : string;
+export const InputSearchBackgroundReadOnlyDark : string;
+export const InputSearchBorderRadiusSm : string;
+export const InputSearchBorderRadiusMd : string;
+export const InputSearchBorderRadiusLg : string;
+export const InputSearchBorderWidthSm : string;
+export const InputSearchBorderWidthMd : string;
+export const InputSearchBorderWidthLg : string;
+export const InputSearchIconSizeSm : string;
+export const InputSearchIconSizeMd : string;
+export const InputSearchIconSizeLg : string;
+export const InputSearchSpaceBetweenSm : string;
+export const InputSearchSpaceBetweenMd : string;
+export const InputSearchSpaceBetweenLg : string;
+export const InputSearchSpaceAroundLeftRightSm : string;
+export const InputSearchSpaceAroundLeftRightMd : string;
+export const InputSearchSpaceAroundLeftRightLg : string;
+export const InputSearchSpaceAroundTopBottomSm : string;
+export const InputSearchSpaceAroundTopBottomMd : string;
+export const InputSearchSpaceAroundTopBottomLg : string;
+export const InputSearchOpacityPlaceholderLight : string;
+export const InputTelephoneFontPlaceholderValueLight : string;
+export const InputTelephoneFontPlaceholderValueDark : string;
+export const InputTelephoneFontLabelLight : string;
+export const InputTelephoneFontLabelDark : string;
+export const InputTelephoneFontPrefixSuffixLight : string;
+export const InputTelephoneFontPrefixSuffixDark : string;
+export const InputTelephoneIconLight : string;
+export const InputTelephoneIconDark : string;
+export const InputTelephoneBorderInvalidLight : string;
+export const InputTelephoneBorderInvalidDark : string;
+export const InputTelephoneBorderDefaultLight : string;
+export const InputTelephoneBorderDefaultDark : string;
+export const InputTelephoneBackgroundDefaultLight : string;
+export const InputTelephoneBackgroundDefaultDark : string;
+export const InputTelephoneBackgroundPrefixSuffixLight : string;
+export const InputTelephoneBackgroundPrefixSuffixDark : string;
+export const InputTelephoneBackgroundReadOnlyLight : string;
+export const InputTelephoneBackgroundReadOnlyDark : string;
+export const InputTelephoneBorderRadiusSm : string;
+export const InputTelephoneBorderRadiusMd : string;
+export const InputTelephoneBorderRadiusLg : string;
+export const InputTelephoneBorderWidthSm : string;
+export const InputTelephoneBorderWidthMd : string;
+export const InputTelephoneBorderWidthLg : string;
+export const InputTelephoneIconSizeSm : string;
+export const InputTelephoneIconSizeMd : string;
+export const InputTelephoneIconSizeLg : string;
+export const InputTelephoneSpaceBetweenSm : string;
+export const InputTelephoneSpaceBetweenMd : string;
+export const InputTelephoneSpaceBetweenLg : string;
+export const InputTelephoneSpaceAroundLeftRightSm : string;
+export const InputTelephoneSpaceAroundLeftRightMd : string;
+export const InputTelephoneSpaceAroundLeftRightLg : string;
+export const InputTelephoneSpaceAroundTopBottomSm : string;
+export const InputTelephoneSpaceAroundTopBottomMd : string;
+export const InputTelephoneSpaceAroundTopBottomLg : string;
+export const InputTelephoneOpacityPlaceholderLight : string;
+export const InputTextFontPlaceholderValueLight : string;
+export const InputTextFontPlaceholderValueDark : string;
+export const InputTextFontLabelLight : string;
+export const InputTextFontLabelDark : string;
+export const InputTextFontPrefixSuffixLight : string;
+export const InputTextFontPrefixSuffixDark : string;
+export const InputTextIconLight : string;
+export const InputTextIconDark : string;
+export const InputTextBorderInvalidLight : string;
+export const InputTextBorderInvalidDark : string;
+export const InputTextBorderDefaultLight : string;
+export const InputTextBorderDefaultDark : string;
+export const InputTextBackgroundDefaultLight : string;
+export const InputTextBackgroundDefaultDark : string;
+export const InputTextBackgroundPrefixSuffixLight : string;
+export const InputTextBackgroundPrefixSuffixDark : string;
+export const InputTextBackgroundReadOnlyLight : string;
+export const InputTextBackgroundReadOnlyDark : string;
+export const InputTextBorderRadiusSm : string;
+export const InputTextBorderRadiusMd : string;
+export const InputTextBorderRadiusLg : string;
+export const InputTextBorderWidthSm : string;
+export const InputTextBorderWidthMd : string;
+export const InputTextBorderWidthLg : string;
+export const InputTextIconSizeSm : string;
+export const InputTextIconSizeMd : string;
+export const InputTextIconSizeLg : string;
+export const InputTextSpaceBetweenSm : string;
+export const InputTextSpaceBetweenMd : string;
+export const InputTextSpaceBetweenLg : string;
+export const InputTextSpaceAroundLeftRightSm : string;
+export const InputTextSpaceAroundLeftRightMd : string;
+export const InputTextSpaceAroundLeftRightLg : string;
+export const InputTextSpaceAroundTopBottomSm : string;
+export const InputTextSpaceAroundTopBottomMd : string;
+export const InputTextSpaceAroundTopBottomLg : string;
+export const InputTextOpacityPlaceholderLight : string;
+export const InputWeekFontPlaceholderValueLight : string;
+export const InputWeekFontPlaceholderValueDark : string;
+export const InputWeekFontLabelLight : string;
+export const InputWeekFontLabelDark : string;
+export const InputWeekFontPrefixSuffixLight : string;
+export const InputWeekFontPrefixSuffixDark : string;
+export const InputWeekIconLight : string;
+export const InputWeekIconDark : string;
+export const InputWeekBorderInvalidLight : string;
+export const InputWeekBorderInvalidDark : string;
+export const InputWeekBorderDefaultLight : string;
+export const InputWeekBorderDefaultDark : string;
+export const InputWeekBackgroundDefaultLight : string;
+export const InputWeekBackgroundDefaultDark : string;
+export const InputWeekBackgroundPrefixSuffixLight : string;
+export const InputWeekBackgroundPrefixSuffixDark : string;
+export const InputWeekBackgroundReadOnlyLight : string;
+export const InputWeekBackgroundReadOnlyDark : string;
+export const InputWeekBorderRadiusSm : string;
+export const InputWeekBorderRadiusMd : string;
+export const InputWeekBorderRadiusLg : string;
+export const InputWeekBorderWidthSm : string;
+export const InputWeekBorderWidthMd : string;
+export const InputWeekBorderWidthLg : string;
+export const InputWeekIconSizeSm : string;
+export const InputWeekIconSizeMd : string;
+export const InputWeekIconSizeLg : string;
+export const InputWeekSpaceBetweenSm : string;
+export const InputWeekSpaceBetweenMd : string;
+export const InputWeekSpaceBetweenLg : string;
+export const InputWeekSpaceAroundLeftRightSm : string;
+export const InputWeekSpaceAroundLeftRightMd : string;
+export const InputWeekSpaceAroundLeftRightLg : string;
+export const InputWeekSpaceAroundTopBottomSm : string;
+export const InputWeekSpaceAroundTopBottomMd : string;
+export const InputWeekSpaceAroundTopBottomLg : string;
+export const InputWeekOpacityPlaceholderLight : string;
+export const LabelFontLight : string;
+export const LabelFontDark : string;
+export const LinkFontLight : string;
+export const LinkFontDark : string;
+export const LinkIconLight : string;
+export const LinkIconDark : string;
+export const LinkBorderLight : string;
+export const LinkBorderDark : string;
+export const LinkBottomBorderWidth : string;
+export const LoaderFontLight : string;
+export const LoaderFontDark : string;
+export const LoaderDefaultCompSizeSm : string;
+export const LoaderDefaultCompSizeMd : string;
+export const LoaderDefaultCompSizeLg : string;
+export const LoaderDefaultSpaceBetweenStandard : string;
+export const LoaderDefaultForegroundLight : string;
+export const LoaderDefaultForegroundDark : string;
+export const LoaderInlineCompSizeSm : string;
+export const LoaderInlineCompSizeMd : string;
+export const LoaderInlineCompSizeLg : string;
+export const LoaderInlineSpaceBetweenSm : string;
+export const LoaderInlineSpaceBetweenMd : string;
+export const LoaderInlineSpaceBetweenLg : string;
+export const LoaderInlineSpaceAroundSm : string;
+export const LoaderInlineSpaceAroundMd : string;
+export const LoaderInlineSpaceAroundLg : string;
+export const LoaderInlineForegroundIndeterminateLight : string;
+export const LoaderInlineForegroundIndeterminateDark : string;
+export const LoaderInlineForegroundDeterminateLight : string;
+export const LoaderInlineForegroundDeterminateDark : string;
+export const ModalFontHeaderLight : string;
+export const ModalFontHeaderDark : string;
+export const ModalFontContentLight : string;
+export const ModalFontContentDark : string;
+export const ModalIconLight : string;
+export const ModalIconDark : string;
+export const ModalBorderDefaultLight : string;
+export const ModalBorderDefaultDark : string;
+export const ModalBorderTopBrandLight : string;
+export const ModalBorderTopBrandDark : string;
+export const ModalBorderTopInfoLight : string;
+export const ModalBorderTopInfoDark : string;
+export const ModalBorderTopSuccessLight : string;
+export const ModalBorderTopSuccessDark : string;
+export const ModalBorderTopDangerLight : string;
+export const ModalBorderTopDangerDark : string;
+export const ModalBorderTopWarningLight : string;
+export const ModalBorderTopWarningDark : string;
+export const ModalBackgroundLight : string;
+export const ModalBackgroundDark : string;
+export const ModalIconSizeSm : string;
+export const ModalIconSizeMd : string;
+export const ModalIconSizeLg : string;
+export const ModalSpaceBetweenSm : string;
+export const ModalSpaceBetweenMd : string;
+export const ModalSpaceBetweenLg : string;
+export const ModalSpaceAroundLeftRightSm : string;
+export const ModalSpaceAroundLeftRightMd : string;
+export const ModalSpaceAroundLeftRightLg : string;
+export const ModalSpaceAroundTopBottomSm : string;
+export const ModalSpaceAroundTopBottomMd : string;
+export const ModalSpaceAroundTopBottomLg : string;
+export const ModalSpaceAroundContentSm : string;
+export const ModalSpaceAroundContentMd : string;
+export const ModalSpaceAroundContentLg : string;
+export const ModalSpaceAroundCancelButtonSm : string;
+export const ModalSpaceAroundCancelButtonMd : string;
+export const ModalSpaceAroundCancelButtonLg : string;
+export const ModalBorderWidthDefaultSm : string;
+export const ModalBorderWidthDefaultMd : string;
+export const ModalBorderWidthDefaultLg : string;
+export const ModalBorderWidthTopSm : string;
+export const ModalBorderWidthTopMd : string;
+export const ModalBorderWidthTopLg : string;
+export const ModalBorderRadiusSm : string;
+export const ModalBorderRadiusLg : string;
+export const ModalBorderRadiusMd : string;
+export const ModalCompSizeSmallWidth : string;
+export const ModalCompSizeMediumWidth : string;
+export const ModalCompSizeFullWidth : string;
+export const NoticeFontTitleLight : string;
+export const NoticeFontTitleDark : string;
+export const NoticeFontMessageLight : string;
+export const NoticeFontMessageDark : string;
+export const NoticeBackgroundLight : string;
+export const NoticeBackgroundDark : string;
+export const NoticeBorderRadiusSm : string;
+export const NoticeBorderRadiusMd : string;
+export const NoticeBorderRadiusLg : string;
+export const NoticeIconSizeSm : string;
+export const NoticeIconSizeMd : string;
+export const NoticeIconSizeLg : string;
+export const NoticeIconInfoLight : string;
+export const NoticeIconInfoDark : string;
+export const NoticeIconSuccessLight : string;
+export const NoticeIconSuccessDark : string;
+export const NoticeIconWarningLight : string;
+export const NoticeIconWarningDark : string;
+export const NoticeIconDangerLight : string;
+export const NoticeIconDangerDark : string;
+export const NoticeIconBrandLight : string;
+export const NoticeIconBrandDark : string;
+export const NoticeHighlightInfoLight : string;
+export const NoticeHighlightInfoDark : string;
+export const NoticeHighlightSuccessLight : string;
+export const NoticeHighlightSuccessDark : string;
+export const NoticeHighlightWarningLight : string;
+export const NoticeHighlightWarningDark : string;
+export const NoticeHighlightDangerLight : string;
+export const NoticeHighlightDangerDark : string;
+export const NoticeHighlightBrandLight : string;
+export const NoticeHighlightBrandDark : string;
+export const NoticeHighlightBorderSm : string;
+export const NoticeHighlightBorderMd : string;
+export const NoticeHighlightBorderLg : string;
+export const NoticeContentSpaceBetweenSm : string;
+export const NoticeContentSpaceBetweenMd : string;
+export const NoticeContentSpaceBetweenLg : string;
+export const NoticeSpaceAroundTopBottomSm : string;
+export const NoticeSpaceAroundTopBottomMd : string;
+export const NoticeSpaceAroundTopBottomLg : string;
+export const NoticeSpaceAroundLeftSm : string;
+export const NoticeSpaceAroundLeftMd : string;
+export const NoticeSpaceAroundLeftLg : string;
+export const NoticeSpaceAroundRightSm : string;
+export const NoticeSpaceAroundRightMd : string;
+export const NoticeSpaceAroundRightLg : string;
+export const PaginationFontLight : string;
+export const PaginationFontDark : string;
+export const PaginationIconLight : string;
+export const PaginationIconDark : string;
+export const PaginationBorderLight : string;
+export const PaginationBorderDark : string;
+export const PaginationBackgroundDefaultLight : string;
+export const PaginationBackgroundDefaultDark : string;
+export const PaginationForegroundLight : string;
+export const PaginationForegroundDark : string;
+export const PaginationBorderRadiusSm : string;
+export const PaginationBorderRadiusMd : string;
+export const PaginationBorderRadiusLg : string;
+export const PaginationBorderWidthSm : string;
+export const PaginationBorderWidthMd : string;
+export const PaginationBorderWidthLg : string;
+export const PaginationCompSizeSm : string;
+export const PaginationCompSizeMd : string;
+export const PaginationCompSizeLg : string;
+export const PaginationIconSizeSm : string;
+export const PaginationIconSizeMd : string;
+export const PaginationIconSizeLg : string;
+export const PaginationSpaceBetweenSm : string;
+export const PaginationSpaceBetweenMd : string;
+export const PaginationSpaceBetweenLg : string;
+export const PaginationSpaceAroundSm : string;
+export const PaginationSpaceAroundMd : string;
+export const PaginationSpaceAroundLg : string;
+export const PanelHeaderFontLight : string;
+export const PanelHeaderFontDark : string;
+export const PanelHeaderIconLight : string;
+export const PanelHeaderIconDark : string;
+export const PanelHeaderBorderLight : string;
+export const PanelHeaderBorderDark : string;
+export const PanelHeaderBackgroundLight : string;
+export const PanelHeaderBackgroundDark : string;
+export const PanelHeaderBorderWidthMd : string;
+export const PanelHeaderIconSizeMd : string;
+export const PanelHeaderSpaceBetweenMd : string;
+export const PanelHeaderSpaceAroundLeftRightMd : string;
+export const PanelHeaderSpaceAroundTopBottomMd : string;
+export const PopoverFontLight : string;
+export const PopoverFontDark : string;
+export const PopoverIconLight : string;
+export const PopoverIconDark : string;
+export const PopoverBorderLight : string;
+export const PopoverBorderDark : string;
+export const PopoverBackgroundLight : string;
+export const PopoverBackgroundDark : string;
+export const PopoverBorderRadiusSm : string;
+export const PopoverBorderRadiusMd : string;
+export const PopoverBorderRadiusLg : string;
+export const PopoverBorderWidthSm : string;
+export const PopoverBorderWidthMd : string;
+export const PopoverBorderWidthLg : string;
+export const PopoverPointerSizeSm : string;
+export const PopoverPointerSizeMd : string;
+export const PopoverPointerSizeLg : string;
+export const PopoverIconSizeSm : string;
+export const PopoverIconSizeMd : string;
+export const PopoverIconSizeLg : string;
+export const PopoverSpaceBetweenSm : string;
+export const PopoverSpaceBetweenMd : string;
+export const PopoverSpaceBetweenLg : string;
+export const PopoverSpaceAroundLeftRightSm : string;
+export const PopoverSpaceAroundLeftRightMd : string;
+export const PopoverSpaceAroundLeftRightLg : string;
+export const PopoverSpaceAroundLeftTopBottomSm : string;
+export const PopoverSpaceAroundLeftTopBottomMd : string;
+export const PopoverSpaceAroundLeftTopBottomLg : string;
+export const RadioCompSizeSm : string;
+export const RadioCompSizeMd : string;
+export const RadioCompSizeLg : string;
+export const RadioSpaceBetweenSm : string;
+export const RadioSpaceBetweenMd : string;
+export const RadioSpaceBetweenLg : string;
+export const RadioBackgroundLight : string;
+export const RadioBackgroundDark : string;
+export const RadioBorderRadius : string;
+export const RadioBorderWidthUnchecked : string;
+export const RadioBorderWidthCheckedSm : string;
+export const RadioBorderWidthCheckedMd : string;
+export const RadioBorderWidthCheckedLg : string;
+export const RadioBorderUncheckedLight : string;
+export const RadioBorderUncheckedDark : string;
+export const RadioBorderCheckedLight : string;
+export const RadioBorderCheckedDark : string;
+export const RadioFontLight : string;
+export const RadioFontDark : string;
+export const RadioSpaceAroundSm : string;
+export const RadioSpaceAroundMd : string;
+export const RadioSpaceAroundLg : string;
+export const RatingCompSizeSm : string;
+export const RatingCompSizeMd : string;
+export const RatingCompSizeLg : string;
+export const RatingChipBorderRadius : string;
+export const RatingChipValueTextFontLight : string;
+export const RatingChipValueTextFontDark : string;
+export const RatingChipCountFontTypography : string;
+export const RatingChipCountFontFontWeights : string;
+export const RatingChipCountFontLight : string;
+export const RatingChipCountFontDark : string;
+export const RatingChipForegroundLight : string;
+export const RatingChipForegroundDark : string;
+export const RatingStarCompSizeSm : string;
+export const RatingStarCompSizeMd : string;
+export const RatingStarCompSizeLg : string;
+export const RatingStarBackgroundDefaultLight : string;
+export const RatingStarBackgroundDefaultDark : string;
+export const RatingStarBackgroundActiveLight : string;
+export const RatingStarBackgroundActiveDark : string;
+export const RatingStarBackgroundAverageLight : string;
+export const RatingStarBackgroundAverageDark : string;
+export const RatingStarContainerSpaceBetweenSm : string;
+export const RatingStarContainerSpaceBetweenMd : string;
+export const RatingStarContainerSpaceBetweenLg : string;
+export const RatingStarContainerSpaceAroundSm : string;
+export const RatingStarContainerSpaceAroundMd : string;
+export const RatingStarContainerSpaceAroundLg : string;
+export const RatingAverageSpaceBetweenSm : string;
+export const RatingAverageSpaceBetweenMd : string;
+export const RatingAverageSpaceBetweenLg : string;
+export const RatingAverageChipSpaceBetweenSm : string;
+export const RatingAverageChipSpaceBetweenMd : string;
+export const RatingAverageChipSpaceBetweenLg : string;
+export const RatingAverageChipSpaceArroundSm : string;
+export const RatingAverageChipSpaceArroundMd : string;
+export const RatingAverageChipSpaceArroundLg : string;
+export const RatingSpaceBetweenSm : string;
+export const RatingSpaceBetweenMd : string;
+export const RatingSpaceBetweenLg : string;
+export const RatingSpaceAroundSm : string;
+export const RatingSpaceAroundMd : string;
+export const RatingSpaceAroundLg : string;
+export const ScrimBackgroundLight : string;
+export const ScrimBackgroundDark : string;
+export const ScrimOpacity : string;
+export const SegmentedControlFontDefaultLight : string;
+export const SegmentedControlFontDefaultDark : string;
+export const SegmentedControlFontCheckedLight : string;
+export const SegmentedControlFontCheckedDark : string;
+export const SegmentedControlBorderLight : string;
+export const SegmentedControlBorderDark : string;
+export const SegmentedControlBackgroundDefaultLight : string;
+export const SegmentedControlBackgroundDefaultDark : string;
+export const SegmentedControlForegroundLight : string;
+export const SegmentedControlForegroundDark : string;
+export const SegmentedControlBorderRadiusSm : string;
+export const SegmentedControlBorderRadiusMd : string;
+export const SegmentedControlBorderRadiusLg : string;
+export const SegmentedControlBorderWidthSm : string;
+export const SegmentedControlBorderWidthMd : string;
+export const SegmentedControlBorderWidthLg : string;
+export const SegmentedControlCompSizeSm : string;
+export const SegmentedControlCompSizeMd : string;
+export const SegmentedControlCompSizeLg : string;
+export const SegmentedControlIconSizeSm : string;
+export const SegmentedControlIconSizeMd : string;
+export const SegmentedControlIconSizeLg : string;
+export const SegmentedControlSpaceBetweenSm : string;
+export const SegmentedControlSpaceBetweenMd : string;
+export const SegmentedControlSpaceBetweenLg : string;
+export const SegmentedControlSpaceAroundSm : string;
+export const SegmentedControlSpaceAroundMd : string;
+export const SegmentedControlSpaceAroundLg : string;
+export const SliderHistogramRangeFontLabelLight : string;
+export const SliderHistogramRangeFontLabelDark : string;
+export const SliderHistogramRangeFontTickLabelLight : string;
+export const SliderHistogramRangeFontTickLabelDark : string;
+export const SliderHistogramRangeHandleBackgroundLight : string;
+export const SliderHistogramRangeHandleBackgroundDark : string;
+export const SliderHistogramRangeHandleBorderLight : string;
+export const SliderHistogramRangeHandleBorderDark : string;
+export const SliderHistogramRangeHandleBorderWidthSm : string;
+export const SliderHistogramRangeHandleBorderWidthMd : string;
+export const SliderHistogramRangeHandleBorderWidthLg : string;
+export const SliderHistogramRangeBorderDefaultLight : string;
+export const SliderHistogramRangeBorderDefaultDark : string;
+export const SliderHistogramRangeBorderActiveLight : string;
+export const SliderHistogramRangeBorderActiveDark : string;
+export const SliderHistogramRangeTickSizeWidthSm : string;
+export const SliderHistogramRangeTickSizeWidthMd : string;
+export const SliderHistogramRangeTickSizeWidthLg : string;
+export const SliderHistogramRangeTickSizeHeightSm : string;
+export const SliderHistogramRangeTickSizeHeightMd : string;
+export const SliderHistogramRangeTickSizeHeightLg : string;
+export const SliderHistogramRangeHandleSizeSm : string;
+export const SliderHistogramRangeHandleSizeMd : string;
+export const SliderHistogramRangeHandleSizeLg : string;
+export const SliderHistogramRangeSpaceBetweenSm : string;
+export const SliderHistogramRangeSpaceBetweenMd : string;
+export const SliderHistogramRangeSpaceBetweenLg : string;
+export const SliderHistogramRangeSpaceAroundSm : string;
+export const SliderHistogramRangeSpaceAroundMd : string;
+export const SliderHistogramRangeSpaceAroundLg : string;
+export const SliderHistogramRangeTickDefaultBackgroundLight : string;
+export const SliderHistogramRangeTickDefaultBackgroundDark : string;
+export const SliderHistogramRangeTickDefaultBorderLight : string;
+export const SliderHistogramRangeTickDefaultBorderDark : string;
+export const SliderHistogramRangeTickActiveBackgroundLight : string;
+export const SliderHistogramRangeTickActiveBackgroundDark : string;
+export const SliderHistogramRangeTickActiveBorderLight : string;
+export const SliderHistogramRangeTickActiveBorderDark : string;
+export const SliderHistogramRangeTickBorderWidthSm : string;
+export const SliderHistogramRangeTickBorderWidthMd : string;
+export const SliderHistogramRangeTickBorderWidthLg : string;
+export const SliderHistogramRangeAreaActiveBackgroundLight : string;
+export const SliderHistogramRangeAreaActiveBackgroundDark : string;
+export const SliderHistogramRangeActiveStartEndWidthSm : string;
+export const SliderHistogramRangeActiveStartEndWidthMd : string;
+export const SliderHistogramRangeActiveStartEndWidthLg : string;
+export const SliderHistogramRangeActiveStartEndHeightSm : string;
+export const SliderHistogramRangeActiveStartEndHeightMd : string;
+export const SliderHistogramRangeActiveStartEndHeightLg : string;
+export const SliderHistogramFontLabelLight : string;
+export const SliderHistogramFontLabelDark : string;
+export const SliderHistogramFontTickLabelLight : string;
+export const SliderHistogramFontTickLabelDark : string;
+export const SliderHistogramHandleBackgroundLight : string;
+export const SliderHistogramHandleBackgroundDark : string;
+export const SliderHistogramHandleBorderLight : string;
+export const SliderHistogramHandleBorderDark : string;
+export const SliderHistogramBorderDefaultLight : string;
+export const SliderHistogramBorderDefaultDark : string;
+export const SliderHistogramBorderActiveLight : string;
+export const SliderHistogramBorderActiveDark : string;
+export const SliderHistogramBorderWidthSm : string;
+export const SliderHistogramBorderWidthMd : string;
+export const SliderHistogramBorderWidthLg : string;
+export const SliderHistogramTickSizeWidthSm : string;
+export const SliderHistogramTickSizeWidthMd : string;
+export const SliderHistogramTickSizeWidthLg : string;
+export const SliderHistogramTickSizeHeightSm : string;
+export const SliderHistogramTickSizeHeightMd : string;
+export const SliderHistogramTickSizeHeightLg : string;
+export const SliderHistogramHandleSizeSm : string;
+export const SliderHistogramHandleSizeMd : string;
+export const SliderHistogramHandleSizeLg : string;
+export const SliderHistogramSpaceBetweenSm : string;
+export const SliderHistogramSpaceBetweenMd : string;
+export const SliderHistogramSpaceBetweenLg : string;
+export const SliderHistogramSpaceAroundSm : string;
+export const SliderHistogramSpaceAroundMd : string;
+export const SliderHistogramSpaceAroundLg : string;
+export const SliderHistogramTickDefaultBackgroundLight : string;
+export const SliderHistogramTickDefaultBackgroundDark : string;
+export const SliderHistogramTickDefaultBorderLight : string;
+export const SliderHistogramTickDefaultBorderDark : string;
+export const SliderHistogramTickActiveBackgroundLight : string;
+export const SliderHistogramTickActiveBackgroundDark : string;
+export const SliderHistogramTickActiveBorderLight : string;
+export const SliderHistogramTickActiveBorderDark : string;
+export const SliderHistogramAreaActiveBackgroundLight : string;
+export const SliderHistogramAreaActiveBackgroundDark : string;
+export const SliderHistogramActiveEndWidthSm : string;
+export const SliderHistogramActiveEndWidthMd : string;
+export const SliderHistogramActiveEndWidthLg : string;
+export const SliderHistogramActiveEndHeightSm : string;
+export const SliderHistogramActiveEndHeightMd : string;
+export const SliderHistogramActiveEndHeightLg : string;
+export const SliderHistogramActiveEndBackgroundLight : string;
+export const SliderHistogramActiveEndBackgroundDark : string;
+export const SliderRangeFontLabelLight : string;
+export const SliderRangeFontLabelDark : string;
+export const SliderRangeFontTickLabelLight : string;
+export const SliderRangeFontTickLabelDark : string;
+export const SliderRangeHandleBackgroundLight : string;
+export const SliderRangeHandleBackgroundDark : string;
+export const SliderRangeHandleBorderLight : string;
+export const SliderRangeHandleBorderDark : string;
+export const SliderRangeBorderDefaultLight : string;
+export const SliderRangeBorderDefaultDark : string;
+export const SliderRangeBorderActiveLight : string;
+export const SliderRangeBorderActiveDark : string;
+export const SliderRangeBorderWidthSm : string;
+export const SliderRangeBorderWidthMd : string;
+export const SliderRangeBorderWidthLg : string;
+export const SliderRangeTickSizeWidthSm : string;
+export const SliderRangeTickSizeWidthMd : string;
+export const SliderRangeTickSizeWidthLg : string;
+export const SliderRangeTickSizeHeightSm : string;
+export const SliderRangeTickSizeHeightMd : string;
+export const SliderRangeTickSizeHeightLg : string;
+export const SliderRangeHandleSizeSm : string;
+export const SliderRangeHandleSizeMd : string;
+export const SliderRangeHandleSizeLg : string;
+export const SliderRangeSpaceBetweenSm : string;
+export const SliderRangeSpaceBetweenMd : string;
+export const SliderRangeSpaceBetweenLg : string;
+export const SliderRangeSpaceAroundSm : string;
+export const SliderRangeSpaceAroundMd : string;
+export const SliderRangeSpaceAroundLg : string;
+export const SliderRangeTickDefaultBackgroundLight : string;
+export const SliderRangeTickDefaultBackgroundDark : string;
+export const SliderRangeTickDefaultBorderLight : string;
+export const SliderRangeTickDefaultBorderDark : string;
+export const SliderRangeTickActiveBackgroundLight : string;
+export const SliderRangeTickActiveBackgroundDark : string;
+export const SliderRangeTickActiveBorderLight : string;
+export const SliderRangeTickActiveBorderDark : string;
+export const SliderFontLabelLight : string;
+export const SliderFontLabelDark : string;
+export const SliderFontTickLabelLight : string;
+export const SliderFontTickLabelDark : string;
+export const SliderHandleBackgroundLight : string;
+export const SliderHandleBackgroundDark : string;
+export const SliderHandleBorderLight : string;
+export const SliderHandleBorderDark : string;
+export const SliderBorderDefaultLight : string;
+export const SliderBorderDefaultDark : string;
+export const SliderBorderActiveLight : string;
+export const SliderBorderActiveDark : string;
+export const SliderBorderWidthSm : string;
+export const SliderBorderWidthMd : string;
+export const SliderBorderWidthLg : string;
+export const SliderTickSizeWidthSm : string;
+export const SliderTickSizeWidthMd : string;
+export const SliderTickSizeWidthLg : string;
+export const SliderTickSizeHeightSm : string;
+export const SliderTickSizeHeightMd : string;
+export const SliderTickSizeHeightLg : string;
+export const SliderHandleSizeSm : string;
+export const SliderHandleSizeMd : string;
+export const SliderHandleSizeLg : string;
+export const SliderSpaceBetweenSm : string;
+export const SliderSpaceBetweenMd : string;
+export const SliderSpaceBetweenLg : string;
+export const SliderSpaceAroundSm : string;
+export const SliderSpaceAroundMd : string;
+export const SliderSpaceAroundLg : string;
+export const SliderTickDefaultBackgroundLight : string;
+export const SliderTickDefaultBackgroundDark : string;
+export const SliderTickDefaultBorderLight : string;
+export const SliderTickDefaultBorderDark : string;
+export const SliderTickActiveBackgroundLight : string;
+export const SliderTickActiveBackgroundDark : string;
+export const SliderTickActiveBorderLight : string;
+export const SliderTickActiveBorderDark : string;
+export const SplitButtonFontBrandSolidLight : string;
+export const SplitButtonFontBrandSolidDark : string;
+export const SplitButtonFontBrandOutlineFillLight : string;
+export const SplitButtonFontBrandOutlineFillDark : string;
+export const SplitButtonFontBrandOutlineLight : string;
+export const SplitButtonFontBrandOutlineDark : string;
+export const SplitButtonFontBrandTransparentLight : string;
+export const SplitButtonFontBrandTransparentDark : string;
+export const SplitButtonFontInverseSolidLight : string;
+export const SplitButtonFontInverseSolidDark : string;
+export const SplitButtonFontInverseOutlineFillLight : string;
+export const SplitButtonFontInverseOutlineFillDark : string;
+export const SplitButtonFontInverseOutlineLight : string;
+export const SplitButtonFontInverseOutlineDark : string;
+export const SplitButtonFontInverseTransparentLight : string;
+export const SplitButtonFontInverseTransparentDark : string;
+export const SplitButtonFontNeutralSolidLight : string;
+export const SplitButtonFontNeutralSolidDark : string;
+export const SplitButtonFontNeutralOutlineFillLight : string;
+export const SplitButtonFontNeutralOutlineFillDark : string;
+export const SplitButtonFontNeutralOutlineLight : string;
+export const SplitButtonFontNeutralOutlineDark : string;
+export const SplitButtonFontNeutralTransparentLight : string;
+export const SplitButtonFontNeutralTransparentDark : string;
+export const SplitButtonFontDangerSolidLight : string;
+export const SplitButtonFontDangerSolidDark : string;
+export const SplitButtonFontDangerOutlineFillLight : string;
+export const SplitButtonFontDangerOutlineFillDark : string;
+export const SplitButtonFontDangerOutlineLight : string;
+export const SplitButtonFontDangerOutlineDark : string;
+export const SplitButtonFontDangerTransparentLight : string;
+export const SplitButtonFontDangerTransparentDark : string;
+export const SplitButtonIconBrandSolidLight : string;
+export const SplitButtonIconBrandSolidDark : string;
+export const SplitButtonIconBrandOutlineFillLight : string;
+export const SplitButtonIconBrandOutlineFillDark : string;
+export const SplitButtonIconBrandOutlineLight : string;
+export const SplitButtonIconBrandOutlineDark : string;
+export const SplitButtonIconBrandTransparentLight : string;
+export const SplitButtonIconBrandTransparentDark : string;
+export const SplitButtonIconInverseSolidLight : string;
+export const SplitButtonIconInverseSolidDark : string;
+export const SplitButtonIconInverseOutlineFillLight : string;
+export const SplitButtonIconInverseOutlineFillDark : string;
+export const SplitButtonIconInverseOutlineLight : string;
+export const SplitButtonIconInverseOutlineDark : string;
+export const SplitButtonIconInverseTransparentLight : string;
+export const SplitButtonIconInverseTransparentDark : string;
+export const SplitButtonIconNeutralSolidLight : string;
+export const SplitButtonIconNeutralSolidDark : string;
+export const SplitButtonIconNeutralOutlineFillLight : string;
+export const SplitButtonIconNeutralOutlineFillDark : string;
+export const SplitButtonIconNeutralOutlineLight : string;
+export const SplitButtonIconNeutralOutlineDark : string;
+export const SplitButtonIconNeutralTransparentLight : string;
+export const SplitButtonIconNeutralTransparentDark : string;
+export const SplitButtonIconDangerSolidLight : string;
+export const SplitButtonIconDangerSolidDark : string;
+export const SplitButtonIconDangerOutlineFillLight : string;
+export const SplitButtonIconDangerOutlineFillDark : string;
+export const SplitButtonIconDangerOutlineLight : string;
+export const SplitButtonIconDangerOutlineDark : string;
+export const SplitButtonIconDangerTransparentLight : string;
+export const SplitButtonIconDangerTransparentDark : string;
+export const SplitButtonBorderBrandOutlineFillLight : string;
+export const SplitButtonBorderBrandOutlineFillDark : string;
+export const SplitButtonBorderBrandOutlineLight : string;
+export const SplitButtonBorderBrandOutlineDark : string;
+export const SplitButtonBorderInverseOutlineFillLight : string;
+export const SplitButtonBorderInverseOutlineFillDark : string;
+export const SplitButtonBorderInverseOutlineLight : string;
+export const SplitButtonBorderInverseOutlineDark : string;
+export const SplitButtonBorderNeutralOutlineFillLight : string;
+export const SplitButtonBorderNeutralOutlineFillDark : string;
+export const SplitButtonBorderNeutralOutlineLight : string;
+export const SplitButtonBorderNeutralOutlineDark : string;
+export const SplitButtonBorderDangerOutlineFillLight : string;
+export const SplitButtonBorderDangerOutlineFillDark : string;
+export const SplitButtonBorderDangerOutlineLight : string;
+export const SplitButtonBorderDangerOutlineDark : string;
+export const SplitButtonBackgroundBrandSolidLight : string;
+export const SplitButtonBackgroundBrandSolidDark : string;
+export const SplitButtonBackgroundBrandOutlineFillLight : string;
+export const SplitButtonBackgroundBrandOutlineFillDark : string;
+export const SplitButtonBackgroundInverseSolidLight : string;
+export const SplitButtonBackgroundInverseSolidDark : string;
+export const SplitButtonBackgroundInverseOutlineFillLight : string;
+export const SplitButtonBackgroundInverseOutlineFillDark : string;
+export const SplitButtonBackgroundNeutralSolidLight : string;
+export const SplitButtonBackgroundNeutralSolidDark : string;
+export const SplitButtonBackgroundNeutralOutlineFillLight : string;
+export const SplitButtonBackgroundNeutralOutlineFillDark : string;
+export const SplitButtonBackgroundDangerSolidLight : string;
+export const SplitButtonBackgroundDangerSolidDark : string;
+export const SplitButtonBackgroundDangerOutlineFillLight : string;
+export const SplitButtonBackgroundDangerOutlineFillDark : string;
+export const SplitButtonBorderRadiusSm : string;
+export const SplitButtonBorderRadiusMd : string;
+export const SplitButtonBorderRadiusLg : string;
+export const SplitButtonBorderWidthSm : string;
+export const SplitButtonBorderWidthMd : string;
+export const SplitButtonBorderWidthLg : string;
+export const SplitButtonCompSizeSm : string;
+export const SplitButtonCompSizeMd : string;
+export const SplitButtonCompSizeLg : string;
+export const SplitButtonIconSizeSm : string;
+export const SplitButtonIconSizeMd : string;
+export const SplitButtonIconSizeLg : string;
+export const SplitButtonSpaceBetweenSm : string;
+export const SplitButtonSpaceBetweenMd : string;
+export const SplitButtonSpaceBetweenLg : string;
+export const SplitButtonSpaceAroundContentLeftRightSm : string;
+export const SplitButtonSpaceAroundContentLeftRightMd : string;
+export const SplitButtonSpaceAroundContentLeftRightLg : string;
+export const SplitButtonSpaceAroundContentTopBottomSm : string;
+export const SplitButtonSpaceAroundContentTopBottomMd : string;
+export const SplitButtonSpaceAroundContentTopBottomLg : string;
+export const SplitButtonSpaceAroundDropdownSm : string;
+export const SplitButtonSpaceAroundDropdownMd : string;
+export const SplitButtonSpaceAroundDropdownLg : string;
+export const SplitButtonSpaceAroundDividerSolidTopBottom : string;
+export const SplitButtonDividerBrandSolidLight : string;
+export const SplitButtonDividerBrandSolidDark : string;
+export const SplitButtonDividerBrandOutlineFillLight : string;
+export const SplitButtonDividerBrandOutlineFillDark : string;
+export const SplitButtonDividerBrandOutlineLight : string;
+export const SplitButtonDividerBrandOutlineDark : string;
+export const SplitButtonDividerBrandTransparentLight : string;
+export const SplitButtonDividerBrandTransparentDark : string;
+export const SplitButtonDividerInverseSolidLight : string;
+export const SplitButtonDividerInverseSolidDark : string;
+export const SplitButtonDividerInverseOutlineFillLight : string;
+export const SplitButtonDividerInverseOutlineFillDark : string;
+export const SplitButtonDividerInverseOutlineLight : string;
+export const SplitButtonDividerInverseOutlineDark : string;
+export const SplitButtonDividerInverseTransparentLight : string;
+export const SplitButtonDividerInverseTransparentDark : string;
+export const SplitButtonDividerNeutralSolidLight : string;
+export const SplitButtonDividerNeutralSolidDark : string;
+export const SplitButtonDividerNeutralOutlineFillLight : string;
+export const SplitButtonDividerNeutralOutlineFillDark : string;
+export const SplitButtonDividerNeutralOutlineLight : string;
+export const SplitButtonDividerNeutralOutlineDark : string;
+export const SplitButtonDividerNeutralTransparentLight : string;
+export const SplitButtonDividerNeutralTransparentDark : string;
+export const SplitButtonDividerDangerSolidLight : string;
+export const SplitButtonDividerDangerSolidDark : string;
+export const SplitButtonDividerDangerOutlineFillLight : string;
+export const SplitButtonDividerDangerOutlineFillDark : string;
+export const SplitButtonDividerDangerOutlineLight : string;
+export const SplitButtonDividerDangerOutlineDark : string;
+export const SplitButtonDividerDangerTransparentLight : string;
+export const SplitButtonDividerDangerTransparentDark : string;
+export const StepperItemFontHeadingDefaultLight : string;
+export const StepperItemFontHeadingDefaultDark : string;
+export const StepperItemFontHeadingActiveLight : string;
+export const StepperItemFontHeadingActiveDark : string;
+export const StepperItemFontHeadingErrorLight : string;
+export const StepperItemFontHeadingErrorDark : string;
+export const StepperItemFontHeadingCompleteLight : string;
+export const StepperItemFontHeadingCompleteDark : string;
+export const StepperItemFontDescriptionDefaultLight : string;
+export const StepperItemFontDescriptionDefaultDark : string;
+export const StepperItemFontDescriptionActiveLight : string;
+export const StepperItemFontDescriptionActiveDark : string;
+export const StepperItemFontDescriptionErrorLight : string;
+export const StepperItemFontDescriptionErrorDark : string;
+export const StepperItemFontDescriptionCompleteLight : string;
+export const StepperItemFontDescriptionCompleteDark : string;
+export const StepperItemFontContextDefaultLight : string;
+export const StepperItemFontContextDefaultDark : string;
+export const StepperItemFontContextActiveLight : string;
+export const StepperItemFontContextActiveDark : string;
+export const StepperItemFontContextErrorLight : string;
+export const StepperItemFontContextErrorDark : string;
+export const StepperItemFontContextCompleteLight : string;
+export const StepperItemFontContextCompleteDark : string;
+export const StepperItemIconDefaultLight : string;
+export const StepperItemIconDefaultDark : string;
+export const StepperItemIconActiveLight : string;
+export const StepperItemIconActiveDark : string;
+export const StepperItemIconErrorLight : string;
+export const StepperItemIconErrorDark : string;
+export const StepperItemBorderDefaultLight : string;
+export const StepperItemBorderDefaultDark : string;
+export const StepperItemBorderActiveLight : string;
+export const StepperItemBorderActiveDark : string;
+export const StepperItemBorderErrorLight : string;
+export const StepperItemBorderErrorDark : string;
+export const StepperItemBackgroundDefaultLight : string;
+export const StepperItemBackgroundDefaultDark : string;
+export const StepperItemForegroundLight : string;
+export const StepperItemForegroundDark : string;
+export const StepperItemBorderRadiusSm : string;
+export const StepperItemBorderRadiusMd : string;
+export const StepperItemBorderRadiusLg : string;
+export const StepperItemBorderWidthSm : string;
+export const StepperItemBorderWidthMd : string;
+export const StepperItemBorderWidthLg : string;
+export const StepperItemCompSizeSm : string;
+export const StepperItemCompSizeMd : string;
+export const StepperItemCompSizeLg : string;
+export const StepperItemIconSizeSm : string;
+export const StepperItemIconSizeMd : string;
+export const StepperItemIconSizeLg : string;
+export const StepperItemSpaceBetweenSm : string;
+export const StepperItemSpaceBetweenMd : string;
+export const StepperItemSpaceBetweenLg : string;
+export const StepperItemSpaceAroundLeftSm : string;
+export const StepperItemSpaceAroundLeftMd : string;
+export const StepperItemSpaceAroundLeftLg : string;
+export const StepperItemSpaceAroundRightSm : string;
+export const StepperItemSpaceAroundRightMd : string;
+export const StepperItemSpaceAroundRightLg : string;
+export const StepperItemSpaceAroundTopBottomSm : string;
+export const StepperItemSpaceAroundTopBottomMd : string;
+export const StepperItemSpaceAroundTopBottomLg : string;
+export const StepperItemDisabled : string;
+export const StepperFontLight : string;
+export const StepperFontDark : string;
+export const StepperIconLight : string;
+export const StepperIconDark : string;
+export const StepperBorderLight : string;
+export const StepperBorderDark : string;
+export const StepperBackgroundDefaultLight : string;
+export const StepperBackgroundDefaultDark : string;
+export const StepperForegroundLight : string;
+export const StepperForegroundDark : string;
+export const StepperBorderRadiusSm : string;
+export const StepperBorderRadiusMd : string;
+export const StepperBorderRadiusLg : string;
+export const StepperBorderWidthSm : string;
+export const StepperBorderWidthMd : string;
+export const StepperBorderWidthLg : string;
+export const StepperCompSizeSm : string;
+export const StepperCompSizeMd : string;
+export const StepperCompSizeLg : string;
+export const StepperIconSizeSm : string;
+export const StepperIconSizeMd : string;
+export const StepperIconSizeLg : string;
+export const StepperSpaceBetweenSm : string;
+export const StepperSpaceBetweenMd : string;
+export const StepperSpaceBetweenLg : string;
+export const StepperSpaceAroundSm : string;
+export const StepperSpaceAroundMd : string;
+export const StepperSpaceAroundLg : string;
+export const SwitchBackgroundDefaultLight : string;
+export const SwitchBackgroundDefaultDark : string;
+export const SwitchBackgroundCheckedLight : string;
+export const SwitchBackgroundCheckedDark : string;
+export const SwitchBorderRadiusSm : string;
+export const SwitchBorderRadiusMd : string;
+export const SwitchBorderRadiusLg : string;
+export const SwitchCompSizeSm : string;
+export const SwitchCompSizeMd : string;
+export const SwitchCompSizeLg : string;
+export const SwitchHandleSizeSm : string;
+export const SwitchHandleSizeMd : string;
+export const SwitchHandleSizeLg : string;
+export const SwitchBorderDefaultLight : string;
+export const SwitchBorderDefaultDark : string;
+export const SwitchBorderCheckedLight : string;
+export const SwitchBorderCheckedDark : string;
+export const SwitchHandleBackgroundDefaultLight : string;
+export const SwitchHandleBackgroundDefaultDark : string;
+export const SwitchHandleBackgroundCheckedLight : string;
+export const SwitchHandleBackgroundCheckedDark : string;
+export const SwitchHandleBorderDefaultLight : string;
+export const SwitchHandleBorderDefaultDark : string;
+export const SwitchHandleBorderCheckedLight : string;
+export const SwitchHandleBorderCheckedDark : string;
+export const SwitchHandleBorderRadiusSm : string;
+export const SwitchHandleBorderRadiusMd : string;
+export const SwitchHandleBorderRadiusLg : string;
+export const SwitchHandleBorderWidthSm : string;
+export const SwitchHandleBorderWidthMd : string;
+export const SwitchHandleBorderWidthLg : string;
+export const SwitchBorderWidthSm : string;
+export const SwitchBorderWidthMd : string;
+export const SwitchBorderWidthLg : string;
+export const TabTitleFontDefaultLight : string;
+export const TabTitleFontDefaultDark : string;
+export const TabTitleFontActiveLight : string;
+export const TabTitleFontActiveDark : string;
+export const TabTitleIconDefaultLight : string;
+export const TabTitleIconDefaultDark : string;
+export const TabTitleIconActiveLight : string;
+export const TabTitleIconActiveDark : string;
+export const TabTitleBorderedBorderLight : string;
+export const TabTitleBorderedBorderDark : string;
+export const TabTitleBorderedBackgroundDefaultLight : string;
+export const TabTitleBorderedBackgroundDefaultDark : string;
+export const TabTitleBorderedSpaceAroundLeftRightSm : string;
+export const TabTitleBorderedSpaceAroundLeftRightMd : string;
+export const TabTitleBorderedSpaceAroundLeftRightLg : string;
+export const TabTitleBorderedSpaceAroundTopBottomSm : string;
+export const TabTitleBorderedSpaceAroundTopBottomMd : string;
+export const TabTitleBorderedSpaceAroundTopBottomLg : string;
+export const TabTitleBorderRadiusSm : string;
+export const TabTitleBorderRadiusMd : string;
+export const TabTitleBorderRadiusLg : string;
+export const TabTitleBorderWidthSm : string;
+export const TabTitleBorderWidthMd : string;
+export const TabTitleBorderWidthLg : string;
+export const TabTitleBorderWidthActiveSm : string;
+export const TabTitleBorderWidthActiveMd : string;
+export const TabTitleBorderWidthActiveLg : string;
+export const TabTitleIconSizeSm : string;
+export const TabTitleIconSizeMd : string;
+export const TabTitleIconSizeLg : string;
+export const TabTitleSpaceBetweenSm : string;
+export const TabTitleSpaceBetweenMd : string;
+export const TabTitleSpaceBetweenLg : string;
+export const TabTitleDefaultSpaceAroundLeftRightSm : string;
+export const TabTitleDefaultSpaceAroundLeftRightMd : string;
+export const TabTitleDefaultSpaceAroundLeftRightLg : string;
+export const TabTitleDefaultSpaceAroundTopBottomSm : string;
+export const TabTitleDefaultSpaceAroundTopBottomMd : string;
+export const TabTitleDefaultSpaceAroundTopBottomLg : string;
+export const TabTitleBorderActiveLight : string;
+export const TabTitleBorderActiveDark : string;
+export const TabsFontDefaultLight : string;
+export const TabsFontDefaultDark : string;
+export const TabsFontActiveLight : string;
+export const TabsFontActiveDark : string;
+export const TabsIconDefaultLight : string;
+export const TabsIconDefaultDark : string;
+export const TabsIconActiveLight : string;
+export const TabsIconActiveDark : string;
+export const TabsBorderedBorderLight : string;
+export const TabsBorderedBorderDark : string;
+export const TabsBorderedBackgroundDefaultLight : string;
+export const TabsBorderedBackgroundDefaultDark : string;
+export const TabsBorderedSpaceAroundLeftRightSm : string;
+export const TabsBorderedSpaceAroundLeftRightMd : string;
+export const TabsBorderedSpaceAroundLeftRightLg : string;
+export const TabsBorderedSpaceAroundTopBottomSm : string;
+export const TabsBorderedSpaceAroundTopBottomMd : string;
+export const TabsBorderedSpaceAroundTopBottomLg : string;
+export const TabsBorderedBorderRadiusSm : string;
+export const TabsBorderedBorderRadiusMd : string;
+export const TabsBorderedBorderRadiusLg : string;
+export const TabsBorderedSpaceBetweenSm : string;
+export const TabsBorderedSpaceBetweenMd : string;
+export const TabsBorderedSpaceBetweenLg : string;
+export const TabsBorderWidthSm : string;
+export const TabsBorderWidthMd : string;
+export const TabsBorderWidthLg : string;
+export const TabsBorderWidthActiveSm : string;
+export const TabsBorderWidthActiveMd : string;
+export const TabsBorderWidthActiveLg : string;
+export const TabsIconSizeSm : string;
+export const TabsIconSizeMd : string;
+export const TabsIconSizeLg : string;
+export const TabsDefaultSpaceAroundLeftRightSm : string;
+export const TabsDefaultSpaceAroundLeftRightMd : string;
+export const TabsDefaultSpaceAroundLeftRightLg : string;
+export const TabsDefaultSpaceAroundTopBottomSm : string;
+export const TabsDefaultSpaceAroundTopBottomMd : string;
+export const TabsDefaultSpaceAroundTopBottomLg : string;
+export const TabsDefaultSpaceBetweenSm : string;
+export const TabsDefaultSpaceBetweenMd : string;
+export const TabsDefaultSpaceBetweenLg : string;
+export const TabsBorderActiveLight : string;
+export const TabsBorderActiveDark : string;
+export const TextareaFontPlaceholderValueLight : string;
+export const TextareaFontPlaceholderValueDark : string;
+export const TextareaFontLabelLight : string;
+export const TextareaFontLabelDark : string;
+export const TextareaFontChatLimitLight : string;
+export const TextareaFontChatLimitDark : string;
+export const TextareaIconLight : string;
+export const TextareaIconDark : string;
+export const TextareaBorderLight : string;
+export const TextareaBorderDark : string;
+export const TextareaBackgroundDefaultLight : string;
+export const TextareaBackgroundDefaultDark : string;
+export const TextareaBackgroundReadOnlyLight : string;
+export const TextareaBackgroundReadOnlyDark : string;
+export const TextareaBorderRadiusSm : string;
+export const TextareaBorderRadiusMd : string;
+export const TextareaBorderRadiusLg : string;
+export const TextareaBorderWidthSm : string;
+export const TextareaBorderWidthMd : string;
+export const TextareaBorderWidthLg : string;
+export const TextareaIconSizeSm : string;
+export const TextareaIconSizeMd : string;
+export const TextareaIconSizeLg : string;
+export const TextareaSpaceAroundLeftRightSm : string;
+export const TextareaSpaceAroundLeftRightMd : string;
+export const TextareaSpaceAroundLeftRightLg : string;
+export const TextareaSpaceAroundTopBottomSm : string;
+export const TextareaSpaceAroundTopBottomMd : string;
+export const TextareaSpaceAroundTopBottomLg : string;
+export const TipFontHeadingLight : string;
+export const TipFontHeadingDark : string;
+export const TipFontDescriptionLight : string;
+export const TipFontDescriptionDark : string;
+export const TipIconLight : string;
+export const TipIconDark : string;
+export const TipBackgroundDefaultLight : string;
+export const TipBackgroundDefaultDark : string;
+export const TipBorderRadiusMd : string;
+export const TipIconSizeMd : string;
+export const TipBorderDefaultLight : string;
+export const TipBorderDefaultDark : string;
+export const TipDefaultSpaceBetweenMd : string;
+export const TipDefaultSpaceAroundMd : string;
+export const TipSelectedSpaceBetweenMd : string;
+export const TipSelectedSpaceAroundMd : string;
+export const TipBorderWidthMd : string;
+export const TooltipSpaceArroundTopBottom : string;
+export const TooltipSpaceArroundLeftRight : string;
+export const TooltipForegroundLight : string;
+export const TooltipForegroundDark : string;
+export const TooltipFontLight : string;
+export const TooltipFontDark : string;
+export const TooltipBorderLight : string;
+export const TooltipBorderDark : string;
+export const TooltipBorderRadius : string;
+export const TooltipBorderWidth : string;
+export const TooltipArrowWidth : string;
+export const TooltipArrowHeight : string;
+export const TreeItemFontDefaultLight : string;
+export const TreeItemFontDefaultDark : string;
+export const TreeItemFontSelectedLight : string;
+export const TreeItemFontSelectedDark : string;
+export const TreeItemFontChildrenSelectedLight : string;
+export const TreeItemFontChildrenSelectedDark : string;
+export const TreeItemIconDefaultLight : string;
+export const TreeItemIconDefaultDark : string;
+export const TreeItemIconSelectedLight : string;
+export const TreeItemIconSelectedDark : string;
+export const TreeItemBorderLight : string;
+export const TreeItemBorderDark : string;
+export const TreeItemBorderRadiusSm : string;
+export const TreeItemBorderRadiusMd : string;
+export const TreeItemBorderRadiusLg : string;
+export const TreeItemBorderWidthSm : string;
+export const TreeItemBorderWidthMd : string;
+export const TreeItemBorderWidthLg : string;
+export const TreeItemCompSizeSm : string;
+export const TreeItemCompSizeMd : string;
+export const TreeItemCompSizeLg : string;
+export const TreeItemIconSizeSm : string;
+export const TreeItemIconSizeMd : string;
+export const TreeItemIconSizeLg : string;
+export const TreeItemSpaceBetweenSm : string;
+export const TreeItemSpaceBetweenMd : string;
+export const TreeItemSpaceBetweenLg : string;
+export const TreeItemSpaceAroundSm : string;
+export const TreeItemSpaceAroundMd : string;
+export const TreeItemSpaceAroundLg : string;
+export const CoreFontFontFamilyPrimary : string;
+export const CoreFontFontFamilySecondary : string;
+export const CoreFontFontFamilyCode : string;
+export const CoreFontFontWeightUltralight : string;
+export const CoreFontFontWeightThin : string;
+export const CoreFontFontWeightLight : string;
+export const CoreFontFontWeightRegular : string;
+export const CoreFontFontWeightMedium : string;
+export const CoreFontFontWeightMediumItalic : string;
+export const CoreFontFontWeightDemi : string;
+export const CoreFontFontWeightBold : string;
+export const CoreFontFontWeightExtrabold : string;
+export const CoreFontFontWeightBlack : string;
+export const CoreFontFontWeightHeavy : string;
+export const CoreFontLineHeightFixed0 : string;
+export const CoreFontLineHeightFixed1 : string;
+export const CoreFontLineHeightFixed2 : string;
+export const CoreFontLineHeightFixed3 : string;
+export const CoreFontLineHeightFixed4 : string;
+export const CoreFontLineHeightFixed5 : string;
+export const CoreFontLineHeightFixed6 : string;
+export const CoreFontLineHeightFixed7 : string;
+export const CoreFontLineHeightFixed8 : string;
+export const CoreFontLineHeightFixed9 : string;
+export const CoreFontLineHeightFixed10 : string;
+export const CoreFontLineHeightFixed11 : string;
+export const CoreFontLineHeightFixed12 : string;
+export const CoreFontLineHeightRelativeDefault : string;
+export const CoreFontLineHeightRelativeTight : string;
+export const CoreFontLineHeightRelativeSnug : string;
+export const CoreFontLineHeightRelativeNormal : string;
+export const CoreFontLineHeightRelativeRelaxed : string;
+export const CoreFontLineHeightRelativeLoose : string;
+export const CoreFontFontSize0 : string;
+export const CoreFontFontSize1 : string;
+export const CoreFontFontSize2 : string;
+export const CoreFontFontSize3 : string;
+export const CoreFontFontSize4 : string;
+export const CoreFontFontSize5 : string;
+export const CoreFontFontSize6 : string;
+export const CoreFontFontSize7 : string;
+export const CoreFontFontSize8 : string;
+export const CoreFontFontSize9 : string;
+export const CoreFontFontSize10 : string;
+export const CoreFontFontSize11 : string;
+export const CoreFontFontSize12 : string;
+export const CoreFontFontSize13 : string;
+export const CoreFontFontSize14 : string;
+export const CoreFontFontSize15 : string;
+export const CoreFontLetterSpacingTight : string;
+export const CoreFontLetterSpacingNormal : string;
+export const CoreFontLetterSpacingWide : string;
+export const CoreFontParagraphSpacingNormal : string;
+export const CoreFontTextDecorationNone : string;
+export const CoreFontTextDecorationUnderline : string;
+export const CoreFontTextCaseNone : string;
+export const CoreFontTextCaseUppercase : string;
+export const CoreFontTextCaseLowercase : string;
+export const CoreFontTextCaseCapitalize : string;
+export const CoreBorderBorderRadius0 : string;
+export const CoreBorderBorderRadius1 : string;
+export const CoreBorderBorderRadius2 : string;
+export const CoreBorderBorderRadius3 : string;
+export const CoreBorderBorderRadius4 : string;
+export const CoreBorderBorderRadius5 : string;
+export const CoreBorderBorderRadius6 : string;
+export const CoreBorderBorderRadiusNone : string;
+export const CoreBorderBorderRadiusHalf : string;
+export const CoreBorderBorderRadiusFull : string;
+export const CoreBorderBorderWidth0 : string;
+export const CoreBorderBorderWidth1 : string;
+export const CoreBorderBorderWidth2 : string;
+export const CoreBorderBorderWidth3 : string;
+export const CoreBorderBorderWidth4 : string;
+export const CoreBorderBorderWidthNone : string;
+export const CoreOpacity0 : string;
+export const CoreOpacity4 : string;
+export const CoreOpacity8 : string;
+export const CoreOpacity10 : string;
+export const CoreOpacity20 : string;
+export const CoreOpacity30 : string;
+export const CoreOpacity40 : string;
+export const CoreOpacity50 : string;
+export const CoreOpacity60 : string;
+export const CoreOpacity70 : string;
+export const CoreOpacity80 : string;
+export const CoreOpacity85 : string;
+export const CoreOpacity90 : string;
+export const CoreOpacity92 : string;
+export const CoreOpacity96 : string;
+export const CoreOpacity100 : string;
+export const CoreColorNeutralBlk000 : string;
+export const CoreColorNeutralBlk005 : string;
+export const CoreColorNeutralBlk010 : string;
+export const CoreColorNeutralBlk020 : string;
+export const CoreColorNeutralBlk030 : string;
+export const CoreColorNeutralBlk040 : string;
+export const CoreColorNeutralBlk050 : string;
+export const CoreColorNeutralBlk060 : string;
+export const CoreColorNeutralBlk070 : string;
+export const CoreColorNeutralBlk080 : string;
+export const CoreColorNeutralBlk090 : string;
+export const CoreColorNeutralBlk100 : string;
+export const CoreColorNeutralBlk110 : string;
+export const CoreColorNeutralBlk120 : string;
+export const CoreColorNeutralBlk130 : string;
+export const CoreColorNeutralBlk140 : string;
+export const CoreColorNeutralBlk150 : string;
+export const CoreColorNeutralBlk160 : string;
+export const CoreColorNeutralBlk170 : string;
+export const CoreColorNeutralBlk180 : string;
+export const CoreColorNeutralBlk190 : string;
+export const CoreColorNeutralBlk200 : string;
+export const CoreColorNeutralBlk210 : string;
+export const CoreColorNeutralBlk220 : string;
+export const CoreColorNeutralBlk230 : string;
+export const CoreColorNeutralBlk235 : string;
+export const CoreColorNeutralBlk240 : string;
+export const CoreColorPaletteHighSaturationBlueHBb010 : string;
+export const CoreColorPaletteHighSaturationBlueHBb020 : string;
+export const CoreColorPaletteHighSaturationBlueHBb030 : string;
+export const CoreColorPaletteHighSaturationBlueHBb040 : string;
+export const CoreColorPaletteHighSaturationBlueHBb050 : string;
+export const CoreColorPaletteHighSaturationBlueHBb060 : string;
+export const CoreColorPaletteHighSaturationBlueHBb070 : string;
+export const CoreColorPaletteHighSaturationBlueHBb080 : string;
+export const CoreColorPaletteHighSaturationBlueHBb090 : string;
+export const CoreColorPaletteHighSaturationBlueHBb100 : string;
+export const CoreColorPaletteHighSaturationGreenBlueHGb010 : string;
+export const CoreColorPaletteHighSaturationGreenBlueHGb020 : string;
+export const CoreColorPaletteHighSaturationGreenBlueHGb030 : string;
+export const CoreColorPaletteHighSaturationGreenBlueHGb040 : string;
+export const CoreColorPaletteHighSaturationGreenBlueHGb050 : string;
+export const CoreColorPaletteHighSaturationGreenBlueHGb060 : string;
+export const CoreColorPaletteHighSaturationGreenBlueHGb070 : string;
+export const CoreColorPaletteHighSaturationGreenBlueHGb080 : string;
+export const CoreColorPaletteHighSaturationGreenBlueHGb090 : string;
+export const CoreColorPaletteHighSaturationGreenBlueHGb100 : string;
+export const CoreColorPaletteHighSaturationGreenHGg010 : string;
+export const CoreColorPaletteHighSaturationGreenHGg020 : string;
+export const CoreColorPaletteHighSaturationGreenHGg030 : string;
+export const CoreColorPaletteHighSaturationGreenHGg040 : string;
+export const CoreColorPaletteHighSaturationGreenHGg050 : string;
+export const CoreColorPaletteHighSaturationGreenHGg060 : string;
+export const CoreColorPaletteHighSaturationGreenHGg070 : string;
+export const CoreColorPaletteHighSaturationGreenHGg080 : string;
+export const CoreColorPaletteHighSaturationGreenHGg090 : string;
+export const CoreColorPaletteHighSaturationGreenHGg100 : string;
+export const CoreColorPaletteHighSaturationYellowGreenHYg010 : string;
+export const CoreColorPaletteHighSaturationYellowGreenHYg020 : string;
+export const CoreColorPaletteHighSaturationYellowGreenHYg030 : string;
+export const CoreColorPaletteHighSaturationYellowGreenHYg040 : string;
+export const CoreColorPaletteHighSaturationYellowGreenHYg050 : string;
+export const CoreColorPaletteHighSaturationYellowGreenHYg060 : string;
+export const CoreColorPaletteHighSaturationYellowGreenHYg070 : string;
+export const CoreColorPaletteHighSaturationYellowGreenHYg080 : string;
+export const CoreColorPaletteHighSaturationYellowGreenHYg090 : string;
+export const CoreColorPaletteHighSaturationYellowGreenHYg100 : string;
+export const CoreColorPaletteHighSaturationYellowHYy010 : string;
+export const CoreColorPaletteHighSaturationYellowHYy020 : string;
+export const CoreColorPaletteHighSaturationYellowHYy030 : string;
+export const CoreColorPaletteHighSaturationYellowHYy040 : string;
+export const CoreColorPaletteHighSaturationYellowHYy050 : string;
+export const CoreColorPaletteHighSaturationYellowHYy060 : string;
+export const CoreColorPaletteHighSaturationYellowHYy070 : string;
+export const CoreColorPaletteHighSaturationYellowHYy080 : string;
+export const CoreColorPaletteHighSaturationYellowHYy090 : string;
+export const CoreColorPaletteHighSaturationYellowHYy100 : string;
+export const CoreColorPaletteHighSaturationOrangeYellowHOy010 : string;
+export const CoreColorPaletteHighSaturationOrangeYellowHOy020 : string;
+export const CoreColorPaletteHighSaturationOrangeYellowHOy030 : string;
+export const CoreColorPaletteHighSaturationOrangeYellowHOy040 : string;
+export const CoreColorPaletteHighSaturationOrangeYellowHOy050 : string;
+export const CoreColorPaletteHighSaturationOrangeYellowHOy060 : string;
+export const CoreColorPaletteHighSaturationOrangeYellowHOy070 : string;
+export const CoreColorPaletteHighSaturationOrangeYellowHOy080 : string;
+export const CoreColorPaletteHighSaturationOrangeYellowHOy090 : string;
+export const CoreColorPaletteHighSaturationOrangeYellowHOy100 : string;
+export const CoreColorPaletteHighSaturationOrangeHOo010 : string;
+export const CoreColorPaletteHighSaturationOrangeHOo020 : string;
+export const CoreColorPaletteHighSaturationOrangeHOo030 : string;
+export const CoreColorPaletteHighSaturationOrangeHOo040 : string;
+export const CoreColorPaletteHighSaturationOrangeHOo050 : string;
+export const CoreColorPaletteHighSaturationOrangeHOo060 : string;
+export const CoreColorPaletteHighSaturationOrangeHOo070 : string;
+export const CoreColorPaletteHighSaturationOrangeHOo080 : string;
+export const CoreColorPaletteHighSaturationOrangeHOo090 : string;
+export const CoreColorPaletteHighSaturationOrangeHOo100 : string;
+export const CoreColorPaletteHighSaturationRedOrangeHRo010 : string;
+export const CoreColorPaletteHighSaturationRedOrangeHRo020 : string;
+export const CoreColorPaletteHighSaturationRedOrangeHRo030 : string;
+export const CoreColorPaletteHighSaturationRedOrangeHRo040 : string;
+export const CoreColorPaletteHighSaturationRedOrangeHRo050 : string;
+export const CoreColorPaletteHighSaturationRedOrangeHRo060 : string;
+export const CoreColorPaletteHighSaturationRedOrangeHRo070 : string;
+export const CoreColorPaletteHighSaturationRedOrangeHRo080 : string;
+export const CoreColorPaletteHighSaturationRedOrangeHRo090 : string;
+export const CoreColorPaletteHighSaturationRedOrangeHRo100 : string;
+export const CoreColorPaletteHighSaturationRedHRr010 : string;
+export const CoreColorPaletteHighSaturationRedHRr020 : string;
+export const CoreColorPaletteHighSaturationRedHRr030 : string;
+export const CoreColorPaletteHighSaturationRedHRr040 : string;
+export const CoreColorPaletteHighSaturationRedHRr050 : string;
+export const CoreColorPaletteHighSaturationRedHRr060 : string;
+export const CoreColorPaletteHighSaturationRedHRr070 : string;
+export const CoreColorPaletteHighSaturationRedHRr080 : string;
+export const CoreColorPaletteHighSaturationRedHRr090 : string;
+export const CoreColorPaletteHighSaturationRedHRr100 : string;
+export const CoreColorPaletteHighSaturationPinkHPk010 : string;
+export const CoreColorPaletteHighSaturationPinkHPk020 : string;
+export const CoreColorPaletteHighSaturationPinkHPk030 : string;
+export const CoreColorPaletteHighSaturationPinkHPk040 : string;
+export const CoreColorPaletteHighSaturationPinkHPk050 : string;
+export const CoreColorPaletteHighSaturationPinkHPk060 : string;
+export const CoreColorPaletteHighSaturationPinkHPk070 : string;
+export const CoreColorPaletteHighSaturationPinkHPk080 : string;
+export const CoreColorPaletteHighSaturationPinkHPk090 : string;
+export const CoreColorPaletteHighSaturationPinkHPk100 : string;
+export const CoreColorPaletteHighSaturationVioletRedHVr010 : string;
+export const CoreColorPaletteHighSaturationVioletRedHVr020 : string;
+export const CoreColorPaletteHighSaturationVioletRedHVr030 : string;
+export const CoreColorPaletteHighSaturationVioletRedHVr040 : string;
+export const CoreColorPaletteHighSaturationVioletRedHVr050 : string;
+export const CoreColorPaletteHighSaturationVioletRedHVr060 : string;
+export const CoreColorPaletteHighSaturationVioletRedHVr070 : string;
+export const CoreColorPaletteHighSaturationVioletRedHVr080 : string;
+export const CoreColorPaletteHighSaturationVioletRedHVr090 : string;
+export const CoreColorPaletteHighSaturationVioletRedHVr100 : string;
+export const CoreColorPaletteHighSaturationVioletHVv010 : string;
+export const CoreColorPaletteHighSaturationVioletHVv020 : string;
+export const CoreColorPaletteHighSaturationVioletHVv030 : string;
+export const CoreColorPaletteHighSaturationVioletHVv040 : string;
+export const CoreColorPaletteHighSaturationVioletHVv050 : string;
+export const CoreColorPaletteHighSaturationVioletHVv060 : string;
+export const CoreColorPaletteHighSaturationVioletHVv070 : string;
+export const CoreColorPaletteHighSaturationVioletHVv080 : string;
+export const CoreColorPaletteHighSaturationVioletHVv090 : string;
+export const CoreColorPaletteHighSaturationVioletHVv100 : string;
+export const CoreColorPaletteVibrantBlueVBb120 : string;
+export const CoreColorPaletteVibrantBlueVBb140 : string;
+export const CoreColorPaletteVibrantBlueVBb160 : string;
+export const CoreColorPaletteVibrantBlueVBb180 : string;
+export const CoreColorPaletteVibrantGreenBlueVGb120 : string;
+export const CoreColorPaletteVibrantGreenBlueVGb140 : string;
+export const CoreColorPaletteVibrantGreenBlueVGb160 : string;
+export const CoreColorPaletteVibrantGreenBlueVGb180 : string;
+export const CoreColorPaletteVibrantGreenVGg120 : string;
+export const CoreColorPaletteVibrantGreenVGg140 : string;
+export const CoreColorPaletteVibrantGreenVGg160 : string;
+export const CoreColorPaletteVibrantGreenVGg180 : string;
+export const CoreColorPaletteVibrantYellowGreenVYg120 : string;
+export const CoreColorPaletteVibrantYellowGreenVYg140 : string;
+export const CoreColorPaletteVibrantYellowGreenVYg160 : string;
+export const CoreColorPaletteVibrantYellowGreenVYg180 : string;
+export const CoreColorPaletteVibrantYellowVYy120 : string;
+export const CoreColorPaletteVibrantYellowVYy140 : string;
+export const CoreColorPaletteVibrantYellowVYy160 : string;
+export const CoreColorPaletteVibrantYellowVYy180 : string;
+export const CoreColorPaletteVibrantOrangeYellowVOy120 : string;
+export const CoreColorPaletteVibrantOrangeYellowVOy140 : string;
+export const CoreColorPaletteVibrantOrangeYellowVOy160 : string;
+export const CoreColorPaletteVibrantOrangeYellowVOy180 : string;
+export const CoreColorPaletteVibrantRedOrangeVRo120 : string;
+export const CoreColorPaletteVibrantRedOrangeVRo140 : string;
+export const CoreColorPaletteVibrantRedOrangeVRo160 : string;
+export const CoreColorPaletteVibrantRedOrangeVRo180 : string;
+export const CoreColorPaletteVibrantRedVRr120 : string;
+export const CoreColorPaletteVibrantRedVRr140 : string;
+export const CoreColorPaletteVibrantRedVRr160 : string;
+export const CoreColorPaletteVibrantRedVRr180 : string;
+export const CoreColorPaletteVibrantPinkVPk120 : string;
+export const CoreColorPaletteVibrantPinkVPk140 : string;
+export const CoreColorPaletteVibrantPinkVPk160 : string;
+export const CoreColorPaletteVibrantPinkVPk180 : string;
+export const CoreColorPaletteVibrantVioletRedVVr120 : string;
+export const CoreColorPaletteVibrantVioletRedVVr140 : string;
+export const CoreColorPaletteVibrantVioletRedVVr160 : string;
+export const CoreColorPaletteVibrantVioletRedVVr180 : string;
+export const CoreColorPaletteVibrantVioletVVv120 : string;
+export const CoreColorPaletteVibrantVioletVVv140 : string;
+export const CoreColorPaletteVibrantVioletVVv160 : string;
+export const CoreColorPaletteVibrantVioletVVv180 : string;
+export const CoreColorPaletteDarkGreenDGg410 : string;
+export const CoreColorPaletteDarkGreenDGg420 : string;
+export const CoreColorPaletteDarkGreenDGg430 : string;
+export const CoreColorPaletteDarkYellowDYy410 : string;
+export const CoreColorPaletteDarkYellowDYy420 : string;
+export const CoreColorPaletteDarkYellowDYy430 : string;
+export const CoreColorPaletteDarkRedDRr410 : string;
+export const CoreColorPaletteDarkRedDRr420 : string;
+export const CoreColorPaletteDarkRedDRr430 : string;
+export const CoreColorPaletteDarkBlueDBb410 : string;
+export const CoreColorPaletteDarkBlueDBb420 : string;
+export const CoreColorPaletteDarkBlueDBb430 : string;
+export const CoreSizing0 : string;
+export const CoreSizing1 : string;
+export const CoreSizing2 : string;
+export const CoreSizing3 : string;
+export const CoreSizing4 : string;
+export const CoreSizing5 : string;
+export const CoreSizing6 : string;
+export const CoreSizing7 : string;
+export const CoreSizing8 : string;
+export const CoreSizing9 : string;
+export const CoreSizing10 : string;
+export const CoreSizing11 : string;
+export const CoreSizing12 : string;
+export const CoreSizing13 : string;
+export const CoreSizing14 : string;
+export const CoreSizing15 : string;
+export const CoreSizing16 : string;
+export const CoreSizing17 : string;
+export const CoreSizing18 : string;
+export const CoreSizing19 : string;
+export const CoreSizing20 : string;
+export const CoreSizing21 : string;
+export const CoreSizing22 : string;
+export const CoreSizing23 : string;
+export const CoreSizing24 : string;
+export const CoreSizing25 : string;
+export const CoreSizing26 : string;
+export const CoreSizing27 : string;
+export const CoreSizing28 : string;
+export const CoreSizingNone : string;
+export const CoreSpacing0 : string;
+export const CoreSpacing1 : string;
+export const CoreSpacing2 : string;
+export const CoreSpacing3 : string;
+export const CoreSpacing4 : string;
+export const CoreSpacing5 : string;
+export const CoreSpacing6 : string;
+export const CoreSpacing7 : string;
+export const CoreSpacing8 : string;
+export const CoreSpacing9 : string;
+export const CoreSpacing10 : string;
+export const CoreSpacing11 : string;
+export const CoreSpacing12 : string;
+export const CoreSpacing13 : string;
+export const CoreSpacing14 : string;
+export const CoreSpacing15 : string;
+export const CoreSpacing16 : string;
+export const CoreSpacing17 : string;
+export const CoreSpacing18 : string;
+export const CoreSpacing19 : string;
+export const CoreSpacing20 : string;
+export const CoreSpacing21 : string;
+export const CoreSpacing22 : string;
+export const CoreSpacing23 : string;
+export const CoreSpacing24 : string;
+export const CoreSpacing25 : string;
+export const CoreSpacing26 : string;
+export const CoreSpacing27 : string;
+export const CoreSpacing28 : string;
+export const CoreSpacingNone : string;
+export const CoreBreakpointHeightXxsMax : number;
+export const CoreBreakpointHeightXsMax : number;
+export const CoreBreakpointHeightXsMin : number;
+export const CoreBreakpointHeightSmMax : number;
+export const CoreBreakpointHeightSmMin : number;
+export const CoreBreakpointHeightMdMax : number;
+export const CoreBreakpointHeightMdMin : number;
+export const CoreBreakpointHeightLgMax : number;
+export const CoreBreakpointHeightLgMin : number;
+export const CoreBreakpointWidthDefaultXxs : string;
+export const CoreBreakpointWidthDefaultXs : string;
+export const CoreBreakpointWidthDefaultSm : string;
+export const CoreBreakpointWidthDefaultMd : string;
+export const CoreBreakpointWidthDefaultLg : string;
+export const CoreBreakpointWidthXxsMax : number;
+export const CoreBreakpointWidthXsMax : number;
+export const CoreBreakpointWidthXsMin : number;
+export const CoreBreakpointWidthSmMax : number;
+export const CoreBreakpointWidthSmMin : number;
+export const CoreBreakpointWidthMdMax : number;
+export const CoreBreakpointWidthMdMin : number;
+export const CoreBreakpointWidthLgMax : number;
+export const CoreBreakpointWidthLgMin : number;
+export const CoreBreakpointMargin : string;
+export const CoreBreakpointGutter : string;
+export const CoreBreakpointContentFluid : string;
+export const CoreBreakpointContentFixed : string;
+export const CoreBreakpointColsXs : string;
+export const CoreBreakpointColsSm : string;
+export const CoreBreakpointColsMd : string;
+export const CoreBreakpointColsLg : string;
+export const CoreZIndexDeep : string;
+export const CoreZIndexDefault : string;
+export const CoreZIndexSticky : string;
+export const CoreZIndexHeader : string;
+export const CoreZIndexToast : string;
+export const CoreZIndexDropdown : string;
+export const CoreZIndexOverlay : string;
+export const CoreZIndexModal : string;
+export const CoreZIndexPopup : string;
+export const CoreZIndexTooltip : string;
+export const SemanticBorderBorderRadiusSharp : string;
+export const SemanticBorderBorderRadiusRound : string;
+export const SemanticBorderBorderRadiusCircular : string;
+export const SemanticBorderBorderRadiusPill : string;
+export const SemanticUiBorderBorderRadius : string;
+export const SemanticUiColorBrandDefaultLight : string;
+export const SemanticUiColorBrandDefaultDark : string;
+export const SemanticUiColorBrandHoverLight : string;
+export const SemanticUiColorBrandHoverDark : string;
+export const SemanticUiColorBrandPressLight : string;
+export const SemanticUiColorBrandPressDark : string;
+export const SemanticUiColorBackgroundLight : string;
+export const SemanticUiColorBackgroundDark : string;
+export const SemanticUiColorForeground1Light : string;
+export const SemanticUiColorForeground1Dark : string;
+export const SemanticUiColorForeground2Light : string;
+export const SemanticUiColorForeground2Dark : string;
+export const SemanticUiColorForeground3Light : string;
+export const SemanticUiColorForeground3Dark : string;
+export const SemanticUiColorForegroundCurrentLight : string;
+export const SemanticUiColorForegroundCurrentDark : string;
+export const SemanticUiColorText1Light : string;
+export const SemanticUiColorText1Dark : string;
+export const SemanticUiColorText2Light : string;
+export const SemanticUiColorText2Dark : string;
+export const SemanticUiColorText3Light : string;
+export const SemanticUiColorText3Dark : string;
+export const SemanticUiColorTextInverseLight : string;
+export const SemanticUiColorTextInverseDark : string;
+export const SemanticUiColorTextLinkLight : string;
+export const SemanticUiColorTextLinkDark : string;
+export const SemanticUiColorBorder1Light : string;
+export const SemanticUiColorBorder1Dark : string;
+export const SemanticUiColorBorder2Light : string;
+export const SemanticUiColorBorder2Dark : string;
+export const SemanticUiColorBorder3Light : string;
+export const SemanticUiColorBorder3Dark : string;
+export const SemanticUiColorBorderInputLight : string;
+export const SemanticUiColorBorderInputDark : string;
+export const SemanticUiColorInfoDefaultLight : string;
+export const SemanticUiColorInfoDefaultDark : string;
+export const SemanticUiColorInfoHoverLight : string;
+export const SemanticUiColorInfoHoverDark : string;
+export const SemanticUiColorInfoPressLight : string;
+export const SemanticUiColorInfoPressDark : string;
+export const SemanticUiColorSuccessDefaultLight : string;
+export const SemanticUiColorSuccessDefaultDark : string;
+export const SemanticUiColorSuccessHoverLight : string;
+export const SemanticUiColorSuccessHoverDark : string;
+export const SemanticUiColorSuccessPressLight : string;
+export const SemanticUiColorSuccessPressDark : string;
+export const SemanticUiColorWarningDefaultLight : string;
+export const SemanticUiColorWarningDefaultDark : string;
+export const SemanticUiColorWarningHoverLight : string;
+export const SemanticUiColorWarningHoverDark : string;
+export const SemanticUiColorWarningPressLight : string;
+export const SemanticUiColorWarningPressDark : string;
+export const SemanticUiColorDangerDefaultLight : string;
+export const SemanticUiColorDangerDefaultDark : string;
+export const SemanticUiColorDangerHoverLight : string;
+export const SemanticUiColorDangerHoverDark : string;
+export const SemanticUiColorDangerPressLight : string;
+export const SemanticUiColorDangerPressDark : string;
+export const SemanticUiColorInverseLight : string;
+export const SemanticUiColorInverseDark : string;
+export const SemanticSpacingBase : string;
+export const SemanticSpacingXs : string;
+export const SemanticSpacingSm : string;
+export const SemanticSpacingMd : string;
+export const SemanticSpacingLg : string;
+export const SemanticSpacingXl : string;"
+`;
+
+exports[`generated tokens ES6 types should match 2`] = `
+"/
+
+export const ColorBrandDefault : string;
+export const ColorBrandHover : string;
+export const ColorBrandPress : string;
+export const ColorBackground : string;
+export const ColorForeground1 : string;
+export const ColorForeground2 : string;
+export const ColorForeground3 : string;
+export const ColorText1 : string;
+export const ColorText2 : string;
+export const ColorText3 : string;
+export const ColorTextInverse : string;
+export const ColorTextLink : string;
+export const ColorBorder1 : string;
+export const ColorBorder2 : string;
+export const ColorBorder3 : string;
+export const ColorBorderInput : string;
+export const ColorInfoDefault : string;
+export const ColorInfoHover : string;
+export const ColorInfoPress : string;
+export const ColorSuccessDefault : string;
+export const ColorSuccessHover : string;
+export const ColorSuccessPress : string;
+export const ColorWarningDefault : string;
+export const ColorWarningHover : string;
+export const ColorWarningPress : string;
+export const ColorDangerDefault : string;
+export const ColorDangerHover : string;
+export const ColorDangerPress : string;
+export const ColorInverseDefault : string;
+export const ColorComponentAvatarFont : string;
+export const ColorComponentAvatarIcon : string;
+export const ColorComponentAvatarBackgroundDefault : string;
+export const ColorComponentAvatarBackgroundRed : string;
+export const ColorComponentAvatarBackgroundTeal : string;
+export const ColorComponentAvatarBackgroundBlue : string;
+export const ColorComponentAvatarBackgroundGreen : string;
+export const ColorComponentAvatarBackgroundYellow : string;
+export const ColorComponentCheckboxFont : string;
+export const ColorComponentCheckboxBackgroundDefault : string;
+export const ColorComponentCheckboxBackgroundSelected : string;
+export const ColorComponentCheckboxIcon : string;
+export const ColorComponentCheckboxBorder : string;
+export const ColorComponentRadioFont : string;
+export const ColorComponentRadioBackground : string;
+export const ColorComponentRadioBorderUnchecked : string;
+export const ColorComponentRadioBorderChecked : string;
+export const ColorComponentChipFontClear : string;
+export const ColorComponentChipFontSolidGrey : string;
+export const ColorComponentChipFontSolidBlue : string;
+export const ColorComponentChipFontSolidRed : string;
+export const ColorComponentChipFontSolidYellow : string;
+export const ColorComponentChipFontSolidGreen : string;
+export const ColorComponentChipIconClear : string;
+export const ColorComponentChipIconSolidGrey : string;
+export const ColorComponentChipIconSolidBlue : string;
+export const ColorComponentChipIconSolidRed : string;
+export const ColorComponentChipIconSolidYellow : string;
+export const ColorComponentChipIconSolidGreen : string;
+export const ColorComponentChipClosableIcon : string;
+export const ColorComponentChipBackgroundSolidGrey : string;
+export const ColorComponentChipBackgroundSolidBlue : string;
+export const ColorComponentChipBackgroundSolidRed : string;
+export const ColorComponentChipBackgroundSolidYellow : string;
+export const ColorComponentChipBackgroundSolidGreen : string;
+export const ColorComponentChipBorderClearGrey : string;
+export const ColorComponentChipBorderClearBlue : string;
+export const ColorComponentChipBorderClearRed : string;
+export const ColorComponentChipBorderClearYellow : string;
+export const ColorComponentChipBorderClearGreen : string;
+export const ColorComponentLabelFont : string;
+export const ColorComponentLoaderFont : string;
+export const ColorComponentLoaderDefaultForeground : string;
+export const ColorComponentLoaderInlineForegroundIndeterminate : string;
+export const ColorComponentLoaderInlineForegroundDeterminate : string;
+export const ColorComponentRatingStarBackgroundDefault : string;
+export const ColorComponentRatingStarBackgroundActive : string;
+export const ColorComponentRatingStarBackgroundAverage : string;
+export const ColorComponentRatingChipCountFont : string;
+export const ColorComponentRatingChipForeground : string;
+export const ColorComponentTooltipForeground : string;
+export const ColorComponentTooltipBorder : string;
+export const ColorComponentTooltipFont : string;
+export const ColorComponentAccordionItemFontHeading : string;
+export const ColorComponentAccordionItemFontDescription : string;
+export const ColorComponentAccordionItemIconDefault : string;
+export const ColorComponentAccordionItemIconExpanded : string;
+export const ColorComponentAccordionItemBackground : string;
+export const ColorComponentAccordionItemBorder : string;
+export const ColorComponentInputMessageFont : string;
+export const ColorComponentInputMessageIconIdle : string;
+export const ColorComponentInputMessageIconInvalid : string;
+export const ColorComponentInputMessageIconValid : string;
+export const ColorComponentAlertFontTitle : string;
+export const ColorComponentAlertFontMessage : string;
+export const ColorComponentAlertBackground : string;
+export const ColorComponentAlertBorder : string;
+export const ColorComponentAlertIconBlue : string;
+export const ColorComponentAlertIconGreen : string;
+export const ColorComponentAlertIconYellow : string;
+export const ColorComponentAlertIconRed : string;
+export const ColorComponentAlertHighlightBlue : string;
+export const ColorComponentAlertHighlightGreen : string;
+export const ColorComponentAlertHighlightYellow : string;
+export const ColorComponentAlertHighlightRed : string;
+export const ColorComponentTipFontHeading : string;
+export const ColorComponentTipFontDescription : string;
+export const ColorComponentTipIcon : string;
+export const ColorComponentTipBackgroundDefaultLight : string;
+export const ColorComponentTipBorderDefault : string;
+export const ColorComponentColorPickerFontLabel : string;
+export const ColorComponentColorPickerIcon : string;
+export const ColorComponentColorPickerBorder : string;
+export const ColorComponentColorPickerBackgroundDefault : string;
+export const ColorComponentDatePickerFontDate : string;
+export const ColorComponentDatePickerFontRangeDate : string;
+export const ColorComponentDatePickerFontDay : string;
+export const ColorComponentDatePickerFontMonth : string;
+export const ColorComponentDatePickerFontSelectedDate : string;
+export const ColorComponentDatePickerFontActiveDate : string;
+export const ColorComponentDatePickerIcon : string;
+export const ColorComponentDatePickerBorder : string;
+export const ColorComponentDatePickerDateActiveBorder : string;
+export const ColorComponentDatePickerBackgroundDefault : string;
+export const ColorComponentDatePickerBackgroundDateRange : string;
+export const ColorComponentDatePickerBackgroundDateActiveLight : string;
+export const ColorComponentInputDatePickerFontPlaceholderValue : string;
+export const ColorComponentInputDatePickerFontLabel : string;
+export const ColorComponentInputDatePickerIcon : string;
+export const ColorComponentInputDatePickerBorder : string;
+export const ColorComponentInputDatePickerBackgroundDefault : string;
+export const ColorComponentInputDatePickerBackgroundArrow : string;
+export const ColorComponentInputDatePickerBackgroundReadOnly : string;
+export const ColorComponentInputDatetimeLocalFontPlaceholderValue : string;
+export const ColorComponentInputDatetimeLocalFontLabel : string;
+export const ColorComponentInputDatetimeLocalFontPrefixSuffix : string;
+export const ColorComponentInputDatetimeLocalIcon : string;
+export const ColorComponentInputDatetimeLocalBackgroundDefault : string;
+export const ColorComponentInputDatetimeLocalBackgroundPrefixSufix : string;
+export const ColorComponentInputDatetimeLocalBackgroundReadOnly : string;
+export const ColorComponentInputDatetimeLocalBorderDefault : string;
+export const ColorComponentInputDatetimeLocalBorderInvalid : string;
+export const ColorComponentInputEmailFontPlaceholderValue : string;
+export const ColorComponentInputEmailFontLabel : string;
+export const ColorComponentInputEmailFontPrefixSuffix : string;
+export const ColorComponentInputEmailIcon : string;
+export const ColorComponentInputEmailBackgroundDefault : string;
+export const ColorComponentInputEmailBackgroundPrefixSufix : string;
+export const ColorComponentInputEmailBackgroundReadOnly : string;
+export const ColorComponentInputEmailBorderDefault : string;
+export const ColorComponentInputEmailBorderInvalid : string;
+export const ColorComponentInputFileFontPlaceholderValue : string;
+export const ColorComponentInputFileFontLabel : string;
+export const ColorComponentInputFileFontPrefixSuffix : string;
+export const ColorComponentInputFileIcon : string;
+export const ColorComponentInputFileBackgroundDefault : string;
+export const ColorComponentInputFileBackgroundPrefixSufix : string;
+export const ColorComponentInputFileBackgroundReadOnly : string;
+export const ColorComponentInputFileBorderDefault : string;
+export const ColorComponentInputFileBorderInvalid : string;
+export const ColorComponentInputMonthFontPlaceholderValue : string;
+export const ColorComponentInputMonthFontLabel : string;
+export const ColorComponentInputMonthFontPrefixSuffix : string;
+export const ColorComponentInputMonthIcon : string;
+export const ColorComponentInputMonthBackgroundDefault : string;
+export const ColorComponentInputMonthBackgroundPrefixSufix : string;
+export const ColorComponentInputMonthBackgroundReadOnly : string;
+export const ColorComponentInputMonthBorderDefault : string;
+export const ColorComponentInputMonthBorderInvalid : string;
+export const ColorComponentInputNumberFontPlaceholderValue : string;
+export const ColorComponentInputNumberFontLabel : string;
+export const ColorComponentInputNumberFontPrefixSuffix : string;
+export const ColorComponentInputNumberIcon : string;
+export const ColorComponentInputNumberBackgroundDefault : string;
+export const ColorComponentInputNumberBackgroundPrefixSufix : string;
+export const ColorComponentInputNumberBackgroundReadOnly : string;
+export const ColorComponentInputNumberBorderDefault : string;
+export const ColorComponentInputNumberBorderInvalid : string;
+export const ColorComponentInputPasswordFontPlaceholderValue : string;
+export const ColorComponentInputPasswordFontLabel : string;
+export const ColorComponentInputPasswordFontPrefixSuffix : string;
+export const ColorComponentInputPasswordIcon : string;
+export const ColorComponentInputPasswordBackgroundDefault : string;
+export const ColorComponentInputPasswordBackgroundPrefixSufix : string;
+export const ColorComponentInputPasswordBackgroundReadOnly : string;
+export const ColorComponentInputPasswordBorderDefault : string;
+export const ColorComponentInputPasswordBorderInvalid : string;
+export const ColorComponentInputSearchFontPlaceholderValue : string;
+export const ColorComponentInputSearchFontLabel : string;
+export const ColorComponentInputSearchFontPrefixSuffix : string;
+export const ColorComponentInputSearchIcon : string;
+export const ColorComponentInputSearchBackgroundDefault : string;
+export const ColorComponentInputSearchBackgroundPrefixSufix : string;
+export const ColorComponentInputSearchBackgroundReadOnly : string;
+export const ColorComponentInputSearchBorderDefault : string;
+export const ColorComponentInputSearchBorderInvalid : string;
+export const ColorComponentInputTelephoneFontPlaceholderValue : string;
+export const ColorComponentInputTelephoneFontLabel : string;
+export const ColorComponentInputTelephoneFontPrefixSuffix : string;
+export const ColorComponentInputTelephoneIcon : string;
+export const ColorComponentInputTelephoneBackgroundDefault : string;
+export const ColorComponentInputTelephoneBackgroundPrefixSufix : string;
+export const ColorComponentInputTelephoneBackgroundReadOnly : string;
+export const ColorComponentInputTelephoneBorderDefault : string;
+export const ColorComponentInputTelephoneBorderInvalid : string;
+export const ColorComponentInputTextFontPlaceholderValue : string;
+export const ColorComponentInputTextFontLabel : string;
+export const ColorComponentInputTextFontPrefixSuffix : string;
+export const ColorComponentInputTextIcon : string;
+export const ColorComponentInputTextBackgroundDefault : string;
+export const ColorComponentInputTextBackgroundPrefixSufix : string;
+export const ColorComponentInputTextBackgroundReadOnly : string;
+export const ColorComponentInputTextBorderDefault : string;
+export const ColorComponentInputTextBorderInvalid : string;
+export const ColorComponentInputWeekFontPlaceholderValue : string;
+export const ColorComponentInputWeekFontLabel : string;
+export const ColorComponentInputWeekFontPrefixSuffix : string;
+export const ColorComponentInputWeekIcon : string;
+export const ColorComponentInputWeekBackgroundDefault : string;
+export const ColorComponentInputWeekBackgroundPrefixSufix : string;
+export const ColorComponentInputWeekBackgroundReadOnly : string;
+export const ColorComponentInputWeekBorderDefault : string;
+export const ColorComponentInputWeekBorderInvalid : string;
+export const ColorComponentTextareaFontPlaceholderValue : string;
+export const ColorComponentTextareaFontLabel : string;
+export const ColorComponentTextareaFontChatLimit : string;
+export const ColorComponentTextareaIcon : string;
+export const ColorComponentTextareaBackgroundDefault : string;
+export const ColorComponentTextareaBackgroundReadOnly : string;
+export const ColorComponentTextareaBorderDefault : string;
+export const ColorComponentTabTitleFontDefault : string;
+export const ColorComponentTabTitleFontActive : string;
+export const ColorComponentTabTitleIconDefault : string;
+export const ColorComponentTabTitleIconActive : string;
+export const ColorComponentTabTitleBorderedBorder : string;
+export const ColorComponentTabTitleBorderedBackgroundDefault : string;
+export const ColorComponentTabTitleBorderActive : string;
+export const ColorComponentTabsBorderedBorder : string;
+export const ColorComponentTabsBorderedBackground : string;
+export const ColorComponentCardFontTitle : string;
+export const ColorComponentCardFontSubtitle : string;
+export const ColorComponentCardFontDescription : string;
+export const ColorComponentCardBorderDefault : string;
+export const ColorComponentCardBorderActive : string;
+export const ColorComponentCardBackgroundDefault : string;
+export const ColorComponentActionFont : string;
+export const ColorComponentActionIcon : string;
+export const ColorComponentActionBackgroundDefault : string;
+export const ColorComponentActionBackgroundActive : string;
+export const ColorComponentActionBarBorder : string;
+export const ColorComponentActionBarBackground : string;
+export const ColorComponentActionPadBorder : string;
+export const ColorComponentActionPadBackground : string;
+export const ColorComponentActionBarGridBorder : string;
+export const ColorComponentActionBarGridBackground : string;
+export const ColorComponentActionPadGridBorder : string;
+export const ColorComponentActionPadGridBackground : string;
+export const ColorComponentBlockFontHeading : string;
+export const ColorComponentBlockFontActive : string;
+export const ColorComponentBlockFontDescription : string;
+export const ColorComponentBlockFontContent : string;
+export const ColorComponentBlockIconIdle : string;
+export const ColorComponentBlockIconValid : string;
+export const ColorComponentBlockIconInvalid : string;
+export const ColorComponentBlockIconDragHandle : string;
+export const ColorComponentBlockIconChevron : string;
+export const ColorComponentBlockBorder : string;
+export const ColorComponentBlockBackground : string;
+export const ColorComponentBlockSectionFont : string;
+export const ColorComponentBlockSectionIconValid : string;
+export const ColorComponentBlockSectionIconInvalid : string;
+export const ColorComponentBlockSectionIconChevron : string;
+export const ColorComponentBlockSectionBackground : string;
+export const ColorComponentNoticeFontTitle : string;
+export const ColorComponentNoticeFontMessage : string;
+export const ColorComponentNoticeBackground : string;
+export const ColorComponentNoticeIconInfo : string;
+export const ColorComponentNoticeIconSuccess : string;
+export const ColorComponentNoticeIconWarning : string;
+export const ColorComponentNoticeIconDanger : string;
+export const ColorComponentNoticeIconBrand : string;
+export const ColorComponentNoticeHighlightInfo : string;
+export const ColorComponentNoticeHighlightSuccess : string;
+export const ColorComponentNoticeHighlightWarning : string;
+export const ColorComponentNoticeHighlightDanger : string;
+export const ColorComponentNoticeHighlightBrand : string;
+export const ColorComponentModalFontHeader : string;
+export const ColorComponentModalFontContent : string;
+export const ColorComponentModalIcon : string;
+export const ColorComponentModalBorderDefault : string;
+export const ColorComponentModalBorderTopBrand : string;
+export const ColorComponentModalBorderTopInfo : string;
+export const ColorComponentModalBorderTopSuccess : string;
+export const ColorComponentModalBorderTopDanger : string;
+export const ColorComponentModalBorderTopWarning : string;
+export const ColorComponentModalBackground : string;
+export const ColorComponentPanelHeaderFont : string;
+export const ColorComponentPanelHeaderIcon : string;
+export const ColorComponentPanelHeaderBorder : string;
+export const ColorComponentPanelHeaderBackground : string;
+export const ColorComponentPopoverFont : string;
+export const ColorComponentPopoverIcon : string;
+export const ColorComponentPopoverBorder : string;
+export const ColorComponentPopoverBackground : string;
+export const ColorComponentSliderFontLabel : string;
+export const ColorComponentSliderFontTickLabel : string;
+export const ColorComponentSliderHandleBackground : string;
+export const ColorComponentSliderHandleBorder : string;
+export const ColorComponentSliderBorderDefault : string;
+export const ColorComponentSliderBorderActive : string;
+export const ColorComponentSliderTickDefaultBackground : string;
+export const ColorComponentSliderTickDefaultBorder : string;
+export const ColorComponentSliderTickActiveBackground : string;
+export const ColorComponentSliderTickActiveBorder : string;
+export const ColorComponentSliderRangeFontLabel : string;
+export const ColorComponentSliderRangeFontTickLabel : string;
+export const ColorComponentSliderRangeHandleBackground : string;
+export const ColorComponentSliderRangeHandleBorder : string;
+export const ColorComponentSliderRangeBorderDefault : string;
+export const ColorComponentSliderRangeBorderActive : string;
+export const ColorComponentSliderRangeTickDefaultBackground : string;
+export const ColorComponentSliderRangeTickDefaultBorder : string;
+export const ColorComponentSliderRangeTickActiveBackground : string;
+export const ColorComponentSliderRangeTickActiveBorder : string;
+export const ColorComponentSliderHistogramFontLabel : string;
+export const ColorComponentSliderHistogramFontTickLabel : string;
+export const ColorComponentSliderHistogramHandleBackground : string;
+export const ColorComponentSliderHistogramHandleBorder : string;
+export const ColorComponentSliderHistogramBorderDefault : string;
+export const ColorComponentSliderHistogramBorderActive : string;
+export const ColorComponentSliderHistogramTickDefaultBackground : string;
+export const ColorComponentSliderHistogramTickDefaultBorder : string;
+export const ColorComponentSliderHistogramTickActiveBackground : string;
+export const ColorComponentSliderHistogramTickActiveBorder : string;
+export const ColorComponentSliderHistogramAreaActiveBackground : string;
+export const ColorComponentSliderHistogramActiveEndBackground : string;
+export const ColorComponentSliderHistogramRangeFontLabel : string;
+export const ColorComponentSliderHistogramRangeFontTickLabel : string;
+export const ColorComponentSliderHistogramRangeHandleBackground : string;
+export const ColorComponentSliderHistogramRangeHandleBorder : string;
+export const ColorComponentSliderHistogramRangeBorderDefault : string;
+export const ColorComponentSliderHistogramRangeBorderActive : string;
+export const ColorComponentSliderHistogramRangeTickDefaultBackground : string;
+export const ColorComponentSliderHistogramRangeTickDefaultBorder : string;
+export const ColorComponentSliderHistogramRangeTickActiveBackground : string;
+export const ColorComponentSliderHistogramRangeTickActiveBorder : string;
+export const ColorComponentSliderHistogramRangeAreaActiveBackground : string;
+export const ColorComponentSliderHistogramRangeActiveEndBackground : string;
+export const ColorComponentFilterFont : string;
+export const ColorComponentFilterIcon : string;
+export const ColorComponentFilterBorder : string;
+export const ColorComponentFilterBackground : string;
+export const ColorComponentScrimBackground : string;
+export const ColorComponentTipManagerFontHeading : string;
+export const ColorComponentTipManagerIcon : string;
+export const ColorComponentTipManagerBackgroundDefaultLight : string;
+export const ColorComponentTipManagerBorderDefault : string;
+export const ColorComponentButtonFontBrandSolid : string;
+export const ColorComponentButtonFontBrandOutlineFill : string;
+export const ColorComponentButtonFontBrandOutline : string;
+export const ColorComponentButtonFontBrandTransparent : string;
+export const ColorComponentButtonFontInverseSolid : string;
+export const ColorComponentButtonFontInverseOutlineFill : string;
+export const ColorComponentButtonFontInverseOutline : string;
+export const ColorComponentButtonFontInverseTransparent : string;
+export const ColorComponentButtonFontNeutralSolid : string;
+export const ColorComponentButtonFontNeutralOutlineFill : string;
+export const ColorComponentButtonFontNeutralOutline : string;
+export const ColorComponentButtonFontNeutralTransparent : string;
+export const ColorComponentButtonFontDangerSolid : string;
+export const ColorComponentButtonFontDangerOutlineFill : string;
+export const ColorComponentButtonFontDangerOutline : string;
+export const ColorComponentButtonFontDangerTransparent : string;
+export const ColorComponentButtonIconBrandSolid : string;
+export const ColorComponentButtonIconBrandOutlineFill : string;
+export const ColorComponentButtonIconBrandOutline : string;
+export const ColorComponentButtonIconBrandTransparent : string;
+export const ColorComponentButtonIconInverseSolid : string;
+export const ColorComponentButtonIconInverseOutlineFill : string;
+export const ColorComponentButtonIconInverseOutline : string;
+export const ColorComponentButtonIconInverseTransparent : string;
+export const ColorComponentButtonIconNeutralSolid : string;
+export const ColorComponentButtonIconNeutralOutlineFill : string;
+export const ColorComponentButtonIconNeutralOutline : string;
+export const ColorComponentButtonIconNeutralTransparent : string;
+export const ColorComponentButtonIconDangerSolid : string;
+export const ColorComponentButtonIconDangerOutlineFill : string;
+export const ColorComponentButtonIconDangerOutline : string;
+export const ColorComponentButtonIconDangerTransparent : string;
+export const ColorComponentButtonBackgroundBrandSolid : string;
+export const ColorComponentButtonBackgroundBrandOutlineFill : string;
+export const ColorComponentButtonBackgroundInverseSolid : string;
+export const ColorComponentButtonBackgroundInverseOutlineFill : string;
+export const ColorComponentButtonBackgroundNeutralSolid : string;
+export const ColorComponentButtonBackgroundNeutralOutlineFill : string;
+export const ColorComponentButtonBackgroundDangerSolid : string;
+export const ColorComponentButtonBackgroundDangerOutlineFill : string;
+export const ColorComponentButtonBorderBrandOutlineFill : string;
+export const ColorComponentButtonBorderBrandOutline : string;
+export const ColorComponentButtonBorderInverseOutlineFill : string;
+export const ColorComponentButtonBorderInverseOutline : string;
+export const ColorComponentButtonBorderNeutralOutlineFill : string;
+export const ColorComponentButtonBorderNeutralOutline : string;
+export const ColorComponentButtonBorderDangerOutlineFill : string;
+export const ColorComponentButtonBorderDangerOutline : string;
+export const ColorComponentSplitButtonFontBrandSolid : string;
+export const ColorComponentSplitButtonFontBrandOutlineFill : string;
+export const ColorComponentSplitButtonFontBrandOutline : string;
+export const ColorComponentSplitButtonFontBrandTransparent : string;
+export const ColorComponentSplitButtonFontInverseSolid : string;
+export const ColorComponentSplitButtonFontInverseOutlineFill : string;
+export const ColorComponentSplitButtonFontInverseOutline : string;
+export const ColorComponentSplitButtonFontInverseTransparent : string;
+export const ColorComponentSplitButtonFontNeutralSolid : string;
+export const ColorComponentSplitButtonFontNeutralOutlineFill : string;
+export const ColorComponentSplitButtonFontNeutralOutline : string;
+export const ColorComponentSplitButtonFontNeutralTransparent : string;
+export const ColorComponentSplitButtonFontDangerSolid : string;
+export const ColorComponentSplitButtonFontDangerOutlineFill : string;
+export const ColorComponentSplitButtonFontDangerOutline : string;
+export const ColorComponentSplitButtonFontDangerTransparent : string;
+export const ColorComponentSplitButtonIconBrandSolid : string;
+export const ColorComponentSplitButtonIconBrandOutlineFill : string;
+export const ColorComponentSplitButtonIconBrandOutline : string;
+export const ColorComponentSplitButtonIconBrandTransparent : string;
+export const ColorComponentSplitButtonIconInverseSolid : string;
+export const ColorComponentSplitButtonIconInverseOutlineFill : string;
+export const ColorComponentSplitButtonIconInverseOutline : string;
+export const ColorComponentSplitButtonIconInverseTransparent : string;
+export const ColorComponentSplitButtonIconNeutralSolid : string;
+export const ColorComponentSplitButtonIconNeutralOutlineFill : string;
+export const ColorComponentSplitButtonIconNeutralOutline : string;
+export const ColorComponentSplitButtonIconNeutralTransparent : string;
+export const ColorComponentSplitButtonIconDangerSolid : string;
+export const ColorComponentSplitButtonIconDangerOutlineFill : string;
+export const ColorComponentSplitButtonIconDangerOutline : string;
+export const ColorComponentSplitButtonIconDangerTransparent : string;
+export const ColorComponentSplitButtonBackgroundBrandSolid : string;
+export const ColorComponentSplitButtonBackgroundBrandOutlineFill : string;
+export const ColorComponentSplitButtonBackgroundInverseSolid : string;
+export const ColorComponentSplitButtonBackgroundInverseOutlineFill : string;
+export const ColorComponentSplitButtonBackgroundNeutralSolid : string;
+export const ColorComponentSplitButtonBackgroundNeutralOutlineFill : string;
+export const ColorComponentSplitButtonBackgroundDangerSolid : string;
+export const ColorComponentSplitButtonBackgroundDangerOutlineFill : string;
+export const ColorComponentSplitButtonBorderBrandOutlineFill : string;
+export const ColorComponentSplitButtonBorderBrandOutline : string;
+export const ColorComponentSplitButtonBorderInverseOutlineFill : string;
+export const ColorComponentSplitButtonBorderInverseOutline : string;
+export const ColorComponentSplitButtonBorderNeutralOutlineFill : string;
+export const ColorComponentSplitButtonBorderNeutralOutline : string;
+export const ColorComponentSplitButtonBorderDangerOutlineFill : string;
+export const ColorComponentSplitButtonBorderDangerOutline : string;
+export const ColorComponentSplitButtonDividerBrandSolid : string;
+export const ColorComponentSplitButtonDividerBrandOutlineFill : string;
+export const ColorComponentSplitButtonDividerBrandOutline : string;
+export const ColorComponentSplitButtonDividerBrandTransparent : string;
+export const ColorComponentSplitButtonDividerInverseSolid : string;
+export const ColorComponentSplitButtonDividerInverseOutlineFill : string;
+export const ColorComponentSplitButtonDividerInverseOutline : string;
+export const ColorComponentSplitButtonDividerInverseTransparent : string;
+export const ColorComponentSplitButtonDividerNeutralSolid : string;
+export const ColorComponentSplitButtonDividerNeutralOutlineFill : string;
+export const ColorComponentSplitButtonDividerNeutralOutline : string;
+export const ColorComponentSplitButtonDividerNeutralTransparent : string;
+export const ColorComponentSplitButtonDividerDangerSolid : string;
+export const ColorComponentSplitButtonDividerDangerOutlineFill : string;
+export const ColorComponentSplitButtonDividerDangerOutline : string;
+export const ColorComponentSplitButtonDividerDangerTransparent : string;
+export const ColorComponentFabFontBrandSolid : string;
+export const ColorComponentFabFontBrandOutlineFill : string;
+export const ColorComponentFabFontInverseSolid : string;
+export const ColorComponentFabFontInverseOutlineFill : string;
+export const ColorComponentFabFontNeutralSolid : string;
+export const ColorComponentFabFontNeutralOutlineFill : string;
+export const ColorComponentFabFontDangerSolid : string;
+export const ColorComponentFabFontDangerOutlineFill : string;
+export const ColorComponentFabIconBrandSolid : string;
+export const ColorComponentFabIconBrandOutlineFill : string;
+export const ColorComponentFabIconInverseSolid : string;
+export const ColorComponentFabIconInverseOutlineFill : string;
+export const ColorComponentFabIconNeutralSolid : string;
+export const ColorComponentFabIconNeutralOutlineFill : string;
+export const ColorComponentFabIconDangerSolid : string;
+export const ColorComponentFabIconDangerOutlineFill : string;
+export const ColorComponentFabBackgroundBrandSolid : string;
+export const ColorComponentFabBackgroundBrandOutlineFill : string;
+export const ColorComponentFabBackgroundInverseSolid : string;
+export const ColorComponentFabBackgroundInverseOutlineFill : string;
+export const ColorComponentFabBackgroundNeutralSolid : string;
+export const ColorComponentFabBackgroundNeutralOutlineFill : string;
+export const ColorComponentFabBackgroundDangerSolid : string;
+export const ColorComponentFabBackgroundDangerOutlineFill : string;
+export const ColorComponentFabBorderBrandOutlineFill : string;
+export const ColorComponentFabBorderBrandSolid : string;
+export const ColorComponentFabBorderInverseOutlineFill : string;
+export const ColorComponentFabBorderInverseSolid : string;
+export const ColorComponentFabBorderNeutralOutlineFill : string;
+export const ColorComponentFabBorderNeutralSolid : string;
+export const ColorComponentFabBorderDangerOutlineFill : string;
+export const ColorComponentFabBorderDangerSolid : string;"
+`;
+
+exports[`generated tokens ES6 types should match 3`] = `
+"/
+
+export const ColorBrandDefault : string;
+export const ColorBrandHover : string;
+export const ColorBrandPress : string;
+export const ColorBackground1 : string;
+export const ColorForeground1 : string;
+export const ColorForeground2 : string;
+export const ColorForeground3 : string;
+export const ColorText1 : string;
+export const ColorText2 : string;
+export const ColorText3 : string;
+export const ColorTextInverse : string;
+export const ColorTextLink : string;
+export const ColorBorder1 : string;
+export const ColorBorder2 : string;
+export const ColorBorder3 : string;
+export const ColorBorderInput : string;
+export const ColorInfoDefault : string;
+export const ColorInfoHover : string;
+export const ColorInfoPress : string;
+export const ColorSuccessDefault : string;
+export const ColorSuccessHover : string;
+export const ColorSuccessPress : string;
+export const ColorWarningDefault : string;
+export const ColorWarningHover : string;
+export const ColorWarningPress : string;
+export const ColorDangerDefault : string;
+export const ColorDangerHover : string;
+export const ColorDangerPress : string;
+export const ColorInverseDefault : string;
+export const ColorComponentAvatarFont : string;
+export const ColorComponentAvatarIcon : string;
+export const ColorComponentAvatarBackgroundDefault : string;
+export const ColorComponentAvatarBackgroundRed : string;
+export const ColorComponentAvatarBackgroundTeal : string;
+export const ColorComponentAvatarBackgroundBlue : string;
+export const ColorComponentAvatarBackgroundGreen : string;
+export const ColorComponentAvatarBackgroundYellow : string;
+export const ColorComponentCheckboxFont : string;
+export const ColorComponentCheckboxBackgroundDefault : string;
+export const ColorComponentCheckboxBackgroundSelected : string;
+export const ColorComponentCheckboxIcon : string;
+export const ColorComponentCheckboxBorder : string;
+export const ColorComponentRadioFont : string;
+export const ColorComponentRadioBackground : string;
+export const ColorComponentRadioBorderUnchecked : string;
+export const ColorComponentRadioBorderChecked : string;
+export const ColorComponentChipFontClear : string;
+export const ColorComponentChipFontSolidGrey : string;
+export const ColorComponentChipFontSolidBlue : string;
+export const ColorComponentChipFontSolidRed : string;
+export const ColorComponentChipFontSolidYellow : string;
+export const ColorComponentChipFontSolidGreen : string;
+export const ColorComponentChipIconClear : string;
+export const ColorComponentChipIconSolidGrey : string;
+export const ColorComponentChipIconSolidBlue : string;
+export const ColorComponentChipIconSolidRed : string;
+export const ColorComponentChipIconSolidYellow : string;
+export const ColorComponentChipIconSolidGreen : string;
+export const ColorComponentChipClosableIcon : string;
+export const ColorComponentChipBackgroundSolidGrey : string;
+export const ColorComponentChipBackgroundSolidBlue : string;
+export const ColorComponentChipBackgroundSolidRed : string;
+export const ColorComponentChipBackgroundSolidYellow : string;
+export const ColorComponentChipBackgroundSolidGreen : string;
+export const ColorComponentChipBorderClearGrey : string;
+export const ColorComponentChipBorderClearBlue : string;
+export const ColorComponentChipBorderClearRed : string;
+export const ColorComponentChipBorderClearYellow : string;
+export const ColorComponentChipBorderClearGreen : string;
+export const ColorComponentLabelFont : string;
+export const ColorComponentLoaderFont : string;
+export const ColorComponentLoaderDefaultForeground : string;
+export const ColorComponentLoaderInlineForegroundIndeterminate : string;
+export const ColorComponentLoaderInlineForegroundDeterminate : string;
+export const ColorComponentRatingStarBackgroundDefault : string;
+export const ColorComponentRatingStarBackgroundActive : string;
+export const ColorComponentRatingStarBackgroundAverage : string;
+export const ColorComponentRatingChipCountFont : string;
+export const ColorComponentRatingChipForeground : string;
+export const ColorComponentTooltipForeground : string;
+export const ColorComponentTooltipBorder : string;
+export const ColorComponentTooltipFont : string;
+export const ColorComponentAccordionItemFontHeading : string;
+export const ColorComponentAccordionItemFontDescription : string;
+export const ColorComponentAccordionItemIconDefault : string;
+export const ColorComponentAccordionItemIconExpanded : string;
+export const ColorComponentAccordionItemBackground : string;
+export const ColorComponentAccordionItemBorder : string;
+export const ColorComponentInputMessageFont : string;
+export const ColorComponentInputMessageIconIdle : string;
+export const ColorComponentInputMessageIconInvalid : string;
+export const ColorComponentInputMessageIconValid : string;
+export const ColorComponentAlertFontTitle : string;
+export const ColorComponentAlertFontMessage : string;
+export const ColorComponentAlertBackground : string;
+export const ColorComponentAlertBorder : string;
+export const ColorComponentAlertIconBlue : string;
+export const ColorComponentAlertIconGreen : string;
+export const ColorComponentAlertIconYellow : string;
+export const ColorComponentAlertIconRed : string;
+export const ColorComponentAlertHighlightBlue : string;
+export const ColorComponentAlertHighlightGreen : string;
+export const ColorComponentAlertHighlightYellow : string;
+export const ColorComponentAlertHighlightRed : string;
+export const ColorComponentColorPickerFontLabel : string;
+export const ColorComponentColorPickerIcon : string;
+export const ColorComponentColorPickerBorder : string;
+export const ColorComponentColorPickerBackgroundDefault : string;
+export const ColorComponentDatePickerFontDate : string;
+export const ColorComponentDatePickerFontDay : string;
+export const ColorComponentDatePickerFontMonth : string;
+export const ColorComponentDatePickerFontRangeDate : string;
+export const ColorComponentDatePickerFontSelectedDate : string;
+export const ColorComponentDatePickerFontActiveDate : string;
+export const ColorComponentDatePickerIcon : string;
+export const ColorComponentDatePickerBorder : string;
+export const ColorComponentDatePickerDateActiveBorder : string;
+export const ColorComponentDatePickerBackgroundDefault : string;
+export const ColorComponentDatePickerBackgroundDateRange : string;
+export const ColorComponentDatePickerBackgroundDateActive : string;
+export const ColorComponentInputDatePickerFontPlaceholderValue : string;
+export const ColorComponentInputDatePickerFontLabel : string;
+export const ColorComponentInputDatePickerIcon : string;
+export const ColorComponentInputDatePickerBorder : string;
+export const ColorComponentInputDatePickerBackgroundDefault : string;
+export const ColorComponentInputDatePickerBackgroundArrow : string;
+export const ColorComponentInputDatePickerBackgroundReadOnly : string;
+export const ColorComponentInputDatetimeLocalFontPlaceholderValue : string;
+export const ColorComponentInputDatetimeLocalFontLabel : string;
+export const ColorComponentInputDatetimeLocalFontPrefixSuffix : string;
+export const ColorComponentInputDatetimeLocalIcon : string;
+export const ColorComponentInputDatetimeLocalBackgroundDefault : string;
+export const ColorComponentInputDatetimeLocalBackgroundPrefixSufix : string;
+export const ColorComponentInputDatetimeLocalBackgroundReadOnly : string;
+export const ColorComponentInputDatetimeLocalBorderDefault : string;
+export const ColorComponentInputDatetimeLocalBorderInvalid : string;
+export const ColorComponentInputEmailFontPlaceholderValue : string;
+export const ColorComponentInputEmailFontLabel : string;
+export const ColorComponentInputEmailFontPrefixSuffix : string;
+export const ColorComponentInputEmailIcon : string;
+export const ColorComponentInputEmailBackgroundDefault : string;
+export const ColorComponentInputEmailBackgroundPrefixSufix : string;
+export const ColorComponentInputEmailBackgroundReadOnly : string;
+export const ColorComponentInputEmailBorderDefault : string;
+export const ColorComponentInputEmailBorderInvalid : string;
+export const ColorComponentInputFileFontPlaceholderValue : string;
+export const ColorComponentInputFileFontLabel : string;
+export const ColorComponentInputFileFontPrefixSuffix : string;
+export const ColorComponentInputFileIcon : string;
+export const ColorComponentInputFileBackgroundDefault : string;
+export const ColorComponentInputFileBackgroundPrefixSufix : string;
+export const ColorComponentInputFileBackgroundReadOnly : string;
+export const ColorComponentInputFileBorderDefault : string;
+export const ColorComponentInputFileBorderInvalid : string;
+export const ColorComponentInputMonthFontPlaceholderValue : string;
+export const ColorComponentInputMonthFontLabel : string;
+export const ColorComponentInputMonthFontPrefixSuffix : string;
+export const ColorComponentInputMonthIcon : string;
+export const ColorComponentInputMonthBackgroundDefault : string;
+export const ColorComponentInputMonthBackgroundPrefixSufix : string;
+export const ColorComponentInputMonthBackgroundReadOnly : string;
+export const ColorComponentInputMonthBorderDefault : string;
+export const ColorComponentInputMonthBorderInvalid : string;
+export const ColorComponentInputNumberFontPlaceholderValue : string;
+export const ColorComponentInputNumberFontLabel : string;
+export const ColorComponentInputNumberIcon : string;
+export const ColorComponentInputNumberBackgroundDefault : string;
+export const ColorComponentInputNumberBackgroundPrefixSufix : string;
+export const ColorComponentInputNumberBackgroundReadOnly : string;
+export const ColorComponentInputNumberBorderDefault : string;
+export const ColorComponentInputNumberBorderInvalid : string;
+export const ColorComponentInputPasswordFontPlaceholderValue : string;
+export const ColorComponentInputPasswordFontLabel : string;
+export const ColorComponentInputPasswordFontPrefixSuffix : string;
+export const ColorComponentInputPasswordIcon : string;
+export const ColorComponentInputPasswordBackgroundDefault : string;
+export const ColorComponentInputPasswordBackgroundPrefixSufix : string;
+export const ColorComponentInputPasswordBackgroundReadOnly : string;
+export const ColorComponentInputPasswordBorderDefault : string;
+export const ColorComponentInputPasswordBorderInvalid : string;
+export const ColorComponentInputSearchFontPlaceholderValue : string;
+export const ColorComponentInputSearchFontLabel : string;
+export const ColorComponentInputSearchFontPrefixSuffix : string;
+export const ColorComponentInputSearchIcon : string;
+export const ColorComponentInputSearchBackgroundDefault : string;
+export const ColorComponentInputSearchBackgroundPrefixSufix : string;
+export const ColorComponentInputSearchBackgroundReadOnly : string;
+export const ColorComponentInputSearchBorderDefault : string;
+export const ColorComponentInputSearchBorderInvalid : string;
+export const ColorComponentInputTelephoneFontPlaceholderValue : string;
+export const ColorComponentInputTelephoneFontLabel : string;
+export const ColorComponentInputTelephoneFontPrefixSuffix : string;
+export const ColorComponentInputTelephoneIcon : string;
+export const ColorComponentInputTelephoneBackgroundDefault : string;
+export const ColorComponentInputTelephoneBackgroundPrefixSufix : string;
+export const ColorComponentInputTelephoneBackgroundReadOnly : string;
+export const ColorComponentInputTelephoneBorderDefault : string;
+export const ColorComponentInputTelephoneBorderInvalid : string;
+export const ColorComponentInputTextFontPlaceholderValue : string;
+export const ColorComponentInputTextFontLabel : string;
+export const ColorComponentInputTextFontPrefixSuffix : string;
+export const ColorComponentInputTextIcon : string;
+export const ColorComponentInputTextBackgroundDefault : string;
+export const ColorComponentInputTextBackgroundPrefixSufix : string;
+export const ColorComponentInputTextBackgroundReadOnly : string;
+export const ColorComponentInputTextBorderDefault : string;
+export const ColorComponentInputTextBorderInvalid : string;
+export const ColorComponentInputWeekFontPlaceholderValue : string;
+export const ColorComponentInputWeekFontLabel : string;
+export const ColorComponentInputWeekFontPrefixSuffix : string;
+export const ColorComponentInputWeekIcon : string;
+export const ColorComponentInputWeekBackgroundDefault : string;
+export const ColorComponentInputWeekBackgroundPrefixSufix : string;
+export const ColorComponentInputWeekBackgroundReadOnly : string;
+export const ColorComponentInputWeekBorderDefault : string;
+export const ColorComponentInputWeekBorderInvalid : string;
+export const ColorComponentTextareaFontPlaceholderValue : string;
+export const ColorComponentTextareaFontLabel : string;
+export const ColorComponentTextareaFontChatLimit : string;
+export const ColorComponentTextareaIcon : string;
+export const ColorComponentTextareaBackgroundDefault : string;
+export const ColorComponentTextareaBackgroundReadOnly : string;
+export const ColorComponentTextareaBorderDefault : string;
+export const ColorComponentTabTitleFontDefault : string;
+export const ColorComponentTabTitleFontActive : string;
+export const ColorComponentTabTitleIconDefault : string;
+export const ColorComponentTabTitleIconActive : string;
+export const ColorComponentTabTitleBorderedBorder : string;
+export const ColorComponentTabTitleBorderedBackgroundDefault : string;
+export const ColorComponentTabTitleBorderActive : string;
+export const ColorComponentTabsBorderedBorder : string;
+export const ColorComponentTabsBorderedBackground : string;
+export const ColorComponentCardFontTitle : string;
+export const ColorComponentCardFontSubtitle : string;
+export const ColorComponentCardFontDescription : string;
+export const ColorComponentCardBorderDefault : string;
+export const ColorComponentCardBorderActive : string;
+export const ColorComponentCardBackgroundDefault : string;
+export const ColorComponentActionIndicator : string;
+export const ColorComponentActionFont : string;
+export const ColorComponentActionIcon : string;
+export const ColorComponentActionBackgroundDefault : string;
+export const ColorComponentActionBackgroundActive : string;
+export const ColorComponentActionBarBorder : string;
+export const ColorComponentActionBarBackground : string;
+export const ColorComponentActionPadBorder : string;
+export const ColorComponentActionPadBackground : string;
+export const ColorComponentActionBarGridBorder : string;
+export const ColorComponentActionBarGridBackground : string;
+export const ColorComponentActionPadGridBorder : string;
+export const ColorComponentActionPadGridBackground : string;
+export const ColorComponentBlockFontHeading : string;
+export const ColorComponentBlockFontDescription : string;
+export const ColorComponentBlockFontContent : string;
+export const ColorComponentBlockIconDefault : string;
+export const ColorComponentBlockIconActive : string;
+export const ColorComponentBlockIconIdle : string;
+export const ColorComponentBlockIconValid : string;
+export const ColorComponentBlockIconInvalid : string;
+export const ColorComponentBlockIconDragHandle : string;
+export const ColorComponentBlockIconChevron : string;
+export const ColorComponentBlockLoader : string;
+export const ColorComponentBlockBorder : string;
+export const ColorComponentBlockBackground : string;
+export const ColorComponentBlockSectionFont : string;
+export const ColorComponentBlockSectionIconValid : string;
+export const ColorComponentBlockSectionIconInvalid : string;
+export const ColorComponentBlockSectionIconChevron : string;
+export const ColorComponentBlockSectionBackground : string;
+export const ColorComponentNoticeFontTitle : string;
+export const ColorComponentNoticeFontMessage : string;
+export const ColorComponentNoticeBackground : string;
+export const ColorComponentNoticeIconInfo : string;
+export const ColorComponentNoticeIconSuccess : string;
+export const ColorComponentNoticeIconWarning : string;
+export const ColorComponentNoticeIconDanger : string;
+export const ColorComponentNoticeIconBrand : string;
+export const ColorComponentNoticeHighlightInfo : string;
+export const ColorComponentNoticeHighlightSuccess : string;
+export const ColorComponentNoticeHighlightWarning : string;
+export const ColorComponentNoticeHighlightDanger : string;
+export const ColorComponentNoticeHighlightBrand : string;
+export const ColorComponentModalFontHeader : string;
+export const ColorComponentModalFontContent : string;
+export const ColorComponentModalIcon : string;
+export const ColorComponentModalBorderDefault : string;
+export const ColorComponentModalBorderTopBrand : string;
+export const ColorComponentModalBorderTopInfo : string;
+export const ColorComponentModalBorderTopSuccess : string;
+export const ColorComponentModalBorderTopDanger : string;
+export const ColorComponentModalBorderTopWarning : string;
+export const ColorComponentModalBackground : string;
+export const ColorComponentPanelHeaderFont : string;
+export const ColorComponentPanelHeaderIcon : string;
+export const ColorComponentPanelHeaderBorder : string;
+export const ColorComponentPanelHeaderBackground : string;
+export const ColorComponentPopoverFont : string;
+export const ColorComponentPopoverIcon : string;
+export const ColorComponentPopoverBorder : string;
+export const ColorComponentPopoverBackground : string;
+export const ColorComponentSliderFontLabel : string;
+export const ColorComponentSliderFontTickLabel : string;
+export const ColorComponentSliderHandleBackground : string;
+export const ColorComponentSliderHandleBorder : string;
+export const ColorComponentSliderBorderDefault : string;
+export const ColorComponentSliderBorderActive : string;
+export const ColorComponentSliderTickDefaultBackground : string;
+export const ColorComponentSliderTickDefaultBorder : string;
+export const ColorComponentSliderTickActiveBackground : string;
+export const ColorComponentSliderTickActiveBorder : string;
+export const ColorComponentSliderRangeFontLabel : string;
+export const ColorComponentSliderRangeFontTickLabel : string;
+export const ColorComponentSliderRangeHandleBackground : string;
+export const ColorComponentSliderRangeHandleBorder : string;
+export const ColorComponentSliderRangeBorderDefault : string;
+export const ColorComponentSliderRangeBorderActive : string;
+export const ColorComponentSliderRangeTickDefaultBackground : string;
+export const ColorComponentSliderRangeTickDefaultBorder : string;
+export const ColorComponentSliderRangeTickActiveBackground : string;
+export const ColorComponentSliderRangeTickActiveBorder : string;
+export const ColorComponentSliderHistogramFontLabel : string;
+export const ColorComponentSliderHistogramFontTickLabel : string;
+export const ColorComponentSliderHistogramHandleBackground : string;
+export const ColorComponentSliderHistogramHandleBorder : string;
+export const ColorComponentSliderHistogramBorderDefault : string;
+export const ColorComponentSliderHistogramBorderActive : string;
+export const ColorComponentSliderHistogramTickDefaultBackground : string;
+export const ColorComponentSliderHistogramTickDefaultBorder : string;
+export const ColorComponentSliderHistogramTickActiveBackground : string;
+export const ColorComponentSliderHistogramTickActiveBorder : string;
+export const ColorComponentSliderHistogramAreaActiveBackground : string;
+export const ColorComponentSliderHistogramActiveEndBackgroundDark : string;
+export const ColorComponentSliderHistogramRangeFontLabel : string;
+export const ColorComponentSliderHistogramRangeFontTickLabel : string;
+export const ColorComponentSliderHistogramRangeHandleBackground : string;
+export const ColorComponentSliderHistogramRangeHandleBorder : string;
+export const ColorComponentSliderHistogramRangeBorderDefault : string;
+export const ColorComponentSliderHistogramRangeBorderActive : string;
+export const ColorComponentSliderHistogramRangeTickDefaultBackground : string;
+export const ColorComponentSliderHistogramRangeTickDefaultBorder : string;
+export const ColorComponentSliderHistogramRangeTickActiveBackground : string;
+export const ColorComponentSliderHistogramRangeTickActiveBorder : string;
+export const ColorComponentSliderHistogramRangeAreaActiveBackground : string;
+export const ColorComponentSliderHistogramRangeActiveEndBackground : string;
+export const ColorComponentFilterFont : string;
+export const ColorComponentFilterIcon : string;
+export const ColorComponentFilterBorder : string;
+export const ColorComponentFilterBackground : string;
+export const ColorComponentScrimBackground : string;
+export const ColorComponentTipManagerFontHeading : string;
+export const ColorComponentTipManagerIcon : string;
+export const ColorComponentTipManagerBackgroundDefaultLight : string;
+export const ColorComponentTipManagerBorderDefault : string;
+export const ColorComponentButtonFontBrandSolid : string;
+export const ColorComponentButtonFontBrandOutlineFill : string;
+export const ColorComponentButtonFontBrandOutline : string;
+export const ColorComponentButtonFontBrandTransparent : string;
+export const ColorComponentButtonFontInverseSolid : string;
+export const ColorComponentButtonFontInverseOutlineFill : string;
+export const ColorComponentButtonFontInverseOutline : string;
+export const ColorComponentButtonFontInverseTransparent : string;
+export const ColorComponentButtonFontNeutralSolid : string;
+export const ColorComponentButtonFontNeutralOutlineFill : string;
+export const ColorComponentButtonFontNeutralOutline : string;
+export const ColorComponentButtonFontNeutralTransparent : string;
+export const ColorComponentButtonFontDangerSolid : string;
+export const ColorComponentButtonFontDangerOutlineFill : string;
+export const ColorComponentButtonFontDangerOutline : string;
+export const ColorComponentButtonFontDangerTransparent : string;
+export const ColorComponentButtonIconBrandSolid : string;
+export const ColorComponentButtonIconBrandOutlineFill : string;
+export const ColorComponentButtonIconBrandOutline : string;
+export const ColorComponentButtonIconBrandTransparent : string;
+export const ColorComponentButtonIconInverseSolid : string;
+export const ColorComponentButtonIconInverseOutlineFill : string;
+export const ColorComponentButtonIconInverseOutline : string;
+export const ColorComponentButtonIconInverseTransparent : string;
+export const ColorComponentButtonIconNeutralSolid : string;
+export const ColorComponentButtonIconNeutralOutlineFill : string;
+export const ColorComponentButtonIconNeutralOutline : string;
+export const ColorComponentButtonIconNeutralTransparent : string;
+export const ColorComponentButtonIconDangerSolid : string;
+export const ColorComponentButtonIconDangerOutlineFill : string;
+export const ColorComponentButtonIconDangerOutline : string;
+export const ColorComponentButtonIconDangerTransparent : string;
+export const ColorComponentButtonBackgroundBrandSolid : string;
+export const ColorComponentButtonBackgroundBrandOutlineFill : string;
+export const ColorComponentButtonBackgroundInverseSolid : string;
+export const ColorComponentButtonBackgroundInverseOutlineFill : string;
+export const ColorComponentButtonBackgroundNeutralSolid : string;
+export const ColorComponentButtonBackgroundNeutralOutlineFill : string;
+export const ColorComponentButtonBackgroundDangerSolid : string;
+export const ColorComponentButtonBackgroundDangerOutlineFill : string;
+export const ColorComponentButtonBorderBrandOutlineFill : string;
+export const ColorComponentButtonBorderBrandOutline : string;
+export const ColorComponentButtonBorderInverseOutlineFill : string;
+export const ColorComponentButtonBorderInverseOutline : string;
+export const ColorComponentButtonBorderNeutralOutlineFill : string;
+export const ColorComponentButtonBorderNeutralOutline : string;
+export const ColorComponentButtonBorderDangerOutlineFill : string;
+export const ColorComponentButtonBorderDangerOutline : string;
+export const ColorComponentSplitButtonFontBrandSolid : string;
+export const ColorComponentSplitButtonFontBrandOutlineFill : string;
+export const ColorComponentSplitButtonFontBrandOutline : string;
+export const ColorComponentSplitButtonFontBrandTransparent : string;
+export const ColorComponentSplitButtonFontInverseSolid : string;
+export const ColorComponentSplitButtonFontInverseOutlineFill : string;
+export const ColorComponentSplitButtonFontInverseOutline : string;
+export const ColorComponentSplitButtonFontInverseTransparent : string;
+export const ColorComponentSplitButtonFontNeutralSolid : string;
+export const ColorComponentSplitButtonFontNeutralOutlineFill : string;
+export const ColorComponentSplitButtonFontNeutralOutline : string;
+export const ColorComponentSplitButtonFontNeutralTransparent : string;
+export const ColorComponentSplitButtonFontDangerSolid : string;
+export const ColorComponentSplitButtonFontDangerOutlineFill : string;
+export const ColorComponentSplitButtonFontDangerOutline : string;
+export const ColorComponentSplitButtonFontDangerTransparent : string;
+export const ColorComponentSplitButtonIconBrandSolid : string;
+export const ColorComponentSplitButtonIconBrandOutlineFill : string;
+export const ColorComponentSplitButtonIconBrandOutline : string;
+export const ColorComponentSplitButtonIconBrandTransparent : string;
+export const ColorComponentSplitButtonIconInverseSolid : string;
+export const ColorComponentSplitButtonIconInverseOutlineFill : string;
+export const ColorComponentSplitButtonIconInverseOutline : string;
+export const ColorComponentSplitButtonIconInverseTransparent : string;
+export const ColorComponentSplitButtonIconNeutralSolid : string;
+export const ColorComponentSplitButtonIconNeutralOutlineFill : string;
+export const ColorComponentSplitButtonIconNeutralOutline : string;
+export const ColorComponentSplitButtonIconNeutralTransparent : string;
+export const ColorComponentSplitButtonIconDangerSolid : string;
+export const ColorComponentSplitButtonIconDangerOutlineFill : string;
+export const ColorComponentSplitButtonIconDangerOutline : string;
+export const ColorComponentSplitButtonIconDangerTransparent : string;
+export const ColorComponentSplitButtonBackgroundBrandSolid : string;
+export const ColorComponentSplitButtonBackgroundBrandOutlineFill : string;
+export const ColorComponentSplitButtonBackgroundInverseSolid : string;
+export const ColorComponentSplitButtonBackgroundInverseOutlineFill : string;
+export const ColorComponentSplitButtonBackgroundNeutralSolid : string;
+export const ColorComponentSplitButtonBackgroundNeutralOutlineFill : string;
+export const ColorComponentSplitButtonBackgroundDangerSolid : string;
+export const ColorComponentSplitButtonBackgroundDangerOutlineFill : string;
+export const ColorComponentSplitButtonBorderBrandOutlineFill : string;
+export const ColorComponentSplitButtonBorderBrandOutline : string;
+export const ColorComponentSplitButtonBorderInverseOutlineFill : string;
+export const ColorComponentSplitButtonBorderInverseOutline : string;
+export const ColorComponentSplitButtonBorderNeutralOutlineFill : string;
+export const ColorComponentSplitButtonBorderNeutralOutline : string;
+export const ColorComponentSplitButtonBorderDangerOutlineFill : string;
+export const ColorComponentSplitButtonBorderDangerOutline : string;
+export const ColorComponentSplitButtonDividerBrandSolid : string;
+export const ColorComponentSplitButtonDividerBrandOutlineFill : string;
+export const ColorComponentSplitButtonDividerBrandOutline : string;
+export const ColorComponentSplitButtonDividerBrandTransparent : string;
+export const ColorComponentSplitButtonDividerInverseSolid : string;
+export const ColorComponentSplitButtonDividerInverseOutlineFill : string;
+export const ColorComponentSplitButtonDividerInverseOutline : string;
+export const ColorComponentSplitButtonDividerInverseTransparent : string;
+export const ColorComponentSplitButtonDividerNeutralSolid : string;
+export const ColorComponentSplitButtonDividerNeutralOutlineFill : string;
+export const ColorComponentSplitButtonDividerNeutralOutline : string;
+export const ColorComponentSplitButtonDividerNeutralTransparent : string;
+export const ColorComponentSplitButtonDividerDangerSolid : string;
+export const ColorComponentSplitButtonDividerDangerOutlineFill : string;
+export const ColorComponentSplitButtonDividerDangerOutline : string;
+export const ColorComponentSplitButtonDividerDangerTransparent : string;
+export const ColorComponentFabFontBrandSolid : string;
+export const ColorComponentFabFontBrandOutlineFill : string;
+export const ColorComponentFabFontInverseSolid : string;
+export const ColorComponentFabFontInverseOutlineFill : string;
+export const ColorComponentFabFontNeutralSolid : string;
+export const ColorComponentFabFontNeutralOutlineFill : string;
+export const ColorComponentFabFontDangerSolid : string;
+export const ColorComponentFabFontDangerOutlineFill : string;
+export const ColorComponentFabIconBrandSolid : string;
+export const ColorComponentFabIconBrandOutlineFill : string;
+export const ColorComponentFabIconInverseSolid : string;
+export const ColorComponentFabIconInverseOutlineFill : string;
+export const ColorComponentFabIconNeutralSolid : string;
+export const ColorComponentFabIconNeutralOutlineFill : string;
+export const ColorComponentFabIconDangerSolid : string;
+export const ColorComponentFabIconDangerOutlineFill : string;
+export const ColorComponentFabBackgroundBrandSolid : string;
+export const ColorComponentFabBackgroundBrandOutlineFill : string;
+export const ColorComponentFabBackgroundInverseSolid : string;
+export const ColorComponentFabBackgroundInverseOutlineFill : string;
+export const ColorComponentFabBackgroundNeutralSolid : string;
+export const ColorComponentFabBackgroundNeutralOutlineFill : string;
+export const ColorComponentFabBackgroundDangerSolid : string;
+export const ColorComponentFabBackgroundDangerOutlineFill : string;
+export const ColorComponentFabBorderBrandOutlineFill : string;
+export const ColorComponentFabBorderBrandSolid : string;
+export const ColorComponentFabBorderInverseOutlineFill : string;
+export const ColorComponentFabBorderInverseSolid : string;
+export const ColorComponentFabBorderNeutralOutlineFill : string;
+export const ColorComponentFabBorderNeutralSolid : string;
+export const ColorComponentFabBorderDangerOutlineFill : string;
+export const ColorComponentFabBorderDangerSolid : string;"
+`;
+
+exports[`generated tokens JS dark should match 1`] = `
+"/
+
+export default{
+  \\"color\\": {
+    \\"brand\\": {
+      \\"default\\": {
+        \\"value\\": \\"#007ac2\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"default\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"brand\\",
+          \\"default\\"
+        ]
+      },
+      \\"hover\\": {
+        \\"value\\": \\"#00619b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.brand.hover.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"hover\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"brand\\",
+          \\"hover\\"
+        ]
+      },
+      \\"press\\": {
+        \\"value\\": \\"#004874\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.brand.press.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"press\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"brand\\",
+          \\"press\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"value\\": \\"#f8f8f8\\",
+      \\"type\\": \\"color\\",
+      \\"filePath\\": \\"src/calcite/light.json\\",
+      \\"isSource\\": true,
+      \\"original\\": {
+        \\"value\\": \\"{semantic.ui.color.background.light}\\",
+        \\"type\\": \\"color\\"
+      },
+      \\"name\\": \\"background\\",
+      \\"attributes\\": {},
+      \\"path\\": [
+        \\"color\\",
+        \\"background\\"
+      ]
+    },
+    \\"foreground\\": {
+      \\"1\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"1\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"foreground\\",
+          \\"1\\"
+        ]
+      },
+      \\"2\\": {
+        \\"value\\": \\"#f3f3f3\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.2.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"2\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"foreground\\",
+          \\"2\\"
+        ]
+      },
+      \\"3\\": {
+        \\"value\\": \\"#eaeaea\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"3\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"foreground\\",
+          \\"3\\"
+        ]
+      }
+    },
+    \\"text\\": {
+      \\"1\\": {
+        \\"value\\": \\"#151515\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"1\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"text\\",
+          \\"1\\"
+        ]
+      },
+      \\"2\\": {
+        \\"value\\": \\"#4a4a4a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"2\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"text\\",
+          \\"2\\"
+        ]
+      },
+      \\"3\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"3\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"text\\",
+          \\"3\\"
+        ]
+      },
+      \\"inverse\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"inverse\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"text\\",
+          \\"inverse\\"
+        ]
+      },
+      \\"link\\": {
+        \\"value\\": \\"#00619b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.link.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"link\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"text\\",
+          \\"link\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"1\\": {
+        \\"value\\": \\"#cacaca\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"1\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"border\\",
+          \\"1\\"
+        ]
+      },
+      \\"2\\": {
+        \\"value\\": \\"#d4d4d4\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.2.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"2\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"border\\",
+          \\"2\\"
+        ]
+      },
+      \\"3\\": {
+        \\"value\\": \\"#dfdfdf\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"3\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"border\\",
+          \\"3\\"
+        ]
+      },
+      \\"input\\": {
+        \\"value\\": \\"#949494\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"input\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"border\\",
+          \\"input\\"
+        ]
+      }
+    },
+    \\"info\\": {
+      \\"default\\": {
+        \\"value\\": \\"#00619b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.info.default.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"default\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"info\\",
+          \\"default\\"
+        ]
+      },
+      \\"hover\\": {
+        \\"value\\": \\"#004874\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.info.hover.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"hover\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"info\\",
+          \\"hover\\"
+        ]
+      },
+      \\"press\\": {
+        \\"value\\": \\"#00304d\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.info.press.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"press\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"info\\",
+          \\"press\\"
+        ]
+      }
+    },
+    \\"success\\": {
+      \\"default\\": {
+        \\"value\\": \\"#35ac46\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.success.default.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"default\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"success\\",
+          \\"default\\"
+        ]
+      },
+      \\"hover\\": {
+        \\"value\\": \\"#288835\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.success.hover.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"hover\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"success\\",
+          \\"hover\\"
+        ]
+      },
+      \\"press\\": {
+        \\"value\\": \\"#1a6324\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.success.press.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"press\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"success\\",
+          \\"press\\"
+        ]
+      }
+    },
+    \\"warning\\": {
+      \\"default\\": {
+        \\"value\\": \\"#edd317\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.warning.default.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"default\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"warning\\",
+          \\"default\\"
+        ]
+      },
+      \\"hover\\": {
+        \\"value\\": \\"#d9bc00\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.warning.hover.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"hover\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"warning\\",
+          \\"hover\\"
+        ]
+      },
+      \\"press\\": {
+        \\"value\\": \\"#bfa200\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.warning.press.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"press\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"warning\\",
+          \\"press\\"
+        ]
+      }
+    },
+    \\"danger\\": {
+      \\"default\\": {
+        \\"value\\": \\"#d83020\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"default\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"danger\\",
+          \\"default\\"
+        ]
+      },
+      \\"hover\\": {
+        \\"value\\": \\"#a82b1e\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.danger.hover.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"hover\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"danger\\",
+          \\"hover\\"
+        ]
+      },
+      \\"press\\": {
+        \\"value\\": \\"#7c1d13\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.danger.press.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"press\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"danger\\",
+          \\"press\\"
+        ]
+      }
+    },
+    \\"inverse\\": {
+      \\"default\\": {
+        \\"value\\": \\"#353535\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"default\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"inverse\\",
+          \\"default\\"
+        ]
+      }
+    },
+    \\"component\\": {
+      \\"avatar\\": {
+        \\"font\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{avatar.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"avatar\\",
+            \\"font\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{avatar.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"avatar\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#f3f3f3\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{avatar.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"avatar\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"red\\": {
+            \\"value\\": \\"#ffc6bf\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{avatar.background.red.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"red\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"avatar\\",
+              \\"background\\",
+              \\"red\\"
+            ]
+          },
+          \\"teal\\": {
+            \\"value\\": \\"#cef5f4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{avatar.background.teal.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"teal\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"avatar\\",
+              \\"background\\",
+              \\"teal\\"
+            ]
+          },
+          \\"blue\\": {
+            \\"value\\": \\"#c7eaff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{avatar.background.blue.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"blue\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"avatar\\",
+              \\"background\\",
+              \\"blue\\"
+            ]
+          },
+          \\"green\\": {
+            \\"value\\": \\"#e5f7b4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{avatar.background.green.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"green\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"avatar\\",
+              \\"background\\",
+              \\"green\\"
+            ]
+          },
+          \\"yellow\\": {
+            \\"value\\": \\"#fff7cc\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{avatar.background.yellow.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"yellow\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"avatar\\",
+              \\"background\\",
+              \\"yellow\\"
+            ]
+          }
+        }
+      },
+      \\"checkbox\\": {
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{checkbox.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"checkbox\\",
+            \\"font\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{checkbox.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"checkbox\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"selected\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{checkbox.background.selected.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"selected\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"checkbox\\",
+              \\"background\\",
+              \\"selected\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{checkbox.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"checkbox\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{checkbox.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"checkbox\\",
+            \\"border\\"
+          ]
+        }
+      },
+      \\"radio\\": {
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{radio.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"radio\\",
+            \\"font\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{radio.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"radio\\",
+            \\"background\\"
+          ]
+        },
+        \\"border\\": {
+          \\"unchecked\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{radio.border.unchecked.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"unchecked\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"radio\\",
+              \\"border\\",
+              \\"unchecked\\"
+            ]
+          },
+          \\"checked\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{radio.border.checked.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"checked\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"radio\\",
+              \\"border\\",
+              \\"checked\\"
+            ]
+          }
+        }
+      },
+      \\"chip\\": {
+        \\"font\\": {
+          \\"clear\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{chip.font.clear.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"clear\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"chip\\",
+              \\"font\\",
+              \\"clear\\"
+            ]
+          },
+          \\"solid\\": {
+            \\"grey\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.font.solid.grey.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"grey\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"font\\",
+                \\"solid\\",
+                \\"grey\\"
+              ]
+            },
+            \\"blue\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.font.solid.blue.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"blue\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"font\\",
+                \\"solid\\",
+                \\"blue\\"
+              ]
+            },
+            \\"red\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.font.solid.red.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"red\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"font\\",
+                \\"solid\\",
+                \\"red\\"
+              ]
+            },
+            \\"yellow\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.font.solid.yellow.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"yellow\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"font\\",
+                \\"solid\\",
+                \\"yellow\\"
+              ]
+            },
+            \\"green\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.font.solid.green.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"green\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"font\\",
+                \\"solid\\",
+                \\"green\\"
+              ]
+            }
+          }
+        },
+        \\"icon\\": {
+          \\"clear\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{chip.icon.clear.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"clear\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"chip\\",
+              \\"icon\\",
+              \\"clear\\"
+            ]
+          },
+          \\"solid\\": {
+            \\"grey\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.icon.solid.grey.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"grey\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"icon\\",
+                \\"solid\\",
+                \\"grey\\"
+              ]
+            },
+            \\"blue\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.icon.solid.blue.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"blue\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"icon\\",
+                \\"solid\\",
+                \\"blue\\"
+              ]
+            },
+            \\"red\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.icon.solid.red.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"red\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"icon\\",
+                \\"solid\\",
+                \\"red\\"
+              ]
+            },
+            \\"yellow\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.icon.solid.yellow.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"yellow\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"icon\\",
+                \\"solid\\",
+                \\"yellow\\"
+              ]
+            },
+            \\"green\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.icon.solid.green.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"green\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"icon\\",
+                \\"solid\\",
+                \\"green\\"
+              ]
+            }
+          }
+        },
+        \\"closable-icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{chip.closable-icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"closable-icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"chip\\",
+            \\"closable-icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"solid\\": {
+            \\"grey\\": {
+              \\"value\\": \\"#f3f3f3\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.background.solid.grey.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"grey\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"background\\",
+                \\"solid\\",
+                \\"grey\\"
+              ]
+            },
+            \\"blue\\": {
+              \\"value\\": \\"#00619b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.background.solid.blue.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"blue\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"background\\",
+                \\"solid\\",
+                \\"blue\\"
+              ]
+            },
+            \\"red\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.background.solid.red.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"red\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"background\\",
+                \\"solid\\",
+                \\"red\\"
+              ]
+            },
+            \\"yellow\\": {
+              \\"value\\": \\"#edd317\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.background.solid.yellow.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"yellow\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"background\\",
+                \\"solid\\",
+                \\"yellow\\"
+              ]
+            },
+            \\"green\\": {
+              \\"value\\": \\"#35ac46\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.background.solid.green.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"green\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"background\\",
+                \\"solid\\",
+                \\"green\\"
+              ]
+            }
+          }
+        },
+        \\"border\\": {
+          \\"clear\\": {
+            \\"grey\\": {
+              \\"value\\": \\"#cacaca\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.border.clear.grey.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"grey\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"border\\",
+                \\"clear\\",
+                \\"grey\\"
+              ]
+            },
+            \\"blue\\": {
+              \\"value\\": \\"#00619b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.border.clear.blue.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"blue\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"border\\",
+                \\"clear\\",
+                \\"blue\\"
+              ]
+            },
+            \\"red\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.border.clear.red.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"red\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"border\\",
+                \\"clear\\",
+                \\"red\\"
+              ]
+            },
+            \\"yellow\\": {
+              \\"value\\": \\"#edd317\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.border.clear.yellow.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"yellow\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"border\\",
+                \\"clear\\",
+                \\"yellow\\"
+              ]
+            },
+            \\"green\\": {
+              \\"value\\": \\"#35ac46\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.border.clear.green.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"green\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"border\\",
+                \\"clear\\",
+                \\"green\\"
+              ]
+            }
+          }
+        }
+      },
+      \\"label\\": {
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{label.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"label\\",
+            \\"font\\"
+          ]
+        }
+      },
+      \\"loader\\": {
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{loader.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"loader\\",
+            \\"font\\"
+          ]
+        },
+        \\"default\\": {
+          \\"foreground\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{loader.default.foreground.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"foreground\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"loader\\",
+              \\"default\\",
+              \\"foreground\\"
+            ]
+          }
+        },
+        \\"inline\\": {
+          \\"foreground\\": {
+            \\"indeterminate\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{loader.inline.foreground.indeterminate.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"indeterminate\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"loader\\",
+                \\"inline\\",
+                \\"foreground\\",
+                \\"indeterminate\\"
+              ]
+            },
+            \\"determinate\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{loader.inline.foreground.determinate.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"determinate\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"loader\\",
+                \\"inline\\",
+                \\"foreground\\",
+                \\"determinate\\"
+              ]
+            }
+          }
+        }
+      },
+      \\"rating\\": {
+        \\"star\\": {
+          \\"background\\": {
+            \\"default\\": {
+              \\"value\\": \\"#949494\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{rating.star.background.default.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"default\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"rating\\",
+                \\"star\\",
+                \\"background\\",
+                \\"default\\"
+              ]
+            },
+            \\"active\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{rating.star.background.active.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"active\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"rating\\",
+                \\"star\\",
+                \\"background\\",
+                \\"active\\"
+              ]
+            },
+            \\"average\\": {
+              \\"value\\": \\"#edd317\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{rating.star.background.average.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"average\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"rating\\",
+                \\"star\\",
+                \\"background\\",
+                \\"average\\"
+              ]
+            }
+          }
+        },
+        \\"chip\\": {
+          \\"count\\": {
+            \\"font\\": {
+              \\"value\\": \\"#4a4a4a\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{rating.chip.count.font.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"font\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"rating\\",
+                \\"chip\\",
+                \\"count\\",
+                \\"font\\"
+              ]
+            }
+          },
+          \\"foreground\\": {
+            \\"value\\": \\"#f3f3f3\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{rating.chip.foreground.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"foreground\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"rating\\",
+              \\"chip\\",
+              \\"foreground\\"
+            ]
+          }
+        }
+      },
+      \\"tooltip\\": {
+        \\"foreground\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{tooltip.foreground.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"foreground\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"tooltip\\",
+            \\"foreground\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{tooltip.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"tooltip\\",
+            \\"border\\"
+          ]
+        },
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{tooltip.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"tooltip\\",
+            \\"font\\"
+          ]
+        }
+      },
+      \\"accordion-item\\": {
+        \\"font\\": {
+          \\"heading\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{accordion-item.font.heading.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"heading\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"accordion-item\\",
+              \\"font\\",
+              \\"heading\\"
+            ]
+          },
+          \\"description\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{accordion-item.font.description.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"description\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"accordion-item\\",
+              \\"font\\",
+              \\"description\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"default\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{accordion-item.icon.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"accordion-item\\",
+              \\"icon\\",
+              \\"default\\"
+            ]
+          },
+          \\"expanded\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{accordion-item.icon.expanded.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"expanded\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"accordion-item\\",
+              \\"icon\\",
+              \\"expanded\\"
+            ]
+          }
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{accordion-item.background.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"accordion-item\\",
+            \\"background\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#d4d4d4\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{accordion-item.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"accordion-item\\",
+            \\"border\\"
+          ]
+        }
+      },
+      \\"input-message\\": {
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-message.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-message\\",
+            \\"font\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"idle\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-message.icon.idle.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"idle\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-message\\",
+              \\"icon\\",
+              \\"idle\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-message.icon.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-message\\",
+              \\"icon\\",
+              \\"invalid\\"
+            ]
+          },
+          \\"valid\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-message.icon.valid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"valid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-message\\",
+              \\"icon\\",
+              \\"valid\\"
+            ]
+          }
+        }
+      },
+      \\"alert\\": {
+        \\"font\\": {
+          \\"title\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.font.title.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"title\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"font\\",
+              \\"title\\"
+            ]
+          },
+          \\"message\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.font.message.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"message\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"font\\",
+              \\"message\\"
+            ]
+          }
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{alert.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"alert\\",
+            \\"background\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{alert.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"alert\\",
+            \\"border\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"blue\\": {
+            \\"value\\": \\"#00619b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.icon.blue.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"blue\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"icon\\",
+              \\"blue\\"
+            ]
+          },
+          \\"green\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.icon.green.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"green\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"icon\\",
+              \\"green\\"
+            ]
+          },
+          \\"yellow\\": {
+            \\"value\\": \\"#edd317\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.icon.yellow.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"yellow\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"icon\\",
+              \\"yellow\\"
+            ]
+          },
+          \\"red\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.icon.red.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"red\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"icon\\",
+              \\"red\\"
+            ]
+          }
+        },
+        \\"highlight\\": {
+          \\"blue\\": {
+            \\"value\\": \\"#00619b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.highlight.blue.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"blue\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"highlight\\",
+              \\"blue\\"
+            ]
+          },
+          \\"green\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.highlight.green.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"green\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"highlight\\",
+              \\"green\\"
+            ]
+          },
+          \\"yellow\\": {
+            \\"value\\": \\"#edd317\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.highlight.yellow.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"yellow\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"highlight\\",
+              \\"yellow\\"
+            ]
+          },
+          \\"red\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.highlight.red.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"red\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"highlight\\",
+              \\"red\\"
+            ]
+          }
+        }
+      },
+      \\"tip\\": {
+        \\"font\\": {
+          \\"heading\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tip.font.heading.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"heading\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tip\\",
+              \\"font\\",
+              \\"heading\\"
+            ]
+          },
+          \\"description\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tip.font.description.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"description\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tip\\",
+              \\"font\\",
+              \\"description\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{tip.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"tip\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"light\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{tip.background.default.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"tip\\",
+                \\"background\\",
+                \\"default\\",
+                \\"light\\"
+              ]
+            }
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#d4d4d4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tip.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tip\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          }
+        }
+      },
+      \\"color-picker\\": {
+        \\"font\\": {
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{color-picker.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"color-picker\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{color-picker.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"color-picker\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#cacaca\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{color-picker.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"color-picker\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{color-picker.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"color-picker\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          }
+        }
+      },
+      \\"date-picker\\": {
+        \\"font\\": {
+          \\"date\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{date-picker.font.date.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"date\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"date-picker\\",
+              \\"font\\",
+              \\"date\\"
+            ]
+          },
+          \\"range\\": {
+            \\"date\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{date-picker.font.range.date.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"date\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"date-picker\\",
+                \\"font\\",
+                \\"range\\",
+                \\"date\\"
+              ]
+            }
+          },
+          \\"day\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{date-picker.font.day.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"day\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"date-picker\\",
+              \\"font\\",
+              \\"day\\"
+            ]
+          },
+          \\"month\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{date-picker.font.month.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"month\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"date-picker\\",
+              \\"font\\",
+              \\"month\\"
+            ]
+          },
+          \\"selected\\": {
+            \\"date\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{date-picker.font.selected.date.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"date\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"date-picker\\",
+                \\"font\\",
+                \\"selected\\",
+                \\"date\\"
+              ]
+            }
+          },
+          \\"active\\": {
+            \\"date\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{date-picker.font.active.date.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"date\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"date-picker\\",
+                \\"font\\",
+                \\"active\\",
+                \\"date\\"
+              ]
+            }
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{date-picker.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"date-picker\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#cacaca\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{date-picker.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"date-picker\\",
+            \\"border\\"
+          ]
+        },
+        \\"date\\": {
+          \\"active\\": {
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{date-picker.date.active.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"date-picker\\",
+                \\"date\\",
+                \\"active\\",
+                \\"border\\"
+              ]
+            }
+          }
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{date-picker.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"date-picker\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"date\\": {
+            \\"range\\": {
+              \\"value\\": \\"#c7eaff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{date-picker.background.date.range.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"range\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"date-picker\\",
+                \\"background\\",
+                \\"date\\",
+                \\"range\\"
+              ]
+            },
+            \\"active\\": {
+              \\"light\\": {
+                \\"value\\": \\"#007ac2\\",
+                \\"type\\": \\"color\\",
+                \\"filePath\\": \\"src/calcite/light.json\\",
+                \\"isSource\\": true,
+                \\"original\\": {
+                  \\"value\\": \\"{date-picker.background.date.active.light}\\",
+                  \\"type\\": \\"color\\"
+                },
+                \\"name\\": \\"light\\",
+                \\"attributes\\": {},
+                \\"path\\": [
+                  \\"color\\",
+                  \\"component\\",
+                  \\"date-picker\\",
+                  \\"background\\",
+                  \\"date\\",
+                  \\"active\\",
+                  \\"light\\"
+                ]
+              }
+            }
+          }
+        }
+      },
+      \\"input-date-picker\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-date-picker.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-date-picker\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-date-picker.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-date-picker\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-date-picker.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-date-picker\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-date-picker.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-date-picker\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-date-picker.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-date-picker\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"arrow\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-date-picker.background.arrow.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"arrow\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-date-picker\\",
+              \\"background\\",
+              \\"arrow\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-date-picker.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-date-picker\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        }
+      },
+      \\"input-datetime-local\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-datetime-local.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-datetime-local\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-email\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-email.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-email\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-file\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-file.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-file\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-month\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-month.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-month\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-number\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-number.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-number\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-password\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-password.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-password\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-search\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-search.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-search\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-telephone\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-telephone.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-telephone\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-text\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-text.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-text\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-week\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-week.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-week\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"textarea\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{textarea.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"textarea\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{textarea.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"textarea\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"chat-limit\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{textarea.font.chat-limit.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"chat-limit\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"textarea\\",
+              \\"font\\",
+              \\"chat-limit\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{textarea.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"textarea\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{textarea.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"textarea\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{textarea.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"textarea\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{textarea.border.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"textarea\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          }
+        }
+      },
+      \\"tab-title\\": {
+        \\"font\\": {
+          \\"default\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tab-title.font.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tab-title\\",
+              \\"font\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tab-title.font.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tab-title\\",
+              \\"font\\",
+              \\"active\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"default\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tab-title.icon.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tab-title\\",
+              \\"icon\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tab-title.icon.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tab-title\\",
+              \\"icon\\",
+              \\"active\\"
+            ]
+          }
+        },
+        \\"bordered\\": {
+          \\"border\\": {
+            \\"value\\": \\"#dfdfdf\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tab-title.bordered.border.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"border\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tab-title\\",
+              \\"bordered\\",
+              \\"border\\"
+            ]
+          },
+          \\"background\\": {
+            \\"default\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{tab-title.bordered.background.default.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"default\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"tab-title\\",
+                \\"bordered\\",
+                \\"background\\",
+                \\"default\\"
+              ]
+            }
+          }
+        },
+        \\"border\\": {
+          \\"active\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tab-title.border.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tab-title\\",
+              \\"border\\",
+              \\"active\\"
+            ]
+          }
+        }
+      },
+      \\"tabs\\": {
+        \\"bordered\\": {
+          \\"border\\": {
+            \\"value\\": \\"#dfdfdf\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tabs.bordered.border.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"border\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tabs\\",
+              \\"bordered\\",
+              \\"border\\"
+            ]
+          },
+          \\"background\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tabs.bordered.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"background\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tabs\\",
+              \\"bordered\\",
+              \\"background\\"
+            ]
+          }
+        }
+      },
+      \\"card\\": {
+        \\"font\\": {
+          \\"title\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{card.font.title.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"title\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"card\\",
+              \\"font\\",
+              \\"title\\"
+            ]
+          },
+          \\"subtitle\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{card.font.subtitle.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"subtitle\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"card\\",
+              \\"font\\",
+              \\"subtitle\\"
+            ]
+          },
+          \\"description\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{card.font.description.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"description\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"card\\",
+              \\"font\\",
+              \\"description\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#d4d4d4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{card.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"card\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{card.border.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"card\\",
+              \\"border\\",
+              \\"active\\"
+            ]
+          }
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{card.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"card\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          }
+        }
+      },
+      \\"action\\": {
+        \\"font\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action.font.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action\\",
+            \\"font\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{action.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"action\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#eaeaea\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{action.background.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"action\\",
+              \\"background\\",
+              \\"active\\"
+            ]
+          }
+        }
+      },
+      \\"action-bar\\": {
+        \\"border\\": {
+          \\"value\\": \\"#cacaca\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-bar.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-bar\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-bar.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-bar\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"action-pad\\": {
+        \\"border\\": {
+          \\"value\\": \\"#cacaca\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-pad.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-pad\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-pad.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-pad\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"action-bar-grid\\": {
+        \\"border\\": {
+          \\"value\\": \\"#cacaca\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-bar-grid.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-bar-grid\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-bar-grid.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-bar-grid\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"action-pad-grid\\": {
+        \\"border\\": {
+          \\"value\\": \\"#cacaca\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-pad-grid.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-pad-grid\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-pad-grid.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-pad-grid\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"block\\": {
+        \\"font\\": {
+          \\"heading\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.font.heading.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"heading\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"font\\",
+              \\"heading\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{action.font.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"font\\",
+              \\"active\\"
+            ]
+          },
+          \\"description\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.font.description.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"description\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"font\\",
+              \\"description\\"
+            ]
+          },
+          \\"content\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.font.content.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"content\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"font\\",
+              \\"content\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"idle\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.icon.idle.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"idle\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"icon\\",
+              \\"idle\\"
+            ]
+          },
+          \\"valid\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.icon.valid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"valid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"icon\\",
+              \\"valid\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.icon.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"icon\\",
+              \\"invalid\\"
+            ]
+          },
+          \\"drag-handle\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.icon.drag-handle.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"drag-handle\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"icon\\",
+              \\"drag-handle\\"
+            ]
+          },
+          \\"chevron\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.icon.chevron.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"chevron\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"icon\\",
+              \\"chevron\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{block.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"block\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{block.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"block\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"block-section\\": {
+        \\"font\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{block-section.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"block-section\\",
+            \\"font\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"valid\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block-section.icon.valid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"valid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block-section\\",
+              \\"icon\\",
+              \\"valid\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block-section.icon.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block-section\\",
+              \\"icon\\",
+              \\"invalid\\"
+            ]
+          },
+          \\"chevron\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block-section.icon.chevron.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"chevron\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block-section\\",
+              \\"icon\\",
+              \\"chevron\\"
+            ]
+          }
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{block-section.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"block-section\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"notice\\": {
+        \\"font\\": {
+          \\"title\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.font.title.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"title\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"font\\",
+              \\"title\\"
+            ]
+          },
+          \\"message\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.font.message.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"message\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"font\\",
+              \\"message\\"
+            ]
+          }
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{notice.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"notice\\",
+            \\"background\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"info\\": {
+            \\"value\\": \\"#00619b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.icon.info.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"info\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"icon\\",
+              \\"info\\"
+            ]
+          },
+          \\"success\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.icon.success.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"success\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"icon\\",
+              \\"success\\"
+            ]
+          },
+          \\"warning\\": {
+            \\"value\\": \\"#edd317\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.icon.warning.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"warning\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"icon\\",
+              \\"warning\\"
+            ]
+          },
+          \\"danger\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.icon.danger.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"danger\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"icon\\",
+              \\"danger\\"
+            ]
+          },
+          \\"brand\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.icon.brand.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"brand\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"icon\\",
+              \\"brand\\"
+            ]
+          }
+        },
+        \\"highlight\\": {
+          \\"info\\": {
+            \\"value\\": \\"#00619b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.highlight.info.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"info\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"highlight\\",
+              \\"info\\"
+            ]
+          },
+          \\"success\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.highlight.success.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"success\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"highlight\\",
+              \\"success\\"
+            ]
+          },
+          \\"warning\\": {
+            \\"value\\": \\"#edd317\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.highlight.warning.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"warning\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"highlight\\",
+              \\"warning\\"
+            ]
+          },
+          \\"danger\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.highlight.danger.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"danger\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"highlight\\",
+              \\"danger\\"
+            ]
+          },
+          \\"brand\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.highlight.brand.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"brand\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"highlight\\",
+              \\"brand\\"
+            ]
+          }
+        }
+      },
+      \\"modal\\": {
+        \\"font\\": {
+          \\"header\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{modal.font.header.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"header\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"modal\\",
+              \\"font\\",
+              \\"header\\"
+            ]
+          },
+          \\"content\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{modal.font.content.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"content\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"modal\\",
+              \\"font\\",
+              \\"content\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{modal.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"modal\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#dfdfdf\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{modal.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"modal\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"top\\": {
+            \\"brand\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{modal.border.top.brand.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"brand\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"modal\\",
+                \\"border\\",
+                \\"top\\",
+                \\"brand\\"
+              ]
+            },
+            \\"info\\": {
+              \\"value\\": \\"#00619b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{modal.border.top.info.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"info\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"modal\\",
+                \\"border\\",
+                \\"top\\",
+                \\"info\\"
+              ]
+            },
+            \\"success\\": {
+              \\"value\\": \\"#35ac46\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{modal.border.top.success.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"success\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"modal\\",
+                \\"border\\",
+                \\"top\\",
+                \\"success\\"
+              ]
+            },
+            \\"danger\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{modal.border.top.danger.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"danger\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"modal\\",
+                \\"border\\",
+                \\"top\\",
+                \\"danger\\"
+              ]
+            },
+            \\"warning\\": {
+              \\"value\\": \\"#edd317\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{modal.border.top.warning.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"warning\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"modal\\",
+                \\"border\\",
+                \\"top\\",
+                \\"warning\\"
+              ]
+            }
+          }
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{modal.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"modal\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"panel-header\\": {
+        \\"font\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{panel-header.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"panel-header\\",
+            \\"font\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{panel-header.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"panel-header\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{panel-header.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"panel-header\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{panel-header.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"panel-header\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"popover\\": {
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{popover.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"popover\\",
+            \\"font\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{popover.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"popover\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{popover.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"popover\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{popover.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"popover\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"slider\\": {
+        \\"font\\": {
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"tick-label\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider.font.tick-label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"tick-label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider\\",
+              \\"font\\",
+              \\"tick-label\\"
+            ]
+          }
+        },
+        \\"handle\\": {
+          \\"background\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider.handle.background.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"background\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider\\",
+              \\"handle\\",
+              \\"background\\"
+            ]
+          },
+          \\"border\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider.handle.border.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"border\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider\\",
+              \\"handle\\",
+              \\"border\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#d4d4d4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider.border.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider\\",
+              \\"border\\",
+              \\"active\\"
+            ]
+          }
+        },
+        \\"tick\\": {
+          \\"default\\": {
+            \\"background\\": {
+              \\"value\\": \\"#949494\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider.tick.default.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider.tick.default.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"border\\"
+              ]
+            }
+          },
+          \\"active\\": {
+            \\"background\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider.tick.active.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider.tick.active.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"border\\"
+              ]
+            }
+          }
+        }
+      },
+      \\"slider-range\\": {
+        \\"font\\": {
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-range.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-range\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"tick-label\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-range.font.tick-label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"tick-label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-range\\",
+              \\"font\\",
+              \\"tick-label\\"
+            ]
+          }
+        },
+        \\"handle\\": {
+          \\"background\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-range.handle.background.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"background\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-range\\",
+              \\"handle\\",
+              \\"background\\"
+            ]
+          },
+          \\"border\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-range.handle.border.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"border\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-range\\",
+              \\"handle\\",
+              \\"border\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#d4d4d4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-range.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-range\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-range.border.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-range\\",
+              \\"border\\",
+              \\"active\\"
+            ]
+          }
+        },
+        \\"tick\\": {
+          \\"default\\": {
+            \\"background\\": {
+              \\"value\\": \\"#949494\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-range.tick.default.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-range\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-range.tick.default.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-range\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"border\\"
+              ]
+            }
+          },
+          \\"active\\": {
+            \\"background\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-range.tick.active.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-range\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-range.tick.active.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-range\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"border\\"
+              ]
+            }
+          }
+        }
+      },
+      \\"slider-histogram\\": {
+        \\"font\\": {
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"tick-label\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.font.tick-label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"tick-label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram\\",
+              \\"font\\",
+              \\"tick-label\\"
+            ]
+          }
+        },
+        \\"handle\\": {
+          \\"background\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.handle.background.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"background\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram\\",
+              \\"handle\\",
+              \\"background\\"
+            ]
+          },
+          \\"border\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.handle.border.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"border\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram\\",
+              \\"handle\\",
+              \\"border\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#d4d4d4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.border.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram\\",
+              \\"border\\",
+              \\"active\\"
+            ]
+          }
+        },
+        \\"tick\\": {
+          \\"default\\": {
+            \\"background\\": {
+              \\"value\\": \\"#949494\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram.tick.default.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram.tick.default.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"border\\"
+              ]
+            }
+          },
+          \\"active\\": {
+            \\"background\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram.tick.active.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram.tick.active.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"border\\"
+              ]
+            }
+          }
+        },
+        \\"area\\": {
+          \\"active\\": {
+            \\"background\\": {
+              \\"value\\": \\"#9BBDDF\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram.area.active.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram\\",
+                \\"area\\",
+                \\"active\\",
+                \\"background\\"
+              ]
+            }
+          }
+        },
+        \\"active-end\\": {
+          \\"background\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.active-end.background.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"background\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram\\",
+              \\"active-end\\",
+              \\"background\\"
+            ]
+          }
+        }
+      },
+      \\"slider-histogram-range\\": {
+        \\"font\\": {
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram-range.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram-range\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"tick-label\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram-range.font.tick-label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"tick-label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram-range\\",
+              \\"font\\",
+              \\"tick-label\\"
+            ]
+          }
+        },
+        \\"handle\\": {
+          \\"background\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram-range.handle.background.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"background\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram-range\\",
+              \\"handle\\",
+              \\"background\\"
+            ]
+          },
+          \\"border\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram-range.handle.border.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"border\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram-range\\",
+              \\"handle\\",
+              \\"border\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#d4d4d4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram-range.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram-range\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram-range.border.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram-range\\",
+              \\"border\\",
+              \\"active\\"
+            ]
+          }
+        },
+        \\"tick\\": {
+          \\"default\\": {
+            \\"background\\": {
+              \\"value\\": \\"#949494\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram-range.tick.default.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram-range\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram-range.tick.default.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram-range\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"border\\"
+              ]
+            }
+          },
+          \\"active\\": {
+            \\"background\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram-range.tick.active.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram-range\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram-range.tick.active.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram-range\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"border\\"
+              ]
+            }
+          }
+        },
+        \\"area\\": {
+          \\"active\\": {
+            \\"background\\": {
+              \\"value\\": \\"#9BBDDF\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram-range.area.active.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram-range\\",
+                \\"area\\",
+                \\"active\\",
+                \\"background\\"
+              ]
+            }
+          }
+        },
+        \\"active-end\\": {
+          \\"background\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.active-end.background.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"background\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram-range\\",
+              \\"active-end\\",
+              \\"background\\"
+            ]
+          }
+        }
+      },
+      \\"filter\\": {
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{filter.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"filter\\",
+            \\"font\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{filter.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"filter\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{filter.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"filter\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{filter.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"filter\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"scrim\\": {
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{scrim.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"scrim\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"tip-manager\\": {
+        \\"font\\": {
+          \\"heading\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tip-manager.font.heading.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"heading\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tip-manager\\",
+              \\"font\\",
+              \\"heading\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{tip-manager.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"tip-manager\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"light\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{tip-manager.background.default.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"tip-manager\\",
+                \\"background\\",
+                \\"default\\",
+                \\"light\\"
+              ]
+            }
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#d4d4d4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tip-manager.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tip-manager\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          }
+        }
+      },
+      \\"button\\": {
+        \\"font\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.brand.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.brand.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.danger.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.danger.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"transparent\\"
+              ]
+            }
+          }
+        },
+        \\"icon\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.brand.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.brand.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.danger.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.danger.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"transparent\\"
+              ]
+            }
+          }
+        },
+        \\"background\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            }
+          }
+        },
+        \\"border\\": {
+          \\"brand\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.brand.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"brand\\",
+                \\"outline\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"inverse\\",
+                \\"outline\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"neutral\\",
+                \\"outline\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.danger.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"danger\\",
+                \\"outline\\"
+              ]
+            }
+          }
+        }
+      },
+      \\"split-button\\": {
+        \\"font\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.brand.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.brand.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.danger.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.danger.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"transparent\\"
+              ]
+            }
+          }
+        },
+        \\"icon\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.brand.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.brand.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.danger.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.danger.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"transparent\\"
+              ]
+            }
+          }
+        },
+        \\"background\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            }
+          }
+        },
+        \\"border\\": {
+          \\"brand\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.border.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.border.brand.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"brand\\",
+                \\"outline\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.border.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.border.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"inverse\\",
+                \\"outline\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.border.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"neutral\\",
+                \\"outline\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.border.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.border.danger.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"danger\\",
+                \\"outline\\"
+              ]
+            }
+          }
+        },
+        \\"divider\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.brand.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"brand\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.brand.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"brand\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"inverse\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"inverse\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"neutral\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"neutral\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.danger.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"danger\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.danger.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"danger\\",
+                \\"transparent\\"
+              ]
+            }
+          }
+        }
+      },
+      \\"fab\\": {
+        \\"font\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            }
+          }
+        },
+        \\"icon\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            }
+          }
+        },
+        \\"background\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            }
+          }
+        },
+        \\"border\\": {
+          \\"brand\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"solid\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"solid\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            }
+          }
+        }
+      }
+    }
+  }
+};
+"
+`;
+
+exports[`generated tokens JS global should match 1`] = `
+"/
+
+export default{
+  \\"accordion-item\\": {
+    \\"font\\": {
+      \\"heading\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/accordion-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion-item\\",
+            \\"font\\",
+            \\"heading\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/accordion-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion-item\\",
+            \\"font\\",
+            \\"heading\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"description\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/accordion-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion-item\\",
+            \\"font\\",
+            \\"description\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/accordion-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion-item\\",
+            \\"font\\",
+            \\"description\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/accordion-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"accordion-item\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/accordion-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"accordion-item\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      },
+      \\"expanded\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/accordion-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion-item\\",
+            \\"icon\\",
+            \\"expanded\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/accordion-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion-item\\",
+            \\"icon\\",
+            \\"expanded\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/accordion-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion-item\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/accordion-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion-item\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/accordion-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"accordion-item\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/accordion-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"accordion-item\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/accordion-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"accordion-item\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"default\\": {
+      \\"space-between\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/accordion-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion-item\\",
+            \\"default\\",
+            \\"space-between\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/accordion-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion-item\\",
+            \\"default\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/accordion-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion-item\\",
+            \\"default\\",
+            \\"space-between\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"text\\": {
+        \\"space-between\\": {
+          \\"sm\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion-item\\",
+              \\"default\\",
+              \\"text\\",
+              \\"space-between\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion-item\\",
+              \\"default\\",
+              \\"text\\",
+              \\"space-between\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion-item\\",
+              \\"default\\",
+              \\"text\\",
+              \\"space-between\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      },
+      \\"space-around\\": {
+        \\"top-bottom\\": {
+          \\"sm\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion-item\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion-item\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion-item\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"left-right\\": {
+          \\"sm\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion-item\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion-item\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"16px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.7}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion-item\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"border-width\\": {
+      \\"value\\": \\"1px\\",
+      \\"type\\": \\"borderWidth\\",
+      \\"filePath\\": \\"src/component/accordion-item.json\\",
+      \\"isSource\\": true,
+      \\"original\\": {
+        \\"value\\": \\"{core.border.border-width.0}\\",
+        \\"type\\": \\"borderWidth\\"
+      },
+      \\"name\\": \\"border-width\\",
+      \\"attributes\\": {},
+      \\"path\\": [
+        \\"accordion-item\\",
+        \\"border-width\\"
+      ]
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#d4d4d4\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/accordion-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.2.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"accordion-item\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#4a4a4a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/accordion-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.2.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"accordion-item\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    }
+  },
+  \\"accordion\\": {
+    \\"heading\\": {
+      \\"light\\": {
+        \\"value\\": \\"#151515\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/accordion.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"accordion\\",
+          \\"heading\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/accordion.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"accordion\\",
+          \\"heading\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"description\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/accordion.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"accordion\\",
+          \\"description\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/accordion.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"accordion\\",
+          \\"description\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"icon\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/accordion.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion\\",
+            \\"icon\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/accordion.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion\\",
+            \\"icon\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"expanded\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/accordion.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion\\",
+            \\"icon\\",
+            \\"expanded\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/accordion.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion\\",
+            \\"icon\\",
+            \\"expanded\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/accordion.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/accordion.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"default\\": {
+      \\"space-between\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/accordion.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion\\",
+            \\"default\\",
+            \\"space-between\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/accordion.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion\\",
+            \\"default\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/accordion.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion\\",
+            \\"default\\",
+            \\"space-between\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"text\\": {
+        \\"space-between\\": {
+          \\"sm\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"default\\",
+              \\"text\\",
+              \\"space-between\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"default\\",
+              \\"text\\",
+              \\"space-between\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"default\\",
+              \\"text\\",
+              \\"space-between\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      },
+      \\"space-around\\": {
+        \\"top-bottom\\": {
+          \\"sm\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"left-right\\": {
+          \\"sm\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"16px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.7}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"minimal\\": {
+      \\"space-between\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/accordion.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion\\",
+            \\"minimal\\",
+            \\"space-between\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/accordion.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion\\",
+            \\"minimal\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/accordion.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"accordion\\",
+            \\"minimal\\",
+            \\"space-between\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"text\\": {
+        \\"space-between\\": {
+          \\"sm\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"minimal\\",
+              \\"text\\",
+              \\"space-between\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"minimal\\",
+              \\"text\\",
+              \\"space-between\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"minimal\\",
+              \\"text\\",
+              \\"space-between\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      },
+      \\"space-around\\": {
+        \\"top-bottom\\": {
+          \\"sm\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"minimal\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"minimal\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"minimal\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"left-right\\": {
+          \\"sm\\": {
+            \\"value\\": \\"0px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.none}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"minimal\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"0px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.none}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"minimal\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"0px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/accordion.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.none}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"accordion\\",
+              \\"minimal\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#d4d4d4\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/accordion.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.2.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"accordion\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#4a4a4a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/accordion.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.2.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"accordion\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    }
+  },
+  \\"action-bar-grid\\": {
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#cacaca\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-bar-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar-grid\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#555555\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-bar-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar-grid\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-bar-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar-grid\\",
+          \\"background\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#2b2b2b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-bar-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar-grid\\",
+          \\"background\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/action-bar-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar-grid\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/action-bar-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar-grid\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/action-bar-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar-grid\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-bar-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar-grid\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-bar-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar-grid\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-bar-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar-grid\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-bar-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar-grid\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-bar-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar-grid\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-bar-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar-grid\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"action-bar\\": {
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#cacaca\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-bar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#555555\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-bar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-bar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar\\",
+          \\"background\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#2b2b2b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-bar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar\\",
+          \\"background\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/action-bar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/action-bar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/action-bar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-bar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-bar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-bar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-bar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-bar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-bar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-bar\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"action-pad-grid\\": {
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#cacaca\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-pad-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad-grid\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#555555\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-pad-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad-grid\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-pad-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad-grid\\",
+          \\"background\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#2b2b2b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-pad-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad-grid\\",
+          \\"background\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/action-pad-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad-grid\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/action-pad-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad-grid\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/action-pad-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad-grid\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-pad-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad-grid\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-pad-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad-grid\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-pad-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad-grid\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-pad-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad-grid\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-pad-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad-grid\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-pad-grid.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad-grid\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"action-pad\\": {
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#cacaca\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-pad.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#555555\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-pad.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-pad.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad\\",
+          \\"background\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#2b2b2b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action-pad.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad\\",
+          \\"background\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/action-pad.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/action-pad.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/action-pad.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-pad.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-pad.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-pad.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-pad.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-pad.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action-pad.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action-pad\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"action\\": {
+    \\"font\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/action.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"action\\",
+            \\"font\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/action.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"action\\",
+            \\"font\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/action.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"action\\",
+            \\"font\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/action.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"action\\",
+            \\"font\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      },
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/action.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"action\\",
+            \\"icon\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/action.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"action\\",
+            \\"icon\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/action.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"action\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/action.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"action\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#eaeaea\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/action.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"action\\",
+            \\"background\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/action.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"action\\",
+            \\"background\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"20px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.8}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"indicator-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.3}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"indicator-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.3}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"indicator-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.3}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"indicator-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"indicator\\": {
+      \\"light\\": {
+        \\"value\\": \\"#007ac2\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"indicator\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#009af2\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"indicator\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"loader-icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"loader-icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/action.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"action\\",
+          \\"loader-icon\\",
+          \\"dark\\"
+        ]
+      }
+    }
+  },
+  \\"alert\\": {
+    \\"font\\": {
+      \\"title\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"font\\",
+            \\"title\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"font\\",
+            \\"title\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"message\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"font\\",
+            \\"message\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"font\\",
+            \\"message\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/alert.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"alert\\",
+          \\"background\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#202020\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/alert.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.2.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"alert\\",
+          \\"background\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#dfdfdf\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/alert.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"alert\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#404040\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/alert.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"alert\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/alert.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"alert\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/alert.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"alert\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/alert.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"alert\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/alert.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"alert\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/alert.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"alert\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/alert.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"alert\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon\\": {
+      \\"blue\\": {
+        \\"light\\": {
+          \\"value\\": \\"#00619b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.info.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"icon\\",
+            \\"blue\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#00A0FF\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.info.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"icon\\",
+            \\"blue\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"green\\": {
+        \\"light\\": {
+          \\"value\\": \\"#35ac46\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.success.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"icon\\",
+            \\"green\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#36DA43\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.success.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"icon\\",
+            \\"green\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"yellow\\": {
+        \\"light\\": {
+          \\"value\\": \\"#edd317\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.warning.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"icon\\",
+            \\"yellow\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FFC900\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.warning.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"icon\\",
+            \\"yellow\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"red\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"icon\\",
+            \\"red\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"icon\\",
+            \\"red\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"highlight\\": {
+      \\"blue\\": {
+        \\"light\\": {
+          \\"value\\": \\"#00619b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.info.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"highlight\\",
+            \\"blue\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#00A0FF\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.info.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"highlight\\",
+            \\"blue\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"green\\": {
+        \\"light\\": {
+          \\"value\\": \\"#35ac46\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.success.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"highlight\\",
+            \\"green\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#36DA43\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.success.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"highlight\\",
+            \\"green\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"yellow\\": {
+        \\"light\\": {
+          \\"value\\": \\"#edd317\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.warning.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"highlight\\",
+            \\"yellow\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FFC900\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.warning.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"highlight\\",
+            \\"yellow\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"red\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"highlight\\",
+            \\"red\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"highlight\\",
+            \\"red\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/alert.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"alert\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/alert.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"alert\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"20px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/alert.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.8}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"alert\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"top\\": {
+        \\"sm\\": {
+          \\"value\\": \\"10px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.4}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"space-around\\",
+            \\"top\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"space-around\\",
+            \\"top\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"20px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.8}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"space-around\\",
+            \\"top\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"10px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.4}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"space-around\\",
+            \\"bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"space-around\\",
+            \\"bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"20px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.8}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"space-around\\",
+            \\"bottom\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"left\\": {
+        \\"sm\\": {
+          \\"value\\": \\"10px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.4}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"space-around\\",
+            \\"left\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"space-around\\",
+            \\"left\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"20px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.8}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"space-around\\",
+            \\"left\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"10px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.4}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"space-around\\",
+            \\"right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"space-around\\",
+            \\"right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"20px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/alert.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.8}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"alert\\",
+            \\"space-around\\",
+            \\"right\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"avatar\\": {
+    \\"font\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/avatar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"avatar\\",
+          \\"font\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/avatar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"avatar\\",
+          \\"font\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/avatar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"avatar\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/avatar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"avatar\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f3f3f3\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/avatar.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"avatar\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#202020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/avatar.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"avatar\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"red\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffc6bf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/avatar.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.color.palette.high-saturation.red.h-rr-010}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"avatar\\",
+            \\"background\\",
+            \\"red\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#4f0e08\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/avatar.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.color.palette.high-saturation.red.h-rr-090}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"avatar\\",
+            \\"background\\",
+            \\"red\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"teal\\": {
+        \\"light\\": {
+          \\"value\\": \\"#cef5f4\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/avatar.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.color.palette.high-saturation.green-blue.h-gb-010}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"avatar\\",
+            \\"background\\",
+            \\"teal\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#004d4c\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/avatar.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.color.palette.high-saturation.green-blue.h-gb-090}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"avatar\\",
+            \\"background\\",
+            \\"teal\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"blue\\": {
+        \\"light\\": {
+          \\"value\\": \\"#c7eaff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/avatar.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.color.palette.high-saturation.blue.h-bb-010}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"avatar\\",
+            \\"background\\",
+            \\"blue\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#00304d\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/avatar.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.color.palette.high-saturation.blue.h-bb-090}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"avatar\\",
+            \\"background\\",
+            \\"blue\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"green\\": {
+        \\"light\\": {
+          \\"value\\": \\"#e5f7b4\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/avatar.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.color.palette.high-saturation.yellow-green.h-yg-010}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"avatar\\",
+            \\"background\\",
+            \\"green\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#384813\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/avatar.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.color.palette.high-saturation.yellow-green.h-yg-090}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"avatar\\",
+            \\"background\\",
+            \\"green\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"yellow\\": {
+        \\"light\\": {
+          \\"value\\": \\"#fff7cc\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/avatar.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.color.palette.high-saturation.yellow.h-yy-010}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"avatar\\",
+            \\"background\\",
+            \\"yellow\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#5c4e00\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/avatar.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.color.palette.high-saturation.yellow.h-yy-100}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"avatar\\",
+            \\"background\\",
+            \\"yellow\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/avatar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.4}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"avatar\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/avatar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.5}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"avatar\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/avatar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.6}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"avatar\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"comp-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/avatar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"avatar\\",
+          \\"comp-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/avatar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"avatar\\",
+          \\"comp-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/avatar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.14}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"avatar\\",
+          \\"comp-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/avatar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"avatar\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/avatar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"avatar\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/avatar.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"avatar\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"block-section\\": {
+    \\"font\\": {
+      \\"light\\": {
+        \\"value\\": \\"#4a4a4a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/block-section.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block-section\\",
+          \\"font\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#bfbfbf\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/block-section.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block-section\\",
+          \\"font\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"icon\\": {
+      \\"valid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#35ac46\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block-section.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.success.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block-section\\",
+            \\"icon\\",
+            \\"valid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#36DA43\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block-section.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.success.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block-section\\",
+            \\"icon\\",
+            \\"valid\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"invalid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block-section.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block-section\\",
+            \\"icon\\",
+            \\"invalid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block-section.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block-section\\",
+            \\"icon\\",
+            \\"invalid\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"chevron\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block-section.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block-section\\",
+            \\"icon\\",
+            \\"chevron\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block-section.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block-section\\",
+            \\"icon\\",
+            \\"chevron\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/block-section.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block-section\\",
+          \\"background\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#353535\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/block-section.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block-section\\",
+          \\"background\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/block-section.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block-section\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/block-section.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block-section\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/block-section.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block-section\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"block-text\\": {
+        \\"right-left\\": {
+          \\"md\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/block-section.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"block-section\\",
+              \\"space-around\\",
+              \\"block-text\\",
+              \\"right-left\\",
+              \\"md\\"
+            ]
+          }
+        }
+      },
+      \\"block-content\\": {
+        \\"md\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/block-section.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block-section\\",
+            \\"space-around\\",
+            \\"block-content\\",
+            \\"md\\"
+          ]
+        }
+      },
+      \\"block-section\\": {
+        \\"top-bottom\\": {
+          \\"md\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/block-section.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"block-section\\",
+              \\"space-around\\",
+              \\"block-section\\",
+              \\"top-bottom\\",
+              \\"md\\"
+            ]
+          }
+        }
+      },
+      \\"icon\\": {
+        \\"left\\": {
+          \\"md\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/block-section.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"block-section\\",
+              \\"space-around\\",
+              \\"icon\\",
+              \\"left\\",
+              \\"md\\"
+            ]
+          }
+        }
+      },
+      \\"switch\\": {
+        \\"left\\": {
+          \\"md\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/block-section.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"block-section\\",
+              \\"space-around\\",
+              \\"switch\\",
+              \\"left\\",
+              \\"md\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"chevron-size\\": {
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/block-section.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block-section\\",
+          \\"chevron-size\\",
+          \\"md\\"
+        ]
+      }
+    }
+  },
+  \\"block\\": {
+    \\"font\\": {
+      \\"heading\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"font\\",
+            \\"heading\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"font\\",
+            \\"heading\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"description\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"font\\",
+            \\"description\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"font\\",
+            \\"description\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"content\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"font\\",
+            \\"content\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"font\\",
+            \\"content\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"idle\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"icon\\",
+            \\"idle\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"icon\\",
+            \\"idle\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"valid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#35ac46\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.success.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"icon\\",
+            \\"valid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#36DA43\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.success.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"icon\\",
+            \\"valid\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"invalid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"icon\\",
+            \\"invalid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"icon\\",
+            \\"invalid\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"drag-handle\\": {
+        \\"light\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"icon\\",
+            \\"drag-handle\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"icon\\",
+            \\"drag-handle\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"chevron\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"icon\\",
+            \\"chevron\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/block.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"block\\",
+            \\"icon\\",
+            \\"chevron\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#dfdfdf\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/block.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#404040\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/block.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/block.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block\\",
+          \\"background\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#353535\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/block.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block\\",
+          \\"background\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/block.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/block.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/block.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/block.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"block\\": {
+        \\"top-down-left\\": {
+          \\"md\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/block.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"block\\",
+              \\"space-around\\",
+              \\"block\\",
+              \\"top-down-left\\",
+              \\"md\\"
+            ]
+          }
+        },
+        \\"right\\": {
+          \\"md\\": {
+            \\"value\\": \\"16px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/block.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.7}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"block\\",
+              \\"space-around\\",
+              \\"block\\",
+              \\"right\\",
+              \\"md\\"
+            ]
+          }
+        }
+      },
+      \\"block-content\\": {
+        \\"right-left\\": {
+          \\"md\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/block.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"block\\",
+              \\"space-around\\",
+              \\"block-content\\",
+              \\"right-left\\",
+              \\"md\\"
+            ]
+          }
+        },
+        \\"top-down\\": {
+          \\"md\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/block.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"block\\",
+              \\"space-around\\",
+              \\"block-content\\",
+              \\"top-down\\",
+              \\"md\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"chevron-size\\": {
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/block.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block\\",
+          \\"chevron-size\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"drag-size\\": {
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/block.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"block\\",
+          \\"drag-size\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"drag-handle\\": {
+      \\"space-around\\": {
+        \\"drag\\": {
+          \\"right-left\\": {
+            \\"md\\": {
+              \\"value\\": \\"4px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/block.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.1}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"md\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"block\\",
+                \\"drag-handle\\",
+                \\"space-around\\",
+                \\"drag\\",
+                \\"right-left\\",
+                \\"md\\"
+              ]
+            }
+          }
+        }
+      }
+    }
+  },
+  \\"button\\": {
+    \\"font\\": {
+      \\"brand\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"inverse\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"neutral\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"danger\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"brand\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"inverse\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"neutral\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"danger\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"border\\": {
+      \\"brand\\": {
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"brand\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"brand\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"inverse\\": {
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"inverse\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"inverse\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"neutral\\": {
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"neutral\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"neutral\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"danger\\": {
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"danger\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"border\\",
+              \\"danger\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"background\\": {
+      \\"brand\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"inverse\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"neutral\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"danger\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"button\\",
+              \\"background\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"button\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"button\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"button\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"button\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"button\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"button\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"comp-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"button\\",
+          \\"comp-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"button\\",
+          \\"comp-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.14}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"button\\",
+          \\"comp-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"button\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"button\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"button\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/button.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"button\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/button.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"button\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/button.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"button\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/button.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"button\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/button.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"button\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/button.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"button\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"icon-only\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/button.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"button\\",
+            \\"space-around\\",
+            \\"icon-only\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/button.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"button\\",
+            \\"space-around\\",
+            \\"icon-only\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/button.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"button\\",
+            \\"space-around\\",
+            \\"icon-only\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"button\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"button\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"button\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"card\\": {
+    \\"font\\": {
+      \\"title\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/card.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"card\\",
+            \\"font\\",
+            \\"title\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/card.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"card\\",
+            \\"font\\",
+            \\"title\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"description\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/card.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"card\\",
+            \\"font\\",
+            \\"description\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/card.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"card\\",
+            \\"font\\",
+            \\"description\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"subtitle\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/card.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"card\\",
+            \\"font\\",
+            \\"subtitle\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/card.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"card\\",
+            \\"font\\",
+            \\"subtitle\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d4d4d4\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/card.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"card\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/card.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"card\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/card.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"card\\",
+            \\"border\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/card.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"card\\",
+            \\"border\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/card.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"card\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/card.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"card\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"space-around\\": {
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/card.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"card\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"card\\": {
+        \\"md\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/card.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"card\\",
+            \\"space-between\\",
+            \\"card\\",
+            \\"md\\"
+          ]
+        }
+      },
+      \\"title\\": {
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/card.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"card\\",
+            \\"space-between\\",
+            \\"title\\",
+            \\"md\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/card.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"card\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/card.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"card\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      }
+    }
+  },
+  \\"checkbox\\": {
+    \\"comp-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/checkbox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.5}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"checkbox\\",
+          \\"comp-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"14px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/checkbox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.6}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"checkbox\\",
+          \\"comp-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/checkbox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"checkbox\\",
+          \\"comp-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/checkbox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.1}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"checkbox\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/checkbox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"checkbox\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/checkbox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"checkbox\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/checkbox.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"checkbox\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/checkbox.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"checkbox\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"selected\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/checkbox.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"checkbox\\",
+            \\"background\\",
+            \\"selected\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/checkbox.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"checkbox\\",
+            \\"background\\",
+            \\"selected\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/checkbox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"checkbox\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#151515\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/checkbox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"checkbox\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"value\\": \\"0px\\",
+      \\"type\\": \\"borderRadius\\",
+      \\"filePath\\": \\"src/component/checkbox.json\\",
+      \\"isSource\\": true,
+      \\"original\\": {
+        \\"value\\": \\"{semantic.border.border-radius.sharp}\\",
+        \\"type\\": \\"borderRadius\\"
+      },
+      \\"name\\": \\"border-radius\\",
+      \\"attributes\\": {},
+      \\"path\\": [
+        \\"checkbox\\",
+        \\"border-radius\\"
+      ]
+    },
+    \\"border-width\\": {
+      \\"value\\": \\"1px\\",
+      \\"type\\": \\"borderWidth\\",
+      \\"filePath\\": \\"src/component/checkbox.json\\",
+      \\"isSource\\": true,
+      \\"original\\": {
+        \\"value\\": \\"{core.border.border-width.0}\\",
+        \\"type\\": \\"borderWidth\\"
+      },
+      \\"name\\": \\"border-width\\",
+      \\"attributes\\": {},
+      \\"path\\": [
+        \\"checkbox\\",
+        \\"border-width\\"
+      ]
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#949494\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/checkbox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"checkbox\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#757575\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/checkbox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"checkbox\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"font\\": {
+      \\"light\\": {
+        \\"value\\": \\"#151515\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/checkbox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"checkbox\\",
+          \\"font\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/checkbox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"checkbox\\",
+          \\"font\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"standard\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/checkbox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"standard\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"checkbox\\",
+          \\"space-around\\",
+          \\"standard\\"
+        ]
+      }
+    }
+  },
+  \\"chip\\": {
+    \\"font\\": {
+      \\"clear\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/chip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"chip\\",
+            \\"font\\",
+            \\"clear\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/chip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"chip\\",
+            \\"font\\",
+            \\"clear\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"solid\\": {
+        \\"grey\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"font\\",
+              \\"solid\\",
+              \\"grey\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"font\\",
+              \\"solid\\",
+              \\"grey\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"blue\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"font\\",
+              \\"solid\\",
+              \\"blue\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"font\\",
+              \\"solid\\",
+              \\"blue\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"red\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"font\\",
+              \\"solid\\",
+              \\"red\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"font\\",
+              \\"solid\\",
+              \\"red\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"yellow\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"font\\",
+              \\"solid\\",
+              \\"yellow\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"font\\",
+              \\"solid\\",
+              \\"yellow\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"green\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"font\\",
+              \\"solid\\",
+              \\"green\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"font\\",
+              \\"solid\\",
+              \\"green\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"solid\\": {
+        \\"grey\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"solid\\",
+              \\"grey\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"solid\\",
+              \\"grey\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"blue\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"solid\\",
+              \\"blue\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"solid\\",
+              \\"blue\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"red\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"solid\\",
+              \\"red\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"solid\\",
+              \\"red\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"yellow\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"solid\\",
+              \\"yellow\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"solid\\",
+              \\"yellow\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"green\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"solid\\",
+              \\"green\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"solid\\",
+              \\"green\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"clear\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/chip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"chip\\",
+            \\"icon\\",
+            \\"clear\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/chip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"chip\\",
+            \\"icon\\",
+            \\"clear\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"space-around\\": {
+        \\"right\\": {
+          \\"sm\\": {
+            \\"value\\": \\"0px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.none}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"space-around\\",
+              \\"right\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"space-around\\",
+              \\"right\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"space-around\\",
+              \\"right\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"left\\": {
+          \\"sm\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"space-around\\",
+              \\"left\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"space-around\\",
+              \\"left\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"icon\\",
+              \\"space-around\\",
+              \\"left\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"background\\": {
+      \\"solid\\": {
+        \\"grey\\": {
+          \\"light\\": {
+            \\"value\\": \\"#f3f3f3\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.2.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"background\\",
+              \\"solid\\",
+              \\"grey\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#202020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.2.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"background\\",
+              \\"solid\\",
+              \\"grey\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"red\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"background\\",
+              \\"solid\\",
+              \\"red\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"background\\",
+              \\"solid\\",
+              \\"red\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"blue\\": {
+          \\"light\\": {
+            \\"value\\": \\"#00619b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.info.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"background\\",
+              \\"solid\\",
+              \\"blue\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#00A0FF\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.info.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"background\\",
+              \\"solid\\",
+              \\"blue\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"green\\": {
+          \\"light\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.success.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"background\\",
+              \\"solid\\",
+              \\"green\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#36DA43\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.success.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"background\\",
+              \\"solid\\",
+              \\"green\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"yellow\\": {
+          \\"light\\": {
+            \\"value\\": \\"#edd317\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.warning.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"background\\",
+              \\"solid\\",
+              \\"yellow\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FFC900\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.warning.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"background\\",
+              \\"solid\\",
+              \\"yellow\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/chip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.4}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"chip\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/chip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.5}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"chip\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/chip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.6}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"chip\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/chip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"chip\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/chip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"chip\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/chip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"chip\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"closable-icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/chip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"chip\\",
+          \\"closable-icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/chip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"chip\\",
+          \\"closable-icon\\",
+          \\"dark\\"
+        ]
+      },
+      \\"space-around\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/chip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"chip\\",
+            \\"closable-icon\\",
+            \\"space-around\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/chip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"chip\\",
+            \\"closable-icon\\",
+            \\"space-around\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/chip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"chip\\",
+            \\"closable-icon\\",
+            \\"space-around\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"border\\": {
+      \\"clear\\": {
+        \\"grey\\": {
+          \\"light\\": {
+            \\"value\\": \\"#cacaca\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.border.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"border\\",
+              \\"clear\\",
+              \\"grey\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#555555\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.border.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"border\\",
+              \\"clear\\",
+              \\"grey\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"red\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"border\\",
+              \\"clear\\",
+              \\"red\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"border\\",
+              \\"clear\\",
+              \\"red\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"blue\\": {
+          \\"light\\": {
+            \\"value\\": \\"#00619b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.info.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"border\\",
+              \\"clear\\",
+              \\"blue\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#00A0FF\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.info.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"border\\",
+              \\"clear\\",
+              \\"blue\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"green\\": {
+          \\"light\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.success.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"border\\",
+              \\"clear\\",
+              \\"green\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#36DA43\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.success.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"border\\",
+              \\"clear\\",
+              \\"green\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"yellow\\": {
+          \\"light\\": {
+            \\"value\\": \\"#edd317\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.warning.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"border\\",
+              \\"clear\\",
+              \\"yellow\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FFC900\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/chip.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.warning.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"chip\\",
+              \\"border\\",
+              \\"clear\\",
+              \\"yellow\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/chip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"chip\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/chip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"chip\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/chip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"chip\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/chip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"chip\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/chip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"chip\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/chip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"chip\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"value\\": \\"1px\\",
+      \\"type\\": \\"borderWidth\\",
+      \\"filePath\\": \\"src/component/chip.json\\",
+      \\"isSource\\": true,
+      \\"original\\": {
+        \\"value\\": \\"{core.border.border-width.0}\\",
+        \\"type\\": \\"borderWidth\\"
+      },
+      \\"name\\": \\"border-width\\",
+      \\"attributes\\": {},
+      \\"path\\": [
+        \\"chip\\",
+        \\"border-width\\"
+      ]
+    },
+    \\"text\\": {
+      \\"space-around\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/chip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"chip\\",
+            \\"text\\",
+            \\"space-around\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/chip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"chip\\",
+            \\"text\\",
+            \\"space-around\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/chip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"chip\\",
+            \\"text\\",
+            \\"space-around\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"color-picker\\": {
+    \\"font\\": {
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/color-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color-picker\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/color-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color-picker\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#151515\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#cacaca\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#555555\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/color-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color-picker\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/color-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color-picker\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"saved-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"20px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.8}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"saved-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"saved-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"saved-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"swatch-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"20px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.8}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"swatch-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"20px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.8}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"swatch-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"swatch-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"channels\\": {
+      \\"space-between\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/color-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color-picker\\",
+            \\"channels\\",
+            \\"space-between\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"auto\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/color-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"auto\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color-picker\\",
+            \\"channels\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"auto\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/color-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"auto\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color-picker\\",
+            \\"channels\\",
+            \\"space-between\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/color-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color-picker\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"combobox\\": {
+    \\"font\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"font\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"font\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#cacaca\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#555555\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/combobox.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"combobox\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/combobox.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"combobox\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"foreground\\": {
+      \\"light\\": {
+        \\"value\\": \\"#f3f3f3\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.2.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"foreground\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#202020\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.2.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"foreground\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.4}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.5}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.6}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.2}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.4}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"comp-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"comp-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"comp-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.14}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"comp-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.9}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.11}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.14}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.9}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/combobox.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.11}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"combobox\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"date-picker\\": {
+    \\"font\\": {
+      \\"date\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"font\\",
+            \\"date\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"font\\",
+            \\"date\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"day\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"font\\",
+            \\"day\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"font\\",
+            \\"day\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"month\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"font\\",
+            \\"month\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"font\\",
+            \\"month\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"range\\": {
+        \\"date\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"font\\",
+              \\"range\\",
+              \\"date\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"font\\",
+              \\"range\\",
+              \\"date\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"selected\\": {
+        \\"date\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"font\\",
+              \\"selected\\",
+              \\"date\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"font\\",
+              \\"selected\\",
+              \\"date\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"active\\": {
+        \\"date\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"font\\",
+              \\"active\\",
+              \\"date\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"font\\",
+              \\"active\\",
+              \\"date\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"date-picker\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"date-picker\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#cacaca\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"date-picker\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#555555\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"date-picker\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"date\\": {
+        \\"active\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"background\\",
+              \\"date\\",
+              \\"active\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"background\\",
+              \\"date\\",
+              \\"active\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"range\\": {
+          \\"light\\": {
+            \\"value\\": \\"#c7eaff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.current.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"background\\",
+              \\"date\\",
+              \\"range\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#214155\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.current.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"background\\",
+              \\"date\\",
+              \\"range\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"date-picker\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"date-picker\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"date-picker\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"date-picker\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"date-picker\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"date-picker\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"date-picker\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"date-picker\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"date-picker\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"date-row\\": {
+      \\"space-between\\": {
+        \\"sm\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"date-row\\",
+            \\"space-between\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"date-row\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"date-row\\",
+            \\"space-between\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"space-around\\": {
+        \\"left-right\\": {
+          \\"sm\\": {
+            \\"value\\": \\"6px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.2}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"date-row\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"6px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.2}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"date-row\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"6px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.2}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"date-row\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"top-bottom\\": {
+          \\"sm\\": {
+            \\"value\\": \\"2px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.0}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"date-row\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"0px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.none}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"date-row\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"0px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.none}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"date-row\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"date\\": {
+      \\"active\\": {
+        \\"border\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"date\\",
+              \\"active\\",
+              \\"border\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"date\\",
+              \\"active\\",
+              \\"border\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"space-around\\": {
+        \\"left-right\\": {
+          \\"sm\\": {
+            \\"value\\": \\"2px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.0}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"date\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"2px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.0}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"date\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"date\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"top-bottom\\": {
+          \\"sm\\": {
+            \\"value\\": \\"0px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.none}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"date\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"date\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/date-picker.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"date-picker\\",
+              \\"date\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"day\\": {
+      \\"space-between\\": {
+        \\"sm\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"day\\",
+            \\"space-between\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"day\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"day\\",
+            \\"space-between\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"space-around\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"day\\",
+            \\"space-around\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"day\\",
+            \\"space-around\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"day\\",
+            \\"space-around\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"month\\": {
+      \\"space-between\\": {
+        \\"sm\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"month\\",
+            \\"space-between\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"month\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"month\\",
+            \\"space-between\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"space-around\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"month\\",
+            \\"space-around\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"10px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.4}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"month\\",
+            \\"space-around\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"10px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.4}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"date-picker\\",
+            \\"month\\",
+            \\"space-around\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"dropdown-item\\": {
+    \\"font\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"font\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"font\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"selected\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"font\\",
+            \\"selected\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"font\\",
+            \\"selected\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"group-title\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"font\\",
+            \\"group-title\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"font\\",
+            \\"group-title\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"icon\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"icon\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        },
+        \\"selected\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"icon\\",
+              \\"default\\",
+              \\"selected\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"icon\\",
+              \\"default\\",
+              \\"selected\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"select\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"icon\\",
+            \\"select\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"icon\\",
+            \\"select\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#dfdfdf\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/dropdown-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"dropdown-item\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#404040\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/dropdown-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"dropdown-item\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/dropdown-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"dropdown-item\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/dropdown-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"dropdown-item\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/dropdown-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"dropdown-item\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/dropdown-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"dropdown-item\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/dropdown-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"dropdown-item\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/dropdown-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"dropdown-item\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"container\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"space-between\\",
+            \\"container\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"space-between\\",
+            \\"container\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"space-between\\",
+            \\"container\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"space-around\\": {
+      \\"content\\": {
+        \\"left\\": {
+          \\"sm\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"space-around\\",
+              \\"content\\",
+              \\"left\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"space-around\\",
+              \\"content\\",
+              \\"left\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"space-around\\",
+              \\"content\\",
+              \\"left\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"top-bottom\\": {
+          \\"sm\\": {
+            \\"value\\": \\"0px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.none}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"space-around\\",
+              \\"content\\",
+              \\"top-bottom\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"2px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.0}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"space-around\\",
+              \\"content\\",
+              \\"top-bottom\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"2px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.0}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"space-around\\",
+              \\"content\\",
+              \\"top-bottom\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      },
+      \\"container\\": {
+        \\"default\\": {
+          \\"left\\": {
+            \\"sm\\": {
+              \\"value\\": \\"4px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.1}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"sm\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"default\\",
+                \\"left\\",
+                \\"sm\\"
+              ]
+            },
+            \\"md\\": {
+              \\"value\\": \\"8px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.3}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"md\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"default\\",
+                \\"left\\",
+                \\"md\\"
+              ]
+            },
+            \\"lg\\": {
+              \\"value\\": \\"12px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.5}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"lg\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"default\\",
+                \\"left\\",
+                \\"lg\\"
+              ]
+            }
+          },
+          \\"right\\": {
+            \\"sm\\": {
+              \\"value\\": \\"8px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.3}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"sm\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"default\\",
+                \\"right\\",
+                \\"sm\\"
+              ]
+            },
+            \\"md\\": {
+              \\"value\\": \\"12px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.5}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"md\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"default\\",
+                \\"right\\",
+                \\"md\\"
+              ]
+            },
+            \\"lg\\": {
+              \\"value\\": \\"16px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.7}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"lg\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"default\\",
+                \\"right\\",
+                \\"lg\\"
+              ]
+            }
+          },
+          \\"top-bottom\\": {
+            \\"sm\\": {
+              \\"value\\": \\"4px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.1}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"sm\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"default\\",
+                \\"top-bottom\\",
+                \\"sm\\"
+              ]
+            },
+            \\"md\\": {
+              \\"value\\": \\"8px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.3}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"md\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"default\\",
+                \\"top-bottom\\",
+                \\"md\\"
+              ]
+            },
+            \\"lg\\": {
+              \\"value\\": \\"10px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.4}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"lg\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"default\\",
+                \\"top-bottom\\",
+                \\"lg\\"
+              ]
+            }
+          }
+        },
+        \\"single\\": {
+          \\"left\\": {
+            \\"sm\\": {
+              \\"value\\": \\"24px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.9}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"sm\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"single\\",
+                \\"left\\",
+                \\"sm\\"
+              ]
+            },
+            \\"md\\": {
+              \\"value\\": \\"32px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.11}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"md\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"single\\",
+                \\"left\\",
+                \\"md\\"
+              ]
+            },
+            \\"lg\\": {
+              \\"value\\": \\"40px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.13}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"lg\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"single\\",
+                \\"left\\",
+                \\"lg\\"
+              ]
+            }
+          },
+          \\"right\\": {
+            \\"sm\\": {
+              \\"value\\": \\"8px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.3}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"sm\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"single\\",
+                \\"right\\",
+                \\"sm\\"
+              ]
+            },
+            \\"md\\": {
+              \\"value\\": \\"12px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.5}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"md\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"single\\",
+                \\"right\\",
+                \\"md\\"
+              ]
+            },
+            \\"lg\\": {
+              \\"value\\": \\"16px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.7}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"lg\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"single\\",
+                \\"right\\",
+                \\"lg\\"
+              ]
+            }
+          },
+          \\"top-bottom\\": {
+            \\"sm\\": {
+              \\"value\\": \\"4px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.1}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"sm\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"single\\",
+                \\"top-bottom\\",
+                \\"sm\\"
+              ]
+            },
+            \\"md\\": {
+              \\"value\\": \\"8px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.3}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"md\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"single\\",
+                \\"top-bottom\\",
+                \\"md\\"
+              ]
+            },
+            \\"lg\\": {
+              \\"value\\": \\"10px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.4}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"lg\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"single\\",
+                \\"top-bottom\\",
+                \\"lg\\"
+              ]
+            }
+          }
+        },
+        \\"multi\\": {
+          \\"left\\": {
+            \\"sm\\": {
+              \\"value\\": \\"24px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.9}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"sm\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"multi\\",
+                \\"left\\",
+                \\"sm\\"
+              ]
+            },
+            \\"md\\": {
+              \\"value\\": \\"32px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.11}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"md\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"multi\\",
+                \\"left\\",
+                \\"md\\"
+              ]
+            },
+            \\"lg\\": {
+              \\"value\\": \\"40px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.13}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"lg\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"multi\\",
+                \\"left\\",
+                \\"lg\\"
+              ]
+            }
+          },
+          \\"right\\": {
+            \\"sm\\": {
+              \\"value\\": \\"8px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.3}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"sm\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"multi\\",
+                \\"right\\",
+                \\"sm\\"
+              ]
+            },
+            \\"md\\": {
+              \\"value\\": \\"12px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.5}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"md\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"multi\\",
+                \\"right\\",
+                \\"md\\"
+              ]
+            },
+            \\"lg\\": {
+              \\"value\\": \\"16px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.7}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"lg\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"multi\\",
+                \\"right\\",
+                \\"lg\\"
+              ]
+            }
+          },
+          \\"top-bottom\\": {
+            \\"sm\\": {
+              \\"value\\": \\"4px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.1}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"sm\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"multi\\",
+                \\"top-bottom\\",
+                \\"sm\\"
+              ]
+            },
+            \\"md\\": {
+              \\"value\\": \\"8px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.3}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"md\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"multi\\",
+                \\"top-bottom\\",
+                \\"md\\"
+              ]
+            },
+            \\"lg\\": {
+              \\"value\\": \\"10px\\",
+              \\"type\\": \\"spacing\\",
+              \\"filePath\\": \\"src/component/dropdown-item.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.spacing.4}\\",
+                \\"type\\": \\"spacing\\"
+              },
+              \\"name\\": \\"lg\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"dropdown-item\\",
+                \\"space-around\\",
+                \\"container\\",
+                \\"multi\\",
+                \\"top-bottom\\",
+                \\"lg\\"
+              ]
+            }
+          }
+        }
+      },
+      \\"group-title\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"space-around\\",
+            \\"group-title\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"space-around\\",
+            \\"group-title\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/dropdown-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown-item\\",
+            \\"space-around\\",
+            \\"group-title\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"icon-start\\": {
+        \\"left\\": {
+          \\"sm\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"space-around\\",
+              \\"icon-start\\",
+              \\"left\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"space-around\\",
+              \\"icon-start\\",
+              \\"left\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"space-around\\",
+              \\"icon-start\\",
+              \\"left\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"right\\": {
+          \\"sm\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"space-around\\",
+              \\"icon-start\\",
+              \\"right\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"space-around\\",
+              \\"icon-start\\",
+              \\"right\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"16px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.7}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"space-around\\",
+              \\"icon-start\\",
+              \\"right\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      },
+      \\"icon-end\\": {
+        \\"left\\": {
+          \\"sm\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"space-around\\",
+              \\"icon-end\\",
+              \\"left\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"space-around\\",
+              \\"icon-end\\",
+              \\"left\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/dropdown-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"dropdown-item\\",
+              \\"space-around\\",
+              \\"icon-end\\",
+              \\"left\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      }
+    }
+  },
+  \\"dropdown\\": {
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/dropdown.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/dropdown.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"dropdown\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/dropdown.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"dropdown\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/dropdown.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"dropdown\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/dropdown.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"dropdown\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"comp-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/dropdown.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"dropdown\\",
+          \\"comp-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/dropdown.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"dropdown\\",
+          \\"comp-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/dropdown.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.14}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"dropdown\\",
+          \\"comp-size\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"fab\\": {
+    \\"font\\": {
+      \\"brand\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"inverse\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"neutral\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"danger\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"brand\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"inverse\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"neutral\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"danger\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"border\\": {
+      \\"brand\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"inverse\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"neutral\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#eaeaea\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.3.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.3.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#eaeaea\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.3.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.3.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"danger\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"border\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"background\\": {
+      \\"brand\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"inverse\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"neutral\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#eaeaea\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.3.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.3.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"danger\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/fab.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"fab\\",
+              \\"background\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"9999px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/fab.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.full}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"fab\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"9999px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/fab.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.full}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"fab\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"9999px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/fab.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.full}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"fab\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/fab.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"fab\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/fab.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"fab\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/fab.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"fab\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"comp-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/fab.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"fab\\",
+          \\"comp-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/fab.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"fab\\",
+          \\"comp-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/fab.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.14}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"fab\\",
+          \\"comp-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/fab.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"fab\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/fab.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"fab\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/fab.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"fab\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/fab.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"fab\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/fab.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"fab\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/fab.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"fab\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/fab.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"fab\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/fab.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"fab\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/fab.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"fab\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/fab.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"fab\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/fab.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"fab\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/fab.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"fab\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"icon-only\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/fab.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"fab\\",
+            \\"space-around\\",
+            \\"icon-only\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/fab.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"fab\\",
+            \\"space-around\\",
+            \\"icon-only\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"10px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/fab.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.4}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"fab\\",
+            \\"space-around\\",
+            \\"icon-only\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"filter\\": {
+    \\"font\\": {
+      \\"light\\": {
+        \\"value\\": \\"#151515\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"font\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"font\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#949494\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#757575\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"background\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#2b2b2b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"background\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/filter.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"filter\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"input\\": {
+      \\"space-between\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/filter.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"filter\\",
+            \\"input\\",
+            \\"space-between\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/filter.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"filter\\",
+            \\"input\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/filter.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"filter\\",
+            \\"input\\",
+            \\"space-between\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"space-around\\": {
+        \\"left-right\\": {
+          \\"sm\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/filter.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"filter\\",
+              \\"input\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/filter.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"filter\\",
+              \\"input\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"16px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/filter.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.7}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"filter\\",
+              \\"input\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"top-bottom\\": {
+          \\"sm\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/filter.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"filter\\",
+              \\"input\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/filter.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"filter\\",
+              \\"input\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/filter.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"filter\\",
+              \\"input\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/filter.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"filter\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/filter.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"filter\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/filter.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"filter\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/filter.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"filter\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/filter.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"filter\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/filter.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"filter\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"icon\\": {
+    \\"size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/icon.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"icon\\",
+          \\"size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/icon.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"icon\\",
+          \\"size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/icon.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"icon\\",
+          \\"size\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"input-date-picker\\": {
+    \\"font\\": {
+      \\"placeholder-value\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#949494\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#757575\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"arrow\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"background\\",
+            \\"arrow\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"background\\",
+            \\"arrow\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"read-only\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"arrow-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"arrow-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"arrow-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-date-picker.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-date-picker\\",
+          \\"arrow-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"opacity\\": {
+      \\"placeholder\\": {
+        \\"light\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"opacity\\",
+          \\"filePath\\": \\"src/component/input-date-picker.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.opacity.50}\\",
+            \\"type\\": \\"opacity\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-date-picker\\",
+            \\"opacity\\",
+            \\"placeholder\\",
+            \\"light\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"input-datetime-local\\": {
+    \\"font\\": {
+      \\"placeholder-value\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-datetime-local\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-datetime-local\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"invalid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"read-only\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-datetime-local\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-datetime-local\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-datetime-local\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-datetime-local\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-datetime-local\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-datetime-local\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-datetime-local\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-datetime-local\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-datetime-local\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-datetime-local\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-datetime-local\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-datetime-local\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"opacity\\": {
+      \\"placeholder\\": {
+        \\"light\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"opacity\\",
+          \\"filePath\\": \\"src/component/input-datetime-local.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.opacity.50}\\",
+            \\"type\\": \\"opacity\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-datetime-local\\",
+            \\"opacity\\",
+            \\"placeholder\\",
+            \\"light\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"input-email\\": {
+    \\"font\\": {
+      \\"placeholder-value\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-email.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-email\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-email.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-email\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"invalid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"read-only\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-email.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-email\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-email.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-email\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-email.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-email\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-email.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-email\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-email.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-email\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-email.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-email\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-email.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-email\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-email.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-email\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-email.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-email\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-email.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-email\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-email.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-email\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-email.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-email\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"opacity\\": {
+      \\"placeholder\\": {
+        \\"light\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"opacity\\",
+          \\"filePath\\": \\"src/component/input-email.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.opacity.50}\\",
+            \\"type\\": \\"opacity\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-email\\",
+            \\"opacity\\",
+            \\"placeholder\\",
+            \\"light\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"input-file\\": {
+    \\"font\\": {
+      \\"placeholder-value\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-file.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-file\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-file.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-file\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"invalid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"read-only\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-file.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-file\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-file.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-file\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-file.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-file\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-file.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-file\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-file.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-file\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-file.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-file\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-file.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-file\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-file.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-file\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-file.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-file\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-file.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-file\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-file.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-file\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-file.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-file\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"opacity\\": {
+      \\"placeholder\\": {
+        \\"light\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"opacity\\",
+          \\"filePath\\": \\"src/component/input-file.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.opacity.50}\\",
+            \\"type\\": \\"opacity\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-file\\",
+            \\"opacity\\",
+            \\"placeholder\\",
+            \\"light\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"input-message\\": {
+    \\"font\\": {
+      \\"light\\": {
+        \\"value\\": \\"#151515\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-message.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-message\\",
+          \\"font\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-message.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-message\\",
+          \\"font\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"icon\\": {
+      \\"idle\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-message.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-message\\",
+            \\"icon\\",
+            \\"idle\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-message.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-message\\",
+            \\"icon\\",
+            \\"idle\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"invalid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-message.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-message\\",
+            \\"icon\\",
+            \\"invalid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-message.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-message\\",
+            \\"icon\\",
+            \\"invalid\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"valid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#35ac46\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-message.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.success.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-message\\",
+            \\"icon\\",
+            \\"valid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#36DA43\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-message.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.success.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-message\\",
+            \\"icon\\",
+            \\"valid\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-message.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-message\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-message.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-message\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-message.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-message\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"input-month\\": {
+    \\"font\\": {
+      \\"placeholder-value\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-month.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-month\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-month.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-month\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"invalid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"read-only\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-month.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-month\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-month.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-month\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-month.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-month\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-month.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-month\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-month.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-month\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-month.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-month\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-month.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-month\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-month.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-month\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-month.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-month\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-month.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-month\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-month.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-month\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-month.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-month\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"opacity\\": {
+      \\"placeholder\\": {
+        \\"light\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"opacity\\",
+          \\"filePath\\": \\"src/component/input-month.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.opacity.50}\\",
+            \\"type\\": \\"opacity\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-month\\",
+            \\"opacity\\",
+            \\"placeholder\\",
+            \\"light\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"input-number\\": {
+    \\"font\\": {
+      \\"placeholder-value\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-number.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-number\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-number.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-number\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"invalid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"read-only\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-number.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-number\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-number.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-number\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-number.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-number\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-number.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-number\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-number.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-number\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-number.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-number\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-number.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-number\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-number.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-number\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-number.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-number\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-number.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-number\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-number.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-number\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-number.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-number\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"opacity\\": {
+      \\"placeholder\\": {
+        \\"light\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"opacity\\",
+          \\"filePath\\": \\"src/component/input-number.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.opacity.50}\\",
+            \\"type\\": \\"opacity\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-number\\",
+            \\"opacity\\",
+            \\"placeholder\\",
+            \\"light\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"input-password\\": {
+    \\"font\\": {
+      \\"placeholder-value\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-password.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-password\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-password.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-password\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"invalid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"read-only\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-password.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-password\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-password.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-password\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-password.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-password\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-password.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-password\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-password.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-password\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-password.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-password\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-password.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-password\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-password.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-password\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-password.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-password\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-password.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-password\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-password.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-password\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-password.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-password\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"opacity\\": {
+      \\"placeholder\\": {
+        \\"light\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"opacity\\",
+          \\"filePath\\": \\"src/component/input-password.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.opacity.50}\\",
+            \\"type\\": \\"opacity\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-password\\",
+            \\"opacity\\",
+            \\"placeholder\\",
+            \\"light\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"input-search\\": {
+    \\"font\\": {
+      \\"placeholder-value\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-search.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-search\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-search.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-search\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"invalid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"read-only\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-search.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-search\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-search.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-search\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-search.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-search\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-search.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-search\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-search.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-search\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-search.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-search\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-search.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-search\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-search.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-search\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-search.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-search\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-search.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-search\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-search.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-search\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-search.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-search\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"opacity\\": {
+      \\"placeholder\\": {
+        \\"light\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"opacity\\",
+          \\"filePath\\": \\"src/component/input-search.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.opacity.50}\\",
+            \\"type\\": \\"opacity\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-search\\",
+            \\"opacity\\",
+            \\"placeholder\\",
+            \\"light\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"input-telephone\\": {
+    \\"font\\": {
+      \\"placeholder-value\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-telephone.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-telephone\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-telephone.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-telephone\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"invalid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"read-only\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-telephone.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-telephone\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-telephone.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-telephone\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-telephone.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-telephone\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-telephone.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-telephone\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-telephone.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-telephone\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-telephone.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-telephone\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-telephone.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-telephone\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-telephone.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-telephone\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-telephone.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-telephone\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-telephone.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-telephone\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-telephone.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-telephone\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-telephone.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-telephone\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"opacity\\": {
+      \\"placeholder\\": {
+        \\"light\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"opacity\\",
+          \\"filePath\\": \\"src/component/input-telephone.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.opacity.50}\\",
+            \\"type\\": \\"opacity\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-telephone\\",
+            \\"opacity\\",
+            \\"placeholder\\",
+            \\"light\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"input-text\\": {
+    \\"font\\": {
+      \\"placeholder-value\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-text.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-text\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-text.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-text\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"invalid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"read-only\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-text.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-text\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-text.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-text\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-text.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-text\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-text.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-text\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-text.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-text\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-text.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-text\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-text.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-text\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-text.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-text\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-text.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-text\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-text.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-text\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-text.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-text\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-text.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-text\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"opacity\\": {
+      \\"placeholder\\": {
+        \\"light\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"opacity\\",
+          \\"filePath\\": \\"src/component/input-text.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.opacity.50}\\",
+            \\"type\\": \\"opacity\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-text\\",
+            \\"opacity\\",
+            \\"placeholder\\",
+            \\"light\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"input-week\\": {
+    \\"font\\": {
+      \\"placeholder-value\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"font\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-week.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-week\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/input-week.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-week\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"invalid\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"border\\",
+            \\"invalid\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"prefix-suffix\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"background\\",
+            \\"prefix-suffix\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"read-only\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-week.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-week\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-week.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-week\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/input-week.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-week\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-week.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-week\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-week.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-week\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/input-week.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-week\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-week.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-week\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-week.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-week\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/input-week.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-week\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-week.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-week\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-week.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-week\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/input-week.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"input-week\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"opacity\\": {
+      \\"placeholder\\": {
+        \\"light\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"opacity\\",
+          \\"filePath\\": \\"src/component/input-week.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.opacity.50}\\",
+            \\"type\\": \\"opacity\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"input-week\\",
+            \\"opacity\\",
+            \\"placeholder\\",
+            \\"light\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"label\\": {
+    \\"font\\": {
+      \\"light\\": {
+        \\"value\\": \\"#151515\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/label.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"label\\",
+          \\"font\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/label.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"label\\",
+          \\"font\\",
+          \\"dark\\"
+        ]
+      }
+    }
+  },
+  \\"link\\": {
+    \\"font\\": {
+      \\"light\\": {
+        \\"value\\": \\"#00619b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/link.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.link.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"link\\",
+          \\"font\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#00A0FF\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/link.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.link.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"link\\",
+          \\"font\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#00619b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/link.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.link.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"link\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#00A0FF\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/link.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.link.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"link\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#00619b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/link.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.link.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"link\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#00A0FF\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/link.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.link.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"link\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"bottom\\": {
+      \\"border-width\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/link.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"border-width\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"link\\",
+          \\"bottom\\",
+          \\"border-width\\"
+        ]
+      }
+    }
+  },
+  \\"loader\\": {
+    \\"font\\": {
+      \\"light\\": {
+        \\"value\\": \\"#151515\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/loader.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"loader\\",
+          \\"font\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/loader.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"loader\\",
+          \\"font\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"default\\": {
+      \\"comp-size\\": {
+        \\"sm\\": {
+          \\"value\\": \\"32px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/loader.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.11}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"loader\\",
+            \\"default\\",
+            \\"comp-size\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"64px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/loader.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.17}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"loader\\",
+            \\"default\\",
+            \\"comp-size\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"96px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/loader.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.20}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"loader\\",
+            \\"default\\",
+            \\"comp-size\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"space-between\\": {
+        \\"standard\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/loader.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"standard\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"loader\\",
+            \\"default\\",
+            \\"space-between\\",
+            \\"standard\\"
+          ]
+        }
+      },
+      \\"foreground\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/loader.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"loader\\",
+            \\"default\\",
+            \\"foreground\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/loader.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"loader\\",
+            \\"default\\",
+            \\"foreground\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"inline\\": {
+      \\"comp-size\\": {
+        \\"sm\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/loader.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.5}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"loader\\",
+            \\"inline\\",
+            \\"comp-size\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/loader.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.7}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"loader\\",
+            \\"inline\\",
+            \\"comp-size\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"24px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/loader.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.9}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"loader\\",
+            \\"inline\\",
+            \\"comp-size\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"space-between\\": {
+        \\"sm\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/loader.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.2}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"loader\\",
+            \\"inline\\",
+            \\"space-between\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/loader.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"loader\\",
+            \\"inline\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/loader.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"loader\\",
+            \\"inline\\",
+            \\"space-between\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"space-around\\": {
+        \\"sm\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/loader.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.2}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"loader\\",
+            \\"inline\\",
+            \\"space-around\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/loader.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"loader\\",
+            \\"inline\\",
+            \\"space-around\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/loader.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"loader\\",
+            \\"inline\\",
+            \\"space-around\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"foreground\\": {
+        \\"indeterminate\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/loader.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"loader\\",
+              \\"inline\\",
+              \\"foreground\\",
+              \\"indeterminate\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/loader.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"loader\\",
+              \\"inline\\",
+              \\"foreground\\",
+              \\"indeterminate\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"determinate\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/loader.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"loader\\",
+              \\"inline\\",
+              \\"foreground\\",
+              \\"determinate\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/loader.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"loader\\",
+              \\"inline\\",
+              \\"foreground\\",
+              \\"determinate\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    }
+  },
+  \\"modal\\": {
+    \\"font\\": {
+      \\"header\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"font\\",
+            \\"header\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"font\\",
+            \\"header\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"content\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"font\\",
+            \\"content\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"font\\",
+            \\"content\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#555555\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"top\\": {
+        \\"brand\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/modal.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"modal\\",
+              \\"border\\",
+              \\"top\\",
+              \\"brand\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/modal.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"modal\\",
+              \\"border\\",
+              \\"top\\",
+              \\"brand\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"info\\": {
+          \\"light\\": {
+            \\"value\\": \\"#00619b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/modal.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.info.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"modal\\",
+              \\"border\\",
+              \\"top\\",
+              \\"info\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#00A0FF\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/modal.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.info.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"modal\\",
+              \\"border\\",
+              \\"top\\",
+              \\"info\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"success\\": {
+          \\"light\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/modal.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.success.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"modal\\",
+              \\"border\\",
+              \\"top\\",
+              \\"success\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#36DA43\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/modal.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.success.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"modal\\",
+              \\"border\\",
+              \\"top\\",
+              \\"success\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"danger\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/modal.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"modal\\",
+              \\"border\\",
+              \\"top\\",
+              \\"danger\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/modal.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"modal\\",
+              \\"border\\",
+              \\"top\\",
+              \\"danger\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"warning\\": {
+          \\"light\\": {
+            \\"value\\": \\"#edd317\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/modal.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.warning.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"modal\\",
+              \\"border\\",
+              \\"top\\",
+              \\"warning\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FFC900\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/modal.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.warning.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"modal\\",
+              \\"border\\",
+              \\"top\\",
+              \\"warning\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"background\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"background\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#2b2b2b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"background\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"20px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.8}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"24px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.9}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"20px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.8}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"content\\": {
+        \\"sm\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"space-around\\",
+            \\"content\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"space-around\\",
+            \\"content\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"20px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.8}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"space-around\\",
+            \\"content\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"cancel-button\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"space-around\\",
+            \\"cancel-button\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"space-around\\",
+            \\"cancel-button\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"space-around\\",
+            \\"cancel-button\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"border-width\\": {
+      \\"default\\": {
+        \\"sm\\": {
+          \\"value\\": \\"1px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.0}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"border-width\\",
+            \\"default\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"1px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.0}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"border-width\\",
+            \\"default\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"1px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.0}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"border-width\\",
+            \\"default\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.2}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"border-width\\",
+            \\"top\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.2}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"border-width\\",
+            \\"top\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/modal.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.2}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"modal\\",
+            \\"border-width\\",
+            \\"top\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"comp-size\\": {
+      \\"small-width\\": {
+        \\"value\\": \\"512\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"512\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"small-width\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"comp-size\\",
+          \\"small-width\\"
+        ]
+      },
+      \\"medium-width\\": {
+        \\"value\\": \\"768px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"768px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"medium-width\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"comp-size\\",
+          \\"medium-width\\"
+        ]
+      },
+      \\"full-width\\": {
+        \\"value\\": \\"1504px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/modal.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"1504px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"full-width\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"modal\\",
+          \\"comp-size\\",
+          \\"full-width\\"
+        ]
+      }
+    }
+  },
+  \\"notice\\": {
+    \\"font\\": {
+      \\"title\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"font\\",
+            \\"title\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"font\\",
+            \\"title\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"message\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"font\\",
+            \\"message\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"font\\",
+            \\"message\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/notice.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"notice\\",
+          \\"background\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#202020\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/notice.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.2.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"notice\\",
+          \\"background\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/notice.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"notice\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/notice.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"notice\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/notice.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"notice\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/notice.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"notice\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/notice.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"notice\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/notice.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"notice\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon\\": {
+      \\"info\\": {
+        \\"light\\": {
+          \\"value\\": \\"#00619b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.info.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"icon\\",
+            \\"info\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#00A0FF\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.info.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"icon\\",
+            \\"info\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"success\\": {
+        \\"light\\": {
+          \\"value\\": \\"#35ac46\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.success.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"icon\\",
+            \\"success\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#36DA43\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.success.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"icon\\",
+            \\"success\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"warning\\": {
+        \\"light\\": {
+          \\"value\\": \\"#edd317\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.warning.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"icon\\",
+            \\"warning\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FFC900\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.warning.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"icon\\",
+            \\"warning\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"danger\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"icon\\",
+            \\"danger\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"icon\\",
+            \\"danger\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"brand\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"icon\\",
+            \\"brand\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"icon\\",
+            \\"brand\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"highlight\\": {
+      \\"info\\": {
+        \\"light\\": {
+          \\"value\\": \\"#00619b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.info.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"highlight\\",
+            \\"info\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#00A0FF\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.info.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"highlight\\",
+            \\"info\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"success\\": {
+        \\"light\\": {
+          \\"value\\": \\"#35ac46\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.success.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"highlight\\",
+            \\"success\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#36DA43\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.success.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"highlight\\",
+            \\"success\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"warning\\": {
+        \\"light\\": {
+          \\"value\\": \\"#edd317\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.warning.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"highlight\\",
+            \\"warning\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FFC900\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.warning.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"highlight\\",
+            \\"warning\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"danger\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"highlight\\",
+            \\"danger\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"highlight\\",
+            \\"danger\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"brand\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"highlight\\",
+            \\"brand\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"highlight\\",
+            \\"brand\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"border\\": {
+        \\"sm\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.1}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"highlight\\",
+            \\"border\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.1}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"highlight\\",
+            \\"border\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.1}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"highlight\\",
+            \\"border\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"content\\": {
+      \\"space-between\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"content\\",
+            \\"space-between\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"content\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"content\\",
+            \\"space-between\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"space-around\\": {
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"10px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.4}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"14px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.6}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"left\\": {
+        \\"sm\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"space-around\\",
+            \\"left\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"space-around\\",
+            \\"left\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"20px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.8}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"space-around\\",
+            \\"left\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"space-around\\",
+            \\"right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"space-around\\",
+            \\"right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/notice.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"notice\\",
+            \\"space-around\\",
+            \\"right\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"pagination\\": {
+    \\"font\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"font\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"font\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#cacaca\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#555555\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/pagination.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"pagination\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/pagination.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"pagination\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"foreground\\": {
+      \\"light\\": {
+        \\"value\\": \\"#f3f3f3\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.2.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"foreground\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#202020\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.2.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"foreground\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.4}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.5}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.6}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.2}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.4}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"comp-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"comp-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"comp-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.14}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"comp-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.9}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.11}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.14}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.9}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/pagination.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.11}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"pagination\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"panel-header\\": {
+    \\"font\\": {
+      \\"light\\": {
+        \\"value\\": \\"#4a4a4a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/panel-header.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"panel-header\\",
+          \\"font\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#bfbfbf\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/panel-header.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"panel-header\\",
+          \\"font\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/panel-header.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"panel-header\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/panel-header.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"panel-header\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#dfdfdf\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/panel-header.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"panel-header\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#404040\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/panel-header.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"panel-header\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/panel-header.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"panel-header\\",
+          \\"background\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#2b2b2b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/panel-header.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"panel-header\\",
+          \\"background\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/panel-header.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"panel-header\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/panel-header.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"panel-header\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"md\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/panel-header.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.1}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"panel-header\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/panel-header.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"panel-header\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"md\\": {
+          \\"value\\": \\"14px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/panel-header.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.6}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"panel-header\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"popover\\": {
+    \\"font\\": {
+      \\"light\\": {
+        \\"value\\": \\"#151515\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"font\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"font\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#dfdfdf\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#404040\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"background\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#2b2b2b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"background\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.1}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"pointer-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"14px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.6}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"pointer-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"14px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.6}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"pointer-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"14px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.6}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"pointer-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/popover.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.none}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"popover\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/popover.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"popover\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/popover.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"popover\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"20px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/popover.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.8}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"popover\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"left-top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/popover.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"popover\\",
+            \\"space-around\\",
+            \\"left-top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/popover.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"popover\\",
+            \\"space-around\\",
+            \\"left-top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/popover.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"popover\\",
+            \\"space-around\\",
+            \\"left-top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"radio\\": {
+    \\"comp-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/radio.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.5}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"radio\\",
+          \\"comp-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"14px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/radio.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.6}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"radio\\",
+          \\"comp-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/radio.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"radio\\",
+          \\"comp-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/radio.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"radio\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/radio.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"radio\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/radio.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"radio\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/radio.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"radio\\",
+          \\"background\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#2b2b2b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/radio.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"radio\\",
+          \\"background\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"value\\": \\"9999px\\",
+      \\"type\\": \\"borderRadius\\",
+      \\"filePath\\": \\"src/component/radio.json\\",
+      \\"isSource\\": true,
+      \\"original\\": {
+        \\"value\\": \\"{semantic.border.border-radius.pill}\\",
+        \\"type\\": \\"borderRadius\\"
+      },
+      \\"name\\": \\"border-radius\\",
+      \\"attributes\\": {},
+      \\"path\\": [
+        \\"radio\\",
+        \\"border-radius\\"
+      ]
+    },
+    \\"border-width\\": {
+      \\"unchecked\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/radio.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"unchecked\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"radio\\",
+          \\"border-width\\",
+          \\"unchecked\\"
+        ]
+      },
+      \\"checked\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/radio.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.2}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"radio\\",
+            \\"border-width\\",
+            \\"checked\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/radio.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.2}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"radio\\",
+            \\"border-width\\",
+            \\"checked\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/radio.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.3}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"radio\\",
+            \\"border-width\\",
+            \\"checked\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"border\\": {
+      \\"unchecked\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/radio.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"radio\\",
+            \\"border\\",
+            \\"unchecked\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/radio.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"radio\\",
+            \\"border\\",
+            \\"unchecked\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"checked\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/radio.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"radio\\",
+            \\"border\\",
+            \\"checked\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/radio.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"radio\\",
+            \\"border\\",
+            \\"checked\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"font\\": {
+      \\"light\\": {
+        \\"value\\": \\"#151515\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/radio.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"radio\\",
+          \\"font\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/radio.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"radio\\",
+          \\"font\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/radio.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"radio\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/radio.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"radio\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/radio.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"radio\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"rating\\": {
+    \\"comp-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/rating.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"rating\\",
+          \\"comp-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/rating.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"rating\\",
+          \\"comp-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/rating.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.14}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"rating\\",
+          \\"comp-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"chip\\": {
+      \\"border-radius\\": {
+        \\"value\\": \\"9999px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/rating.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.border.border-radius.pill}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"border-radius\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"rating\\",
+          \\"chip\\",
+          \\"border-radius\\"
+        ]
+      },
+      \\"value_text\\": {
+        \\"font\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"chip\\",
+              \\"value_text\\",
+              \\"font\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"chip\\",
+              \\"value_text\\",
+              \\"font\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"count\\": {
+        \\"font\\": {
+          \\"typography\\": {
+            \\"value\\": \\"16px\\",
+            \\"type\\": \\"font-size\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.font.font-size.3}\\",
+              \\"type\\": \\"font-size\\"
+            },
+            \\"name\\": \\"typography\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"chip\\",
+              \\"count\\",
+              \\"font\\",
+              \\"typography\\"
+            ]
+          },
+          \\"font-weights\\": {
+            \\"value\\": \\"Medium Italic\\",
+            \\"type\\": \\"fontWeights\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.font.font-weight.medium-italic}\\",
+              \\"type\\": \\"fontWeights\\"
+            },
+            \\"name\\": \\"font-weights\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"chip\\",
+              \\"count\\",
+              \\"font\\",
+              \\"font-weights\\"
+            ]
+          },
+          \\"light\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"chip\\",
+              \\"count\\",
+              \\"font\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#bfbfbf\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"chip\\",
+              \\"count\\",
+              \\"font\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"foreground\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f3f3f3\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/rating.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"rating\\",
+            \\"chip\\",
+            \\"foreground\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#202020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/rating.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"rating\\",
+            \\"chip\\",
+            \\"foreground\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"star\\": {
+      \\"comp-size\\": {
+        \\"sm\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/rating.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.7}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"rating\\",
+            \\"star\\",
+            \\"comp-size\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"24px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/rating.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.9}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"rating\\",
+            \\"star\\",
+            \\"comp-size\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"32px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/rating.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.11}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"rating\\",
+            \\"star\\",
+            \\"comp-size\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"background\\": {
+        \\"default\\": {
+          \\"light\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"star\\",
+              \\"background\\",
+              \\"default\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#757575\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"star\\",
+              \\"background\\",
+              \\"default\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"active\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"star\\",
+              \\"background\\",
+              \\"active\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"star\\",
+              \\"background\\",
+              \\"active\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"average\\": {
+          \\"light\\": {
+            \\"value\\": \\"#edd317\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.warning.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"star\\",
+              \\"background\\",
+              \\"average\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FFC900\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.warning.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"star\\",
+              \\"background\\",
+              \\"average\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"star-container\\": {
+      \\"space-between\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/rating.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"rating\\",
+            \\"star-container\\",
+            \\"space-between\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/rating.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"rating\\",
+            \\"star-container\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/rating.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"rating\\",
+            \\"star-container\\",
+            \\"space-between\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"space-around\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/rating.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"rating\\",
+            \\"star-container\\",
+            \\"space-around\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/rating.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"rating\\",
+            \\"star-container\\",
+            \\"space-around\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/rating.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.2}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"rating\\",
+            \\"star-container\\",
+            \\"space-around\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"average\\": {
+      \\"space-between\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/rating.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"rating\\",
+            \\"average\\",
+            \\"space-between\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/rating.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"rating\\",
+            \\"average\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/rating.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"rating\\",
+            \\"average\\",
+            \\"space-between\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"chip\\": {
+        \\"space-between\\": {
+          \\"sm\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.sizing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"average\\",
+              \\"chip\\",
+              \\"space-between\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.sizing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"average\\",
+              \\"chip\\",
+              \\"space-between\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.sizing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"average\\",
+              \\"chip\\",
+              \\"space-between\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"space-arround\\": {
+          \\"sm\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.sizing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"average\\",
+              \\"chip\\",
+              \\"space-arround\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.sizing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"average\\",
+              \\"chip\\",
+              \\"space-arround\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"16px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/rating.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.sizing.7}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"rating\\",
+              \\"average\\",
+              \\"chip\\",
+              \\"space-arround\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/rating.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.1}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"rating\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/rating.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"rating\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/rating.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"rating\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/rating.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"rating\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/rating.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"rating\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/rating.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"rating\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"scrim\\": {
+    \\"background\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/scrim.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"scrim\\",
+          \\"background\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#2b2b2b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/scrim.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"scrim\\",
+          \\"background\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"opacity\\": {
+      \\"value\\": \\"85%\\",
+      \\"type\\": \\"opacity\\",
+      \\"filePath\\": \\"src/component/scrim.json\\",
+      \\"isSource\\": true,
+      \\"original\\": {
+        \\"value\\": \\"{core.opacity.85}\\",
+        \\"type\\": \\"opacity\\"
+      },
+      \\"name\\": \\"opacity\\",
+      \\"attributes\\": {},
+      \\"path\\": [
+        \\"scrim\\",
+        \\"opacity\\"
+      ]
+    }
+  },
+  \\"segmented-control\\": {
+    \\"font\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/segmented-control.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"segmented-control\\",
+            \\"font\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/segmented-control.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"segmented-control\\",
+            \\"font\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"checked\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/segmented-control.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"segmented-control\\",
+            \\"font\\",
+            \\"checked\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/segmented-control.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"segmented-control\\",
+            \\"font\\",
+            \\"checked\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#cacaca\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#555555\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/segmented-control.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"segmented-control\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/segmented-control.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"segmented-control\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"foreground\\": {
+      \\"light\\": {
+        \\"value\\": \\"#f3f3f3\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.2.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"foreground\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#202020\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.2.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"foreground\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.4}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.5}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.6}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.2}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.4}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"comp-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"comp-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"comp-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.14}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"comp-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.9}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.11}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.14}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.9}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/segmented-control.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.11}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"segmented-control\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"slider-histogram-range\\": {
+    \\"font\\": {
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"tick-label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"font\\",
+            \\"tick-label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"font\\",
+            \\"tick-label\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"handle\\": {
+      \\"background\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"handle\\",
+            \\"background\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"handle\\",
+            \\"background\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"border\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"handle\\",
+            \\"border\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"handle\\",
+            \\"border\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"border-width\\": {
+        \\"sm\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.1}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"handle\\",
+            \\"border-width\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.1}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"handle\\",
+            \\"border-width\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.1}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"handle\\",
+            \\"border-width\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"border\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d4d4d4\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"border\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"border\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"tick-size\\": {
+      \\"width\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"tick-size\\",
+            \\"width\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"tick-size\\",
+            \\"width\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"tick-size\\",
+            \\"width\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"height\\": {
+        \\"sm\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.2}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"tick-size\\",
+            \\"height\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.2}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"tick-size\\",
+            \\"height\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.2}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"tick-size\\",
+            \\"height\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"handle-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"10px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.4}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram-range\\",
+          \\"handle-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"14px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.6}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram-range\\",
+          \\"handle-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram-range\\",
+          \\"handle-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.1}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram-range\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram-range\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram-range\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.1}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram-range\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"6px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.2}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram-range\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram-range\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"tick\\": {
+      \\"default\\": {
+        \\"background\\": {
+          \\"light\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram-range\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"background\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#757575\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram-range\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"background\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram-range\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"border\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram-range\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"border\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"active\\": {
+        \\"background\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram-range\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"background\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram-range\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"background\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram-range\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"border\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram-range\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"border\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"border-width\\": {
+        \\"sm\\": {
+          \\"value\\": \\"1px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.0}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"tick\\",
+            \\"border-width\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"1px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.0}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"tick\\",
+            \\"border-width\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"1px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.0}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"tick\\",
+            \\"border-width\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"area\\": {
+      \\"active\\": {
+        \\"background\\": {
+          \\"light\\": {
+            \\"value\\": \\"#9BBDDF\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"#9BBDDF\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram-range\\",
+              \\"area\\",
+              \\"active\\",
+              \\"background\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#8DCEF7\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"#8DCEF7\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram-range\\",
+              \\"area\\",
+              \\"active\\",
+              \\"background\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"active-start-end\\": {
+      \\"width\\": {
+        \\"sm\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.0}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"active-start-end\\",
+            \\"width\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.0}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"active-start-end\\",
+            \\"width\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.0}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"active-start-end\\",
+            \\"width\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"height\\": {
+        \\"sm\\": {
+          \\"value\\": \\"48px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.15}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"active-start-end\\",
+            \\"height\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"48px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.15}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"active-start-end\\",
+            \\"height\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"48px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.15}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram-range\\",
+            \\"active-start-end\\",
+            \\"height\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"slider-histogram\\": {
+    \\"font\\": {
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"tick-label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"font\\",
+            \\"tick-label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"font\\",
+            \\"tick-label\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"handle\\": {
+      \\"background\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"handle\\",
+            \\"background\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"handle\\",
+            \\"background\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"border\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"handle\\",
+            \\"border\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"handle\\",
+            \\"border\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d4d4d4\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"border\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"border\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/slider-histogram.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/slider-histogram.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/slider-histogram.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"tick-size\\": {
+      \\"width\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"tick-size\\",
+            \\"width\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"tick-size\\",
+            \\"width\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"tick-size\\",
+            \\"width\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"height\\": {
+        \\"sm\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.2}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"tick-size\\",
+            \\"height\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.2}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"tick-size\\",
+            \\"height\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.2}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"tick-size\\",
+            \\"height\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"handle-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"10px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/slider-histogram.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.4}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram\\",
+          \\"handle-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"14px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/slider-histogram.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.6}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram\\",
+          \\"handle-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/slider-histogram.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram\\",
+          \\"handle-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-histogram.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.1}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-histogram.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-histogram.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-histogram.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.1}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"6px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-histogram.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.2}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-histogram.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-histogram\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"tick\\": {
+      \\"default\\": {
+        \\"background\\": {
+          \\"light\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"background\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#757575\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"background\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"border\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"border\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"active\\": {
+        \\"background\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"background\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"background\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"border\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"border\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"area\\": {
+      \\"active\\": {
+        \\"background\\": {
+          \\"light\\": {
+            \\"value\\": \\"#9BBDDF\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"#9BBDDF\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram\\",
+              \\"area\\",
+              \\"active\\",
+              \\"background\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#8DCEF7\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-histogram.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"#8DCEF7\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-histogram\\",
+              \\"area\\",
+              \\"active\\",
+              \\"background\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"active-end\\": {
+      \\"width\\": {
+        \\"sm\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.0}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"active-end\\",
+            \\"width\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.0}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"active-end\\",
+            \\"width\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.0}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"active-end\\",
+            \\"width\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"height\\": {
+        \\"sm\\": {
+          \\"value\\": \\"48px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.15}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"active-end\\",
+            \\"height\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"48px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.15}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"active-end\\",
+            \\"height\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"48px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.15}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"active-end\\",
+            \\"height\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"background\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"active-end\\",
+            \\"background\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-histogram.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-histogram\\",
+            \\"active-end\\",
+            \\"background\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"slider-range\\": {
+    \\"font\\": {
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"tick-label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"font\\",
+            \\"tick-label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"font\\",
+            \\"tick-label\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"handle\\": {
+      \\"background\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"handle\\",
+            \\"background\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"handle\\",
+            \\"background\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"border\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"handle\\",
+            \\"border\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"handle\\",
+            \\"border\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d4d4d4\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"border\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"border\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/slider-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-range\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/slider-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-range\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/slider-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-range\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"tick-size\\": {
+      \\"width\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"tick-size\\",
+            \\"width\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"tick-size\\",
+            \\"width\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"tick-size\\",
+            \\"width\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"height\\": {
+        \\"sm\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.2}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"tick-size\\",
+            \\"height\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.2}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"tick-size\\",
+            \\"height\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider-range.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.2}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider-range\\",
+            \\"tick-size\\",
+            \\"height\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"handle-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"10px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/slider-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.4}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-range\\",
+          \\"handle-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"14px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/slider-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.6}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-range\\",
+          \\"handle-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/slider-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-range\\",
+          \\"handle-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.1}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-range\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-range\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-range\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.1}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-range\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"6px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.2}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-range\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider-range.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider-range\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"tick\\": {
+      \\"default\\": {
+        \\"background\\": {
+          \\"light\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-range\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"background\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#757575\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-range\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"background\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-range\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"border\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-range\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"border\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"active\\": {
+        \\"background\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-range\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"background\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-range\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"background\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-range\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"border\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider-range.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider-range\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"border\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    }
+  },
+  \\"slider\\": {
+    \\"font\\": {
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"tick-label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"font\\",
+            \\"tick-label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"font\\",
+            \\"tick-label\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"handle\\": {
+      \\"background\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"handle\\",
+            \\"background\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"handle\\",
+            \\"background\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"border\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"handle\\",
+            \\"border\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"handle\\",
+            \\"border\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d4d4d4\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"border\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"border\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/slider.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/slider.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/slider.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"tick-size\\": {
+      \\"width\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"tick-size\\",
+            \\"width\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"tick-size\\",
+            \\"width\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.1}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"tick-size\\",
+            \\"width\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"height\\": {
+        \\"sm\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.2}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"tick-size\\",
+            \\"height\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.2}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"tick-size\\",
+            \\"height\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"sizing\\",
+          \\"filePath\\": \\"src/component/slider.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.sizing.2}\\",
+            \\"type\\": \\"sizing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"slider\\",
+            \\"tick-size\\",
+            \\"height\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"handle-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"10px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/slider.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.4}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider\\",
+          \\"handle-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"14px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/slider.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.6}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider\\",
+          \\"handle-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/slider.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider\\",
+          \\"handle-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.1}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.1}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"6px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.2}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/slider.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"slider\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"tick\\": {
+      \\"default\\": {
+        \\"background\\": {
+          \\"light\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"background\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#757575\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"background\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"border\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider\\",
+              \\"tick\\",
+              \\"default\\",
+              \\"border\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"active\\": {
+        \\"background\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"background\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"background\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"border\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/slider.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"slider\\",
+              \\"tick\\",
+              \\"active\\",
+              \\"border\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    }
+  },
+  \\"split-button\\": {
+    \\"font\\": {
+      \\"brand\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"brand\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"inverse\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"inverse\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"neutral\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"neutral\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"danger\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"font\\",
+              \\"danger\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"brand\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"brand\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"inverse\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"inverse\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"neutral\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"neutral\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"danger\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"icon\\",
+              \\"danger\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"border\\": {
+      \\"brand\\": {
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"brand\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"brand\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"inverse\\": {
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"inverse\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"inverse\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"neutral\\": {
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"neutral\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"neutral\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"danger\\": {
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"danger\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"border\\",
+              \\"danger\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"background\\": {
+      \\"brand\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"inverse\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"neutral\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#eaeaea\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.3.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.3.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"danger\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"background\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/split-button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"split-button\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/split-button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"split-button\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/split-button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"split-button\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/split-button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"split-button\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/split-button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"split-button\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/split-button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"split-button\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"comp-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/split-button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"split-button\\",
+          \\"comp-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/split-button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"split-button\\",
+          \\"comp-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/split-button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.14}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"split-button\\",
+          \\"comp-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/split-button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"split-button\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/split-button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"split-button\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/split-button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"split-button\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/split-button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"split-button\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/split-button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"split-button\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/split-button.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"split-button\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"content\\": {
+        \\"left-right\\": {
+          \\"sm\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"space-around\\",
+              \\"content\\",
+              \\"left-right\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"space-around\\",
+              \\"content\\",
+              \\"left-right\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"16px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.7}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"space-around\\",
+              \\"content\\",
+              \\"left-right\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"top-bottom\\": {
+          \\"sm\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"space-around\\",
+              \\"content\\",
+              \\"top-bottom\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"space-around\\",
+              \\"content\\",
+              \\"top-bottom\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"10px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.4}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"space-around\\",
+              \\"content\\",
+              \\"top-bottom\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      },
+      \\"dropdown\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/split-button.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"split-button\\",
+            \\"space-around\\",
+            \\"dropdown\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/split-button.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"split-button\\",
+            \\"space-around\\",
+            \\"dropdown\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"10px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/split-button.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.4}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"split-button\\",
+            \\"space-around\\",
+            \\"dropdown\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"divider\\": {
+        \\"solid\\": {
+          \\"top-bottom\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"top-bottom\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"space-around\\",
+              \\"divider\\",
+              \\"solid\\",
+              \\"top-bottom\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"divider\\": {
+      \\"brand\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"brand\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"brand\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"brand\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"brand\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"brand\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"brand\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"inverse\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"inverse\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"inverse\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"inverse\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"inverse\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"inverse\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.inverse.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"inverse\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"neutral\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"neutral\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#eaeaea\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.3.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.3.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"neutral\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#eaeaea\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.3.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"neutral\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.3.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"neutral\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#eaeaea\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.3.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"neutral\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.3.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"neutral\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"danger\\": {
+        \\"solid\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"danger\\",
+              \\"solid\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline-fill\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"danger\\",
+              \\"outline-fill\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"outline\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"danger\\",
+              \\"outline\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"danger\\",
+              \\"outline\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"transparent\\": {
+          \\"light\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"danger\\",
+              \\"transparent\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#FE583E\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/split-button.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"split-button\\",
+              \\"divider\\",
+              \\"danger\\",
+              \\"transparent\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    }
+  },
+  \\"stepper-item\\": {
+    \\"font\\": {
+      \\"heading\\": {
+        \\"default\\": {
+          \\"light\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"heading\\",
+              \\"default\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#bfbfbf\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"heading\\",
+              \\"default\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"active\\": {
+          \\"light\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"heading\\",
+              \\"active\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"heading\\",
+              \\"active\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"error\\": {
+          \\"light\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"heading\\",
+              \\"error\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"heading\\",
+              \\"error\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"complete\\": {
+          \\"light\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"heading\\",
+              \\"complete\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#bfbfbf\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"heading\\",
+              \\"complete\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"description\\": {
+        \\"default\\": {
+          \\"light\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"description\\",
+              \\"default\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#bfbfbf\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"description\\",
+              \\"default\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"active\\": {
+          \\"light\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"description\\",
+              \\"active\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"description\\",
+              \\"active\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"error\\": {
+          \\"light\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"description\\",
+              \\"error\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"description\\",
+              \\"error\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"complete\\": {
+          \\"light\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"description\\",
+              \\"complete\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#bfbfbf\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"description\\",
+              \\"complete\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"context\\": {
+        \\"default\\": {
+          \\"light\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"context\\",
+              \\"default\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#bfbfbf\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"context\\",
+              \\"default\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"active\\": {
+          \\"light\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"context\\",
+              \\"active\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"context\\",
+              \\"active\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"error\\": {
+          \\"light\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"context\\",
+              \\"error\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"context\\",
+              \\"error\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"complete\\": {
+          \\"light\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"context\\",
+              \\"complete\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#bfbfbf\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/stepper-item.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"stepper-item\\",
+              \\"font\\",
+              \\"context\\",
+              \\"complete\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"icon\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#404040\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"icon\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"icon\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"icon\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"error\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"icon\\",
+            \\"error\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"icon\\",
+            \\"error\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#404040\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"border\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"border\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"error\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d83020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"border\\",
+            \\"error\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#FE583E\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.danger.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"border\\",
+            \\"error\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"foreground\\": {
+      \\"light\\": {
+        \\"value\\": \\"#f3f3f3\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.2.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"foreground\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#202020\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.2.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"foreground\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.4}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.5}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.6}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"comp-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"comp-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"comp-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.14}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"comp-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/stepper-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.14}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper-item\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left\\": {
+        \\"sm\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"space-around\\",
+            \\"left\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"space-around\\",
+            \\"left\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"space-around\\",
+            \\"left\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"space-around\\",
+            \\"right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"space-around\\",
+            \\"right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"20px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.8}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"space-around\\",
+            \\"right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"20px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.8}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"24px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/stepper-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.9}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper-item\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"disabled\\": {
+      \\"value\\": \\"50%\\",
+      \\"type\\": \\"opacity\\",
+      \\"filePath\\": \\"src/component/stepper-item.json\\",
+      \\"isSource\\": true,
+      \\"original\\": {
+        \\"value\\": \\"{core.opacity.50}\\",
+        \\"type\\": \\"opacity\\"
+      },
+      \\"name\\": \\"disabled\\",
+      \\"attributes\\": {},
+      \\"path\\": [
+        \\"stepper-item\\",
+        \\"disabled\\"
+      ]
+    }
+  },
+  \\"stepper\\": {
+    \\"font\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"font\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"font\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#cacaca\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#555555\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/stepper.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"stepper\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"foreground\\": {
+      \\"light\\": {
+        \\"value\\": \\"#f3f3f3\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.2.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"foreground\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#202020\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.2.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"foreground\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.4}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.5}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.6}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.2}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.4}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"comp-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"comp-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"comp-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.14}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"comp-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.9}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.11}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.14}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.9}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/stepper.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.11}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"stepper\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"switch\\": {
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f3f3f3\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/switch.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"switch\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#202020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/switch.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"switch\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"checked\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/switch.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"switch\\",
+            \\"background\\",
+            \\"checked\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/switch.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"switch\\",
+            \\"background\\",
+            \\"checked\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"9999px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/switch.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.full}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"switch\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"9999px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/switch.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.full}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"switch\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"9999px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/switch.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.full}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"switch\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"comp-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/switch.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"switch\\",
+          \\"comp-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/switch.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"switch\\",
+          \\"comp-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"48px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/switch.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.15}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"switch\\",
+          \\"comp-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"handle-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/switch.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.5}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"switch\\",
+          \\"handle-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/switch.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"switch\\",
+          \\"handle-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/switch.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"switch\\",
+          \\"handle-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#cacaca\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/switch.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"switch\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#555555\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/switch.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"switch\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"checked\\": {
+        \\"light\\": {
+          \\"value\\": \\"#00619b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/switch.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.hover.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"switch\\",
+            \\"border\\",
+            \\"checked\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/switch.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.hover.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"switch\\",
+            \\"border\\",
+            \\"checked\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"handle\\": {
+      \\"background\\": {
+        \\"default\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/switch.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"switch\\",
+              \\"handle\\",
+              \\"background\\",
+              \\"default\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/switch.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"switch\\",
+              \\"handle\\",
+              \\"background\\",
+              \\"default\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"checked\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/switch.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"switch\\",
+              \\"handle\\",
+              \\"background\\",
+              \\"checked\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/switch.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"switch\\",
+              \\"handle\\",
+              \\"background\\",
+              \\"checked\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"border\\": {
+        \\"default\\": {
+          \\"light\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/switch.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"switch\\",
+              \\"handle\\",
+              \\"border\\",
+              \\"default\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#757575\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/switch.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"switch\\",
+              \\"handle\\",
+              \\"border\\",
+              \\"default\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"checked\\": {
+          \\"light\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/switch.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"switch\\",
+              \\"handle\\",
+              \\"border\\",
+              \\"checked\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#009af2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/switch.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"switch\\",
+              \\"handle\\",
+              \\"border\\",
+              \\"checked\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"border-radius\\": {
+        \\"sm\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/component/switch.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-radius.half}\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"switch\\",
+            \\"handle\\",
+            \\"border-radius\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/component/switch.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-radius.half}\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"switch\\",
+            \\"handle\\",
+            \\"border-radius\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/component/switch.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-radius.half}\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"switch\\",
+            \\"handle\\",
+            \\"border-radius\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"border-width\\": {
+        \\"sm\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/switch.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.1}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"switch\\",
+            \\"handle\\",
+            \\"border-width\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/switch.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.1}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"switch\\",
+            \\"handle\\",
+            \\"border-width\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/switch.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.1}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"switch\\",
+            \\"handle\\",
+            \\"border-width\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/switch.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"switch\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/switch.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"switch\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/switch.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"switch\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"tab-title\\": {
+    \\"font\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tab-title.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tab-title\\",
+            \\"font\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tab-title.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tab-title\\",
+            \\"font\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tab-title.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tab-title\\",
+            \\"font\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tab-title.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tab-title\\",
+            \\"font\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tab-title.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tab-title\\",
+            \\"icon\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tab-title.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tab-title\\",
+            \\"icon\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tab-title.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tab-title\\",
+            \\"icon\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tab-title.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tab-title\\",
+            \\"icon\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"bordered\\": {
+      \\"border\\": {
+        \\"light\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tab-title.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tab-title\\",
+            \\"bordered\\",
+            \\"border\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#404040\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tab-title.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tab-title\\",
+            \\"bordered\\",
+            \\"border\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"background\\": {
+        \\"default\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/tab-title.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tab-title\\",
+              \\"bordered\\",
+              \\"background\\",
+              \\"default\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/tab-title.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tab-title\\",
+              \\"bordered\\",
+              \\"background\\",
+              \\"default\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"space-around\\": {
+        \\"left-right\\": {
+          \\"sm\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tab-title.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tab-title\\",
+              \\"bordered\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tab-title.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tab-title\\",
+              \\"bordered\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"16px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tab-title.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.7}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tab-title\\",
+              \\"bordered\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"top-bottom\\": {
+          \\"sm\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tab-title.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tab-title\\",
+              \\"bordered\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tab-title.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tab-title\\",
+              \\"bordered\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"10px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tab-title.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.4}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tab-title\\",
+              \\"bordered\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/tab-title.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tab-title\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/tab-title.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tab-title\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/tab-title.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tab-title\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/tab-title.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tab-title\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/tab-title.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tab-title\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/tab-title.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tab-title\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      },
+      \\"active\\": {
+        \\"sm\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/tab-title.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.1}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tab-title\\",
+            \\"border-width\\",
+            \\"active\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/tab-title.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.1}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tab-title\\",
+            \\"border-width\\",
+            \\"active\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/tab-title.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.1}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tab-title\\",
+            \\"border-width\\",
+            \\"active\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/tab-title.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tab-title\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/tab-title.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tab-title\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/tab-title.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tab-title\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/tab-title.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tab-title\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/tab-title.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tab-title\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/tab-title.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tab-title\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"default\\": {
+      \\"space-around\\": {
+        \\"left-right\\": {
+          \\"sm\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tab-title.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tab-title\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tab-title.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tab-title\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tab-title.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tab-title\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"top-bottom\\": {
+          \\"sm\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tab-title.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tab-title\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tab-title.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tab-title\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"10px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tab-title.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.4}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tab-title\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"border\\": {
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tab-title.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tab-title\\",
+            \\"border\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tab-title.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tab-title\\",
+            \\"border\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"tabs\\": {
+    \\"font\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"font\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"font\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"font\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"font\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"icon\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"icon\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"icon\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"icon\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"bordered\\": {
+      \\"border\\": {
+        \\"light\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"bordered\\",
+            \\"border\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#404040\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"bordered\\",
+            \\"border\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"background\\": {
+        \\"default\\": {
+          \\"light\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/tabs.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tabs\\",
+              \\"bordered\\",
+              \\"background\\",
+              \\"default\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/component/tabs.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tabs\\",
+              \\"bordered\\",
+              \\"background\\",
+              \\"default\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      },
+      \\"space-around\\": {
+        \\"left-right\\": {
+          \\"sm\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tabs.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tabs\\",
+              \\"bordered\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tabs.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tabs\\",
+              \\"bordered\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"16px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tabs.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.7}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tabs\\",
+              \\"bordered\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"top-bottom\\": {
+          \\"sm\\": {
+            \\"value\\": \\"16px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tabs.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.7}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tabs\\",
+              \\"bordered\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"16px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tabs.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.7}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tabs\\",
+              \\"bordered\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"28px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tabs.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.10}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tabs\\",
+              \\"bordered\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      },
+      \\"border-radius\\": {
+        \\"sm\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-radius.none}\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"bordered\\",
+            \\"border-radius\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-radius.none}\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"bordered\\",
+            \\"border-radius\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-radius.none}\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"bordered\\",
+            \\"border-radius\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"space-between\\": {
+        \\"sm\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"bordered\\",
+            \\"space-between\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"bordered\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"bordered\\",
+            \\"space-between\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/tabs.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tabs\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/tabs.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tabs\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/tabs.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tabs\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      },
+      \\"active\\": {
+        \\"sm\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.1}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"border-width\\",
+            \\"active\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.1}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"border-width\\",
+            \\"active\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-width.1}\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"border-width\\",
+            \\"active\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/tabs.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tabs\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/tabs.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tabs\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/tabs.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tabs\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"default\\": {
+      \\"space-around\\": {
+        \\"left-right\\": {
+          \\"sm\\": {
+            \\"value\\": \\"0px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tabs.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.none}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tabs\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"0px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tabs.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.none}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tabs\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"0px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tabs.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.none}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tabs\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"left-right\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"top-bottom\\": {
+          \\"sm\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tabs.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.1}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tabs\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tabs.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.3}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tabs\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"spacing\\",
+            \\"filePath\\": \\"src/component/tabs.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.spacing.5}\\",
+              \\"type\\": \\"spacing\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"tabs\\",
+              \\"default\\",
+              \\"space-around\\",
+              \\"top-bottom\\",
+              \\"lg\\"
+            ]
+          }
+        }
+      },
+      \\"space-between\\": {
+        \\"sm\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"default\\",
+            \\"space-between\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"20px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.8}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"default\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"24px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.9}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"default\\",
+            \\"space-between\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"border\\": {
+      \\"active\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"border\\",
+            \\"active\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tabs.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tabs\\",
+            \\"border\\",
+            \\"active\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"textarea\\": {
+    \\"font\\": {
+      \\"placeholder-value\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"font\\",
+            \\"placeholder-value\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"label\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"font\\",
+            \\"label\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"font\\",
+            \\"label\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"chat-limit\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"font\\",
+            \\"chat-limit\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"font\\",
+            \\"chat-limit\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/textarea.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"textarea\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/textarea.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"textarea\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#949494\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/textarea.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"textarea\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#757575\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/textarea.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.input.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"textarea\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"read-only\\": {
+        \\"light\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.background.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"background\\",
+            \\"read-only\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/textarea.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"textarea\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/textarea.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"textarea\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/textarea.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"textarea\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/textarea.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"textarea\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/textarea.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"textarea\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/textarea.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"textarea\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/textarea.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"textarea\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/textarea.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"textarea\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/textarea.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"textarea\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"left-right\\": {
+        \\"sm\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"space-around\\",
+            \\"left-right\\",
+            \\"lg\\"
+          ]
+        }
+      },
+      \\"top-bottom\\": {
+        \\"sm\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.1}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/textarea.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.5}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"textarea\\",
+            \\"space-around\\",
+            \\"top-bottom\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    }
+  },
+  \\"tip\\": {
+    \\"font\\": {
+      \\"heading\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tip\\",
+            \\"font\\",
+            \\"heading\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tip\\",
+            \\"font\\",
+            \\"heading\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"description\\": {
+        \\"light\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tip\\",
+            \\"font\\",
+            \\"description\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tip\\",
+            \\"font\\",
+            \\"description\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"light\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/tip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tip\\",
+          \\"icon\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#9f9f9f\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/tip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tip\\",
+          \\"icon\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tip\\",
+            \\"background\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tip\\",
+            \\"background\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border-radius\\": {
+      \\"md\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/tip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.none}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tip\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/tip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tip\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#d4d4d4\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.2.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tip\\",
+            \\"border\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.border.2.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tip\\",
+            \\"border\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"default\\": {
+      \\"space-between\\": {
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/tip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tip\\",
+            \\"default\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        }
+      },
+      \\"space-around\\": {
+        \\"md\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/tip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.7}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tip\\",
+            \\"default\\",
+            \\"space-around\\",
+            \\"md\\"
+          ]
+        }
+      }
+    },
+    \\"selected\\": {
+      \\"space-between\\": {
+        \\"md\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/tip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.3}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tip\\",
+            \\"selected\\",
+            \\"space-between\\",
+            \\"md\\"
+          ]
+        }
+      },
+      \\"space-around\\": {
+        \\"md\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\",
+          \\"filePath\\": \\"src/component/tip.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.spacing.none}\\",
+            \\"type\\": \\"spacing\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tip\\",
+            \\"selected\\",
+            \\"space-around\\",
+            \\"md\\"
+          ]
+        }
+      }
+    },
+    \\"border-width\\": {
+      \\"md\\": {
+        \\"value\\": \\"1px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/tip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.0}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tip\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      }
+    }
+  },
+  \\"tooltip\\": {
+    \\"space-arround\\": {
+      \\"top-bottom\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/tooltip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"top-bottom\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tooltip\\",
+          \\"space-arround\\",
+          \\"top-bottom\\"
+        ]
+      },
+      \\"left-right\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/tooltip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"left-right\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tooltip\\",
+          \\"space-arround\\",
+          \\"left-right\\"
+        ]
+      }
+    },
+    \\"foreground\\": {
+      \\"light\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/tooltip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tooltip\\",
+          \\"foreground\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#2b2b2b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/tooltip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tooltip\\",
+          \\"foreground\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"font\\": {
+      \\"light\\": {
+        \\"value\\": \\"#151515\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/tooltip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tooltip\\",
+          \\"font\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/tooltip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tooltip\\",
+          \\"font\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#dfdfdf\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/tooltip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tooltip\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#404040\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/tooltip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.3.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tooltip\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"value\\": \\"4px\\",
+      \\"type\\": \\"borderRadius\\",
+      \\"filePath\\": \\"src/component/tooltip.json\\",
+      \\"isSource\\": true,
+      \\"original\\": {
+        \\"value\\": \\"{core.border.border-radius.1}\\",
+        \\"type\\": \\"borderRadius\\"
+      },
+      \\"name\\": \\"border-radius\\",
+      \\"attributes\\": {},
+      \\"path\\": [
+        \\"tooltip\\",
+        \\"border-radius\\"
+      ]
+    },
+    \\"border-width\\": {
+      \\"value\\": \\"1px\\",
+      \\"type\\": \\"borderWidth\\",
+      \\"filePath\\": \\"src/component/tooltip.json\\",
+      \\"isSource\\": true,
+      \\"original\\": {
+        \\"value\\": \\"{core.border.border-width.0}\\",
+        \\"type\\": \\"borderWidth\\"
+      },
+      \\"name\\": \\"border-width\\",
+      \\"attributes\\": {},
+      \\"path\\": [
+        \\"tooltip\\",
+        \\"border-width\\"
+      ]
+    },
+    \\"arrow\\": {
+      \\"width\\": {
+        \\"value\\": \\"14px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/tooltip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.6}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"width\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tooltip\\",
+          \\"arrow\\",
+          \\"width\\"
+        ]
+      },
+      \\"height\\": {
+        \\"value\\": \\"6px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/tooltip.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.2}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"height\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tooltip\\",
+          \\"arrow\\",
+          \\"height\\"
+        ]
+      }
+    }
+  },
+  \\"tree-item\\": {
+    \\"font\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tree-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tree-item\\",
+            \\"font\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tree-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tree-item\\",
+            \\"font\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"selected\\": {
+        \\"light\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tree-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tree-item\\",
+            \\"font\\",
+            \\"selected\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tree-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.1.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tree-item\\",
+            \\"font\\",
+            \\"selected\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"children-selected\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tree-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tree-item\\",
+            \\"font\\",
+            \\"children-selected\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tree-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tree-item\\",
+            \\"font\\",
+            \\"children-selected\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"icon\\": {
+      \\"default\\": {
+        \\"light\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tree-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tree-item\\",
+            \\"icon\\",
+            \\"default\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tree-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.text.3.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tree-item\\",
+            \\"icon\\",
+            \\"default\\",
+            \\"dark\\"
+          ]
+        }
+      },
+      \\"selected\\": {
+        \\"light\\": {
+          \\"value\\": \\"#007ac2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tree-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tree-item\\",
+            \\"icon\\",
+            \\"selected\\",
+            \\"light\\"
+          ]
+        },
+        \\"dark\\": {
+          \\"value\\": \\"#009af2\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/component/tree-item.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.ui.color.brand.default.dark}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"dark\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"tree-item\\",
+            \\"icon\\",
+            \\"selected\\",
+            \\"dark\\"
+          ]
+        }
+      }
+    },
+    \\"border\\": {
+      \\"light\\": {
+        \\"value\\": \\"#cacaca\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"light\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"border\\",
+          \\"light\\"
+        ]
+      },
+      \\"dark\\": {
+        \\"value\\": \\"#555555\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.dark}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"dark\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"border\\",
+          \\"dark\\"
+        ]
+      }
+    },
+    \\"border-radius\\": {
+      \\"sm\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.4}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"border-radius\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.5}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"border-radius\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"borderRadius\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-radius.6}\\",
+          \\"type\\": \\"borderRadius\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"border-radius\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"border-width\\": {
+      \\"sm\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.1}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"border-width\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.2}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"border-width\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"borderWidth\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.border.border-width.4}\\",
+          \\"type\\": \\"borderWidth\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"border-width\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"comp-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"comp-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"comp-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.14}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"comp-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"icon-size\\": {
+      \\"sm\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.7}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"icon-size\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.9}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"icon-size\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.sizing.11}\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"icon-size\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-between\\": {
+      \\"sm\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.9}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"space-between\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.11}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"space-between\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.14}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"space-between\\",
+          \\"lg\\"
+        ]
+      }
+    },
+    \\"space-around\\": {
+      \\"sm\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.1}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"space-around\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.3}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"space-around\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/component/tree-item.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.5}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"tree-item\\",
+          \\"space-around\\",
+          \\"lg\\"
+        ]
+      }
+    }
+  },
+  \\"core\\": {
+    \\"font\\": {
+      \\"font-family\\": {
+        \\"primary\\": {
+          \\"value\\": \\"Avenir Next LT Pro\\",
+          \\"type\\": \\"fontFamilies\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"Avenir Next LT Pro\\",
+            \\"type\\": \\"fontFamilies\\"
+          },
+          \\"name\\": \\"primary\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-family\\",
+            \\"primary\\"
+          ]
+        },
+        \\"secondary\\": {
+          \\"value\\": \\"Avenir Next World\\",
+          \\"type\\": \\"fontFamilies\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"Avenir Next World\\",
+            \\"type\\": \\"fontFamilies\\"
+          },
+          \\"name\\": \\"secondary\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-family\\",
+            \\"secondary\\"
+          ]
+        },
+        \\"code\\": {
+          \\"value\\": \\"Monaco\\",
+          \\"type\\": \\"fontFamilies\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"Monaco\\",
+            \\"type\\": \\"fontFamilies\\"
+          },
+          \\"name\\": \\"code\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-family\\",
+            \\"code\\"
+          ]
+        }
+      },
+      \\"font-weight\\": {
+        \\"ultralight\\": {
+          \\"value\\": \\"UltraLight\\",
+          \\"type\\": \\"fontWeights\\",
+          \\"description\\": \\"only for Avenir Next World (secondary font family)\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"UltraLight\\",
+            \\"type\\": \\"fontWeights\\",
+            \\"description\\": \\"only for Avenir Next World (secondary font family)\\"
+          },
+          \\"name\\": \\"ultralight\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-weight\\",
+            \\"ultralight\\"
+          ]
+        },
+        \\"thin\\": {
+          \\"value\\": \\"Thin\\",
+          \\"type\\": \\"fontWeights\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"Thin\\",
+            \\"type\\": \\"fontWeights\\"
+          },
+          \\"name\\": \\"thin\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-weight\\",
+            \\"thin\\"
+          ]
+        },
+        \\"light\\": {
+          \\"value\\": \\"Light\\",
+          \\"type\\": \\"fontWeights\\",
+          \\"description\\": \\"only for Avenir Next World (secondary font family)\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"Light\\",
+            \\"type\\": \\"fontWeights\\",
+            \\"description\\": \\"only for Avenir Next World (secondary font family)\\"
+          },
+          \\"name\\": \\"light\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-weight\\",
+            \\"light\\"
+          ]
+        },
+        \\"regular\\": {
+          \\"value\\": \\"Regular\\",
+          \\"type\\": \\"fontWeights\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"Regular\\",
+            \\"type\\": \\"fontWeights\\"
+          },
+          \\"name\\": \\"regular\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-weight\\",
+            \\"regular\\"
+          ]
+        },
+        \\"medium\\": {
+          \\"value\\": \\"Medium\\",
+          \\"type\\": \\"fontWeights\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"Medium\\",
+            \\"type\\": \\"fontWeights\\"
+          },
+          \\"name\\": \\"medium\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-weight\\",
+            \\"medium\\"
+          ]
+        },
+        \\"medium-italic\\": {
+          \\"value\\": \\"Medium Italic\\",
+          \\"type\\": \\"fontWeights\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"Medium Italic\\",
+            \\"type\\": \\"fontWeights\\"
+          },
+          \\"name\\": \\"medium-italic\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-weight\\",
+            \\"medium-italic\\"
+          ]
+        },
+        \\"demi\\": {
+          \\"value\\": \\"Demi\\",
+          \\"type\\": \\"fontWeights\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"Demi\\",
+            \\"type\\": \\"fontWeights\\"
+          },
+          \\"name\\": \\"demi\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-weight\\",
+            \\"demi\\"
+          ]
+        },
+        \\"bold\\": {
+          \\"value\\": \\"Bold\\",
+          \\"type\\": \\"fontWeights\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"Bold\\",
+            \\"type\\": \\"fontWeights\\"
+          },
+          \\"name\\": \\"bold\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-weight\\",
+            \\"bold\\"
+          ]
+        },
+        \\"extrabold\\": {
+          \\"value\\": \\"ExtraBold\\",
+          \\"type\\": \\"fontWeights\\",
+          \\"description\\": \\"only for Avenir Next World (secondary font family)\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"ExtraBold\\",
+            \\"type\\": \\"fontWeights\\",
+            \\"description\\": \\"only for Avenir Next World (secondary font family)\\"
+          },
+          \\"name\\": \\"extrabold\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-weight\\",
+            \\"extrabold\\"
+          ]
+        },
+        \\"black\\": {
+          \\"value\\": \\"Black\\",
+          \\"type\\": \\"fontWeights\\",
+          \\"description\\": \\"only for Avenir Next World (secondary font family)\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"Black\\",
+            \\"type\\": \\"fontWeights\\",
+            \\"description\\": \\"only for Avenir Next World (secondary font family)\\"
+          },
+          \\"name\\": \\"black\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-weight\\",
+            \\"black\\"
+          ]
+        },
+        \\"heavy\\": {
+          \\"value\\": \\"Heavy\\",
+          \\"type\\": \\"fontWeights\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"Heavy\\",
+            \\"type\\": \\"fontWeights\\"
+          },
+          \\"name\\": \\"heavy\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-weight\\",
+            \\"heavy\\"
+          ]
+        }
+      },
+      \\"line-height\\": {
+        \\"fixed\\": {
+          \\"0\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"12px\\",
+              \\"type\\": \\"lineHeights\\"
+            },
+            \\"name\\": \\"0\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"fixed\\",
+              \\"0\\"
+            ]
+          },
+          \\"1\\": {
+            \\"value\\": \\"16px\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"16px\\",
+              \\"type\\": \\"lineHeights\\"
+            },
+            \\"name\\": \\"1\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"fixed\\",
+              \\"1\\"
+            ]
+          },
+          \\"2\\": {
+            \\"value\\": \\"20px\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"20px\\",
+              \\"type\\": \\"lineHeights\\"
+            },
+            \\"name\\": \\"2\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"fixed\\",
+              \\"2\\"
+            ]
+          },
+          \\"3\\": {
+            \\"value\\": \\"24px\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"24px\\",
+              \\"type\\": \\"lineHeights\\"
+            },
+            \\"name\\": \\"3\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"fixed\\",
+              \\"3\\"
+            ]
+          },
+          \\"4\\": {
+            \\"value\\": \\"28px\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"28px\\",
+              \\"type\\": \\"lineHeights\\"
+            },
+            \\"name\\": \\"4\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"fixed\\",
+              \\"4\\"
+            ]
+          },
+          \\"5\\": {
+            \\"value\\": \\"32px\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"32px\\",
+              \\"type\\": \\"lineHeights\\"
+            },
+            \\"name\\": \\"5\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"fixed\\",
+              \\"5\\"
+            ]
+          },
+          \\"6\\": {
+            \\"value\\": \\"36px\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"36px\\",
+              \\"type\\": \\"lineHeights\\"
+            },
+            \\"name\\": \\"6\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"fixed\\",
+              \\"6\\"
+            ]
+          },
+          \\"7\\": {
+            \\"value\\": \\"40px\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"40px\\",
+              \\"type\\": \\"lineHeights\\"
+            },
+            \\"name\\": \\"7\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"fixed\\",
+              \\"7\\"
+            ]
+          },
+          \\"8\\": {
+            \\"value\\": \\"48px\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"48px\\",
+              \\"type\\": \\"lineHeights\\"
+            },
+            \\"name\\": \\"8\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"fixed\\",
+              \\"8\\"
+            ]
+          },
+          \\"9\\": {
+            \\"value\\": \\"56px\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"56px\\",
+              \\"type\\": \\"lineHeights\\"
+            },
+            \\"name\\": \\"9\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"fixed\\",
+              \\"9\\"
+            ]
+          },
+          \\"10\\": {
+            \\"value\\": \\"64px\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"64px\\",
+              \\"type\\": \\"lineHeights\\"
+            },
+            \\"name\\": \\"10\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"fixed\\",
+              \\"10\\"
+            ]
+          },
+          \\"11\\": {
+            \\"value\\": \\"72px\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"72px\\",
+              \\"type\\": \\"lineHeights\\"
+            },
+            \\"name\\": \\"11\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"fixed\\",
+              \\"11\\"
+            ]
+          },
+          \\"12\\": {
+            \\"value\\": \\"80px\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"80px\\",
+              \\"type\\": \\"lineHeights\\"
+            },
+            \\"name\\": \\"12\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"fixed\\",
+              \\"12\\"
+            ]
+          }
+        },
+        \\"relative\\": {
+          \\"default\\": {
+            \\"value\\": \\"auto\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"description\\": \\"1\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"auto\\",
+              \\"type\\": \\"lineHeights\\",
+              \\"description\\": \\"1\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"relative\\",
+              \\"default\\"
+            ]
+          },
+          \\"tight\\": {
+            \\"value\\": \\"125%\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"description\\": \\"1.25\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"125%\\",
+              \\"type\\": \\"lineHeights\\",
+              \\"description\\": \\"1.25\\"
+            },
+            \\"name\\": \\"tight\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"relative\\",
+              \\"tight\\"
+            ]
+          },
+          \\"snug\\": {
+            \\"value\\": \\"137.5%\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"description\\": \\"1.375\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"137.5%\\",
+              \\"type\\": \\"lineHeights\\",
+              \\"description\\": \\"1.375\\"
+            },
+            \\"name\\": \\"snug\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"relative\\",
+              \\"snug\\"
+            ]
+          },
+          \\"normal\\": {
+            \\"value\\": \\"150%\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"description\\": \\"1.5\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"150%\\",
+              \\"type\\": \\"lineHeights\\",
+              \\"description\\": \\"1.5\\"
+            },
+            \\"name\\": \\"normal\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"relative\\",
+              \\"normal\\"
+            ]
+          },
+          \\"relaxed\\": {
+            \\"value\\": \\"162.5%\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"description\\": \\"1.625\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"162.5%\\",
+              \\"type\\": \\"lineHeights\\",
+              \\"description\\": \\"1.625\\"
+            },
+            \\"name\\": \\"relaxed\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"relative\\",
+              \\"relaxed\\"
+            ]
+          },
+          \\"loose\\": {
+            \\"value\\": \\"200%\\",
+            \\"type\\": \\"lineHeights\\",
+            \\"description\\": \\"2\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"200%\\",
+              \\"type\\": \\"lineHeights\\",
+              \\"description\\": \\"2\\"
+            },
+            \\"name\\": \\"loose\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"font\\",
+              \\"line-height\\",
+              \\"relative\\",
+              \\"loose\\"
+            ]
+          }
+        }
+      },
+      \\"font-size\\": {
+        \\"0\\": {
+          \\"value\\": \\"10px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"10px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"0\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"0\\"
+          ]
+        },
+        \\"1\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"1\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"1\\"
+          ]
+        },
+        \\"2\\": {
+          \\"value\\": \\"14px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"14px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"2\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"2\\"
+          ]
+        },
+        \\"3\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"16px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"3\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"3\\"
+          ]
+        },
+        \\"4\\": {
+          \\"value\\": \\"18px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"18px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"4\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"4\\"
+          ]
+        },
+        \\"5\\": {
+          \\"value\\": \\"20px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"20px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"5\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"5\\"
+          ]
+        },
+        \\"6\\": {
+          \\"value\\": \\"24px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"24px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"6\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"6\\"
+          ]
+        },
+        \\"7\\": {
+          \\"value\\": \\"32px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"32px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"7\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"7\\"
+          ]
+        },
+        \\"8\\": {
+          \\"value\\": \\"40px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"40px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"8\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"8\\"
+          ]
+        },
+        \\"9\\": {
+          \\"value\\": \\"48px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"48px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"9\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"9\\"
+          ]
+        },
+        \\"10\\": {
+          \\"value\\": \\"56px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"56px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"10\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"10\\"
+          ]
+        },
+        \\"11\\": {
+          \\"value\\": \\"64px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"64px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"11\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"11\\"
+          ]
+        },
+        \\"12\\": {
+          \\"value\\": \\"72px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"72px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"12\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"12\\"
+          ]
+        },
+        \\"13\\": {
+          \\"value\\": \\"80px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"80px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"13\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"13\\"
+          ]
+        },
+        \\"14\\": {
+          \\"value\\": \\"96px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"96px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"14\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"14\\"
+          ]
+        },
+        \\"15\\": {
+          \\"value\\": \\"120px\\",
+          \\"type\\": \\"fontSizes\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"120px\\",
+            \\"type\\": \\"fontSizes\\"
+          },
+          \\"name\\": \\"15\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"font-size\\",
+            \\"15\\"
+          ]
+        }
+      },
+      \\"letter-spacing\\": {
+        \\"tight\\": {
+          \\"value\\": \\"-0.4px\\",
+          \\"type\\": \\"letterSpacing\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"-0.4px\\",
+            \\"type\\": \\"letterSpacing\\"
+          },
+          \\"name\\": \\"tight\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"letter-spacing\\",
+            \\"tight\\"
+          ]
+        },
+        \\"normal\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"letterSpacing\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"0px\\",
+            \\"type\\": \\"letterSpacing\\"
+          },
+          \\"name\\": \\"normal\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"letter-spacing\\",
+            \\"normal\\"
+          ]
+        },
+        \\"wide\\": {
+          \\"value\\": \\"0.4px\\",
+          \\"type\\": \\"letterSpacing\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"0.4px\\",
+            \\"type\\": \\"letterSpacing\\"
+          },
+          \\"name\\": \\"wide\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"letter-spacing\\",
+            \\"wide\\"
+          ]
+        }
+      },
+      \\"paragraph-spacing\\": {
+        \\"normal\\": {
+          \\"value\\": \\"10px\\",
+          \\"type\\": \\"paragraphSpacing\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"10px\\",
+            \\"type\\": \\"paragraphSpacing\\"
+          },
+          \\"name\\": \\"normal\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"paragraph-spacing\\",
+            \\"normal\\"
+          ]
+        }
+      },
+      \\"text-decoration\\": {
+        \\"none\\": {
+          \\"value\\": \\"none\\",
+          \\"type\\": \\"textDecoration\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"none\\",
+            \\"type\\": \\"textDecoration\\"
+          },
+          \\"name\\": \\"none\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"text-decoration\\",
+            \\"none\\"
+          ]
+        },
+        \\"underline\\": {
+          \\"value\\": \\"underline\\",
+          \\"type\\": \\"textDecoration\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"underline\\",
+            \\"type\\": \\"textDecoration\\"
+          },
+          \\"name\\": \\"underline\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"text-decoration\\",
+            \\"underline\\"
+          ]
+        }
+      },
+      \\"text-case\\": {
+        \\"none\\": {
+          \\"value\\": \\"none\\",
+          \\"type\\": \\"textCase\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"none\\",
+            \\"type\\": \\"textCase\\"
+          },
+          \\"name\\": \\"none\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"text-case\\",
+            \\"none\\"
+          ]
+        },
+        \\"uppercase\\": {
+          \\"value\\": \\"uppercase\\",
+          \\"type\\": \\"textCase\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"uppercase\\",
+            \\"type\\": \\"textCase\\"
+          },
+          \\"name\\": \\"uppercase\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"text-case\\",
+            \\"uppercase\\"
+          ]
+        },
+        \\"lowercase\\": {
+          \\"value\\": \\"lowercase\\",
+          \\"type\\": \\"textCase\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"lowercase\\",
+            \\"type\\": \\"textCase\\"
+          },
+          \\"name\\": \\"lowercase\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"text-case\\",
+            \\"lowercase\\"
+          ]
+        },
+        \\"capitalize\\": {
+          \\"value\\": \\"capitalize\\",
+          \\"type\\": \\"textCase\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"capitalize\\",
+            \\"type\\": \\"textCase\\"
+          },
+          \\"name\\": \\"capitalize\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"font\\",
+            \\"text-case\\",
+            \\"capitalize\\"
+          ]
+        }
+      }
+    },
+    \\"border\\": {
+      \\"border-radius\\": {
+        \\"0\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"2px\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"0\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-radius\\",
+            \\"0\\"
+          ]
+        },
+        \\"1\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"1\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-radius\\",
+            \\"1\\"
+          ]
+        },
+        \\"2\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"6px\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"2\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-radius\\",
+            \\"2\\"
+          ]
+        },
+        \\"3\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"3\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-radius\\",
+            \\"3\\"
+          ]
+        },
+        \\"4\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"12px\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"4\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-radius\\",
+            \\"4\\"
+          ]
+        },
+        \\"5\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"16px\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"5\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-radius\\",
+            \\"5\\"
+          ]
+        },
+        \\"6\\": {
+          \\"value\\": \\"24px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"24px\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"6\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-radius\\",
+            \\"6\\"
+          ]
+        },
+        \\"none\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"0px\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"none\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-radius\\",
+            \\"none\\"
+          ]
+        },
+        \\"half\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"50%\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"half\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-radius\\",
+            \\"half\\"
+          ]
+        },
+        \\"full\\": {
+          \\"value\\": \\"9999px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"9999px\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"full\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-radius\\",
+            \\"full\\"
+          ]
+        }
+      },
+      \\"border-width\\": {
+        \\"0\\": {
+          \\"value\\": \\"1px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"1px\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"0\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-width\\",
+            \\"0\\"
+          ]
+        },
+        \\"1\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"2px\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"1\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-width\\",
+            \\"1\\"
+          ]
+        },
+        \\"2\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"4px\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"2\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-width\\",
+            \\"2\\"
+          ]
+        },
+        \\"3\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"6px\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"3\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-width\\",
+            \\"3\\"
+          ]
+        },
+        \\"4\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"8px\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"4\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-width\\",
+            \\"4\\"
+          ]
+        },
+        \\"none\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"borderWidth\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"0px\\",
+            \\"type\\": \\"borderWidth\\"
+          },
+          \\"name\\": \\"none\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"border\\",
+            \\"border-width\\",
+            \\"none\\"
+          ]
+        }
+      }
+    },
+    \\"opacity\\": {
+      \\"0\\": {
+        \\"value\\": \\"0%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"0%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"0\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"0\\"
+        ]
+      },
+      \\"4\\": {
+        \\"value\\": \\"4%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"4%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"4\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"4\\"
+        ]
+      },
+      \\"8\\": {
+        \\"value\\": \\"8%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"8%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"8\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"8\\"
+        ]
+      },
+      \\"10\\": {
+        \\"value\\": \\"10%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"10%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"10\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"10\\"
+        ]
+      },
+      \\"20\\": {
+        \\"value\\": \\"20%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"20%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"20\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"20\\"
+        ]
+      },
+      \\"30\\": {
+        \\"value\\": \\"30%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"30%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"30\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"30\\"
+        ]
+      },
+      \\"40\\": {
+        \\"value\\": \\"40%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"40%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"40\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"40\\"
+        ]
+      },
+      \\"50\\": {
+        \\"value\\": \\"50%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"50\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"50\\"
+        ]
+      },
+      \\"60\\": {
+        \\"value\\": \\"60%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"60%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"60\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"60\\"
+        ]
+      },
+      \\"70\\": {
+        \\"value\\": \\"70%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"70%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"70\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"70\\"
+        ]
+      },
+      \\"80\\": {
+        \\"value\\": \\"80%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"80%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"80\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"80\\"
+        ]
+      },
+      \\"85\\": {
+        \\"value\\": \\"85%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"85%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"85\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"85\\"
+        ]
+      },
+      \\"90\\": {
+        \\"value\\": \\"90%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"90%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"90\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"90\\"
+        ]
+      },
+      \\"92\\": {
+        \\"value\\": \\"92%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"92%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"92\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"92\\"
+        ]
+      },
+      \\"96\\": {
+        \\"value\\": \\"96%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"96%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"96\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"96\\"
+        ]
+      },
+      \\"100\\": {
+        \\"value\\": \\"100%\\",
+        \\"type\\": \\"opacity\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"100%\\",
+          \\"type\\": \\"opacity\\"
+        },
+        \\"name\\": \\"100\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"opacity\\",
+          \\"100\\"
+        ]
+      }
+    },
+    \\"color\\": {
+      \\"neutral\\": {
+        \\"blk-000\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-000\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-000\\"
+          ]
+        },
+        \\"blk-005\\": {
+          \\"value\\": \\"#f8f8f8\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-005\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-005\\"
+          ]
+        },
+        \\"blk-010\\": {
+          \\"value\\": \\"#f3f3f3\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#f3f3f3\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-010\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-010\\"
+          ]
+        },
+        \\"blk-020\\": {
+          \\"value\\": \\"#eaeaea\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#eaeaea\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-020\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-020\\"
+          ]
+        },
+        \\"blk-030\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#dfdfdf\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-030\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-030\\"
+          ]
+        },
+        \\"blk-040\\": {
+          \\"value\\": \\"#d4d4d4\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#d4d4d4\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-040\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-040\\"
+          ]
+        },
+        \\"blk-050\\": {
+          \\"value\\": \\"#cacaca\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#cacaca\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-050\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-050\\"
+          ]
+        },
+        \\"blk-060\\": {
+          \\"value\\": \\"#bfbfbf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#bfbfbf\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-060\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-060\\"
+          ]
+        },
+        \\"blk-070\\": {
+          \\"value\\": \\"#b5b5b5\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#b5b5b5\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-070\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-070\\"
+          ]
+        },
+        \\"blk-080\\": {
+          \\"value\\": \\"#aaaaaa\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#aaaaaa\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-080\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-080\\"
+          ]
+        },
+        \\"blk-090\\": {
+          \\"value\\": \\"#9f9f9f\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#9f9f9f\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-090\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-090\\"
+          ]
+        },
+        \\"blk-100\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-100\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-100\\"
+          ]
+        },
+        \\"blk-110\\": {
+          \\"value\\": \\"#8a8a8a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#8a8a8a\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-110\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-110\\"
+          ]
+        },
+        \\"blk-120\\": {
+          \\"value\\": \\"#808080\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#808080\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-120\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-120\\"
+          ]
+        },
+        \\"blk-130\\": {
+          \\"value\\": \\"#757575\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#757575\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-130\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-130\\"
+          ]
+        },
+        \\"blk-140\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-140\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-140\\"
+          ]
+        },
+        \\"blk-150\\": {
+          \\"value\\": \\"#606060\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#606060\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-150\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-150\\"
+          ]
+        },
+        \\"blk-160\\": {
+          \\"value\\": \\"#555555\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#555555\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-160\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-160\\"
+          ]
+        },
+        \\"blk-170\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-170\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-170\\"
+          ]
+        },
+        \\"blk-180\\": {
+          \\"value\\": \\"#404040\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#404040\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-180\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-180\\"
+          ]
+        },
+        \\"blk-190\\": {
+          \\"value\\": \\"#353535\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-190\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-190\\"
+          ]
+        },
+        \\"blk-200\\": {
+          \\"value\\": \\"#2b2b2b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#2b2b2b\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-200\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-200\\"
+          ]
+        },
+        \\"blk-210\\": {
+          \\"value\\": \\"#202020\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#202020\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-210\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-210\\"
+          ]
+        },
+        \\"blk-220\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-220\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-220\\"
+          ]
+        },
+        \\"blk-230\\": {
+          \\"value\\": \\"#0b0b0b\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#0b0b0b\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-230\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-230\\"
+          ]
+        },
+        \\"blk-235\\": {
+          \\"value\\": \\"#060606\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#060606\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-235\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-235\\"
+          ]
+        },
+        \\"blk-240\\": {
+          \\"value\\": \\"#000000\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"#000000\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"blk-240\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"color\\",
+            \\"neutral\\",
+            \\"blk-240\\"
+          ]
+        }
+      },
+      \\"palette\\": {
+        \\"high-saturation\\": {
+          \\"blue\\": {
+            \\"h-bb-010\\": {
+              \\"value\\": \\"#c7eaff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#c7eaff\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-bb-010\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"blue\\",
+                \\"h-bb-010\\"
+              ]
+            },
+            \\"h-bb-020\\": {
+              \\"value\\": \\"#9fd4f3\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#9fd4f3\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-bb-020\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"blue\\",
+                \\"h-bb-020\\"
+              ]
+            },
+            \\"h-bb-030\\": {
+              \\"value\\": \\"#77bde7\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#77bde7\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-bb-030\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"blue\\",
+                \\"h-bb-030\\"
+              ]
+            },
+            \\"h-bb-040\\": {
+              \\"value\\": \\"#50a7da\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#50a7da\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-bb-040\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"blue\\",
+                \\"h-bb-040\\"
+              ]
+            },
+            \\"h-bb-050\\": {
+              \\"value\\": \\"#2890ce\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#2890ce\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-bb-050\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"blue\\",
+                \\"h-bb-050\\"
+              ]
+            },
+            \\"h-bb-060\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#007ac2\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-bb-060\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"blue\\",
+                \\"h-bb-060\\"
+              ]
+            },
+            \\"h-bb-070\\": {
+              \\"value\\": \\"#00619b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#00619b\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-bb-070\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"blue\\",
+                \\"h-bb-070\\"
+              ]
+            },
+            \\"h-bb-080\\": {
+              \\"value\\": \\"#004874\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#004874\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-bb-080\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"blue\\",
+                \\"h-bb-080\\"
+              ]
+            },
+            \\"h-bb-090\\": {
+              \\"value\\": \\"#00304d\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#00304d\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-bb-090\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"blue\\",
+                \\"h-bb-090\\"
+              ]
+            },
+            \\"h-bb-100\\": {
+              \\"value\\": \\"#001726\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#001726\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-bb-100\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"blue\\",
+                \\"h-bb-100\\"
+              ]
+            }
+          },
+          \\"green-blue\\": {
+            \\"h-gb-010\\": {
+              \\"value\\": \\"#cef5f4\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#cef5f4\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gb-010\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green-blue\\",
+                \\"h-gb-010\\"
+              ]
+            },
+            \\"h-gb-020\\": {
+              \\"value\\": \\"#afedec\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#afedec\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gb-020\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green-blue\\",
+                \\"h-gb-020\\"
+              ]
+            },
+            \\"h-gb-030\\": {
+              \\"value\\": \\"#8fe6e5\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#8fe6e5\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gb-030\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green-blue\\",
+                \\"h-gb-030\\"
+              ]
+            },
+            \\"h-gb-040\\": {
+              \\"value\\": \\"#5ae0de\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#5ae0de\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gb-040\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green-blue\\",
+                \\"h-gb-040\\"
+              ]
+            },
+            \\"h-gb-050\\": {
+              \\"value\\": \\"#28cecb\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#28cecb\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gb-050\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green-blue\\",
+                \\"h-gb-050\\"
+              ]
+            },
+            \\"h-gb-060\\": {
+              \\"value\\": \\"#00bab5\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#00bab5\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gb-060\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green-blue\\",
+                \\"h-gb-060\\"
+              ]
+            },
+            \\"h-gb-070\\": {
+              \\"value\\": \\"#009b98\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#009b98\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gb-070\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green-blue\\",
+                \\"h-gb-070\\"
+              ]
+            },
+            \\"h-gb-080\\": {
+              \\"value\\": \\"#007472\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#007472\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gb-080\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green-blue\\",
+                \\"h-gb-080\\"
+              ]
+            },
+            \\"h-gb-090\\": {
+              \\"value\\": \\"#004d4c\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#004d4c\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gb-090\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green-blue\\",
+                \\"h-gb-090\\"
+              ]
+            },
+            \\"h-gb-100\\": {
+              \\"value\\": \\"#002625\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#002625\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gb-100\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green-blue\\",
+                \\"h-gb-100\\"
+              ]
+            }
+          },
+          \\"green\\": {
+            \\"h-gg-010\\": {
+              \\"value\\": \\"#bdf2c4\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#bdf2c4\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gg-010\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green\\",
+                \\"h-gg-010\\"
+              ]
+            },
+            \\"h-gg-020\\": {
+              \\"value\\": \\"#a2e4ab\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#a2e4ab\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gg-020\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green\\",
+                \\"h-gg-020\\"
+              ]
+            },
+            \\"h-gg-030\\": {
+              \\"value\\": \\"#87d692\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#87d692\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gg-030\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green\\",
+                \\"h-gg-030\\"
+              ]
+            },
+            \\"h-gg-040\\": {
+              \\"value\\": \\"#6bc878\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#6bc878\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gg-040\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green\\",
+                \\"h-gg-040\\"
+              ]
+            },
+            \\"h-gg-050\\": {
+              \\"value\\": \\"#50ba5f\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#50ba5f\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gg-050\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green\\",
+                \\"h-gg-050\\"
+              ]
+            },
+            \\"h-gg-060\\": {
+              \\"value\\": \\"#35ac46\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#35ac46\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gg-060\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green\\",
+                \\"h-gg-060\\"
+              ]
+            },
+            \\"h-gg-070\\": {
+              \\"value\\": \\"#288835\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#288835\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gg-070\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green\\",
+                \\"h-gg-070\\"
+              ]
+            },
+            \\"h-gg-080\\": {
+              \\"value\\": \\"#1a6324\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#1a6324\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gg-080\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green\\",
+                \\"h-gg-080\\"
+              ]
+            },
+            \\"h-gg-090\\": {
+              \\"value\\": \\"#0d3f14\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#0d3f14\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gg-090\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green\\",
+                \\"h-gg-090\\"
+              ]
+            },
+            \\"h-gg-100\\": {
+              \\"value\\": \\"#001a03\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#001a03\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-gg-100\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"green\\",
+                \\"h-gg-100\\"
+              ]
+            }
+          },
+          \\"yellow-green\\": {
+            \\"h-yg-010\\": {
+              \\"value\\": \\"#e5f7b4\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#e5f7b4\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yg-010\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow-green\\",
+                \\"h-yg-010\\"
+              ]
+            },
+            \\"h-yg-020\\": {
+              \\"value\\": \\"#d9ef9f\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#d9ef9f\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yg-020\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow-green\\",
+                \\"h-yg-020\\"
+              ]
+            },
+            \\"h-yg-030\\": {
+              \\"value\\": \\"#cde78a\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#cde78a\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yg-030\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow-green\\",
+                \\"h-yg-030\\"
+              ]
+            },
+            \\"h-yg-040\\": {
+              \\"value\\": \\"#c2e075\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#c2e075\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yg-040\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow-green\\",
+                \\"h-yg-040\\"
+              ]
+            },
+            \\"h-yg-050\\": {
+              \\"value\\": \\"#b6d860\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#b6d860\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yg-050\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow-green\\",
+                \\"h-yg-050\\"
+              ]
+            },
+            \\"h-yg-060\\": {
+              \\"value\\": \\"#aad04b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#aad04b\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yg-060\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow-green\\",
+                \\"h-yg-060\\"
+              ]
+            },
+            \\"h-yg-070\\": {
+              \\"value\\": \\"#84a338\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#84a338\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yg-070\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow-green\\",
+                \\"h-yg-070\\"
+              ]
+            },
+            \\"h-yg-080\\": {
+              \\"value\\": \\"#5e7526\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#5e7526\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yg-080\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow-green\\",
+                \\"h-yg-080\\"
+              ]
+            },
+            \\"h-yg-090\\": {
+              \\"value\\": \\"#384813\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#384813\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yg-090\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow-green\\",
+                \\"h-yg-090\\"
+              ]
+            },
+            \\"h-yg-100\\": {
+              \\"value\\": \\"#121a00\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#121a00\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yg-100\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow-green\\",
+                \\"h-yg-100\\"
+              ]
+            }
+          },
+          \\"yellow\\": {
+            \\"h-yy-010\\": {
+              \\"value\\": \\"#fff7cc\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#fff7cc\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yy-010\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow\\",
+                \\"h-yy-010\\"
+              ]
+            },
+            \\"h-yy-020\\": {
+              \\"value\\": \\"#fef3ad\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#fef3ad\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yy-020\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow\\",
+                \\"h-yy-020\\"
+              ]
+            },
+            \\"h-yy-030\\": {
+              \\"value\\": \\"#fcee8d\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#fcee8d\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yy-030\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow\\",
+                \\"h-yy-030\\"
+              ]
+            },
+            \\"h-yy-040\\": {
+              \\"value\\": \\"#fbea6e\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#fbea6e\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yy-040\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow\\",
+                \\"h-yy-040\\"
+              ]
+            },
+            \\"h-yy-050\\": {
+              \\"value\\": \\"#f9e54e\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#f9e54e\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yy-050\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow\\",
+                \\"h-yy-050\\"
+              ]
+            },
+            \\"h-yy-060\\": {
+              \\"value\\": \\"#edd317\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#edd317\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yy-060\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow\\",
+                \\"h-yy-060\\"
+              ]
+            },
+            \\"h-yy-070\\": {
+              \\"value\\": \\"#d9bc00\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#d9bc00\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yy-070\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow\\",
+                \\"h-yy-070\\"
+              ]
+            },
+            \\"h-yy-080\\": {
+              \\"value\\": \\"#bfa200\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#bfa200\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yy-080\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow\\",
+                \\"h-yy-080\\"
+              ]
+            },
+            \\"h-yy-090\\": {
+              \\"value\\": \\"#8c7500\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#8c7500\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yy-090\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow\\",
+                \\"h-yy-090\\"
+              ]
+            },
+            \\"h-yy-100\\": {
+              \\"value\\": \\"#5c4e00\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#5c4e00\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-yy-100\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"yellow\\",
+                \\"h-yy-100\\"
+              ]
+            }
+          },
+          \\"orange-yellow\\": {
+            \\"h-oy-010\\": {
+              \\"value\\": \\"#ffe2bf\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ffe2bf\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oy-010\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange-yellow\\",
+                \\"h-oy-010\\"
+              ]
+            },
+            \\"h-oy-020\\": {
+              \\"value\\": \\"#fed3a1\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#fed3a1\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oy-020\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange-yellow\\",
+                \\"h-oy-020\\"
+              ]
+            },
+            \\"h-oy-030\\": {
+              \\"value\\": \\"#fcc582\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#fcc582\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oy-030\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange-yellow\\",
+                \\"h-oy-030\\"
+              ]
+            },
+            \\"h-oy-040\\": {
+              \\"value\\": \\"#fbb664\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#fbb664\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oy-040\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange-yellow\\",
+                \\"h-oy-040\\"
+              ]
+            },
+            \\"h-oy-050\\": {
+              \\"value\\": \\"#f9a845\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#f9a845\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oy-050\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange-yellow\\",
+                \\"h-oy-050\\"
+              ]
+            },
+            \\"h-oy-060\\": {
+              \\"value\\": \\"#f89927\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#f89927\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oy-060\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange-yellow\\",
+                \\"h-oy-060\\"
+              ]
+            },
+            \\"h-oy-070\\": {
+              \\"value\\": \\"#c67718\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#c67718\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oy-070\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange-yellow\\",
+                \\"h-oy-070\\"
+              ]
+            },
+            \\"h-oy-080\\": {
+              \\"value\\": \\"#9a5b10\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#9a5b10\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oy-080\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange-yellow\\",
+                \\"h-oy-080\\"
+              ]
+            },
+            \\"h-oy-090\\": {
+              \\"value\\": \\"#6d3f08\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#6d3f08\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oy-090\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange-yellow\\",
+                \\"h-oy-090\\"
+              ]
+            },
+            \\"h-oy-100\\": {
+              \\"value\\": \\"#402300\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#402300\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oy-100\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange-yellow\\",
+                \\"h-oy-100\\"
+              ]
+            }
+          },
+          \\"orange\\": {
+            \\"h-oo-010\\": {
+              \\"value\\": \\"#ffd8bf\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ffd8bf\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oo-010\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange\\",
+                \\"h-oo-010\\"
+              ]
+            },
+            \\"h-oo-020\\": {
+              \\"value\\": \\"#fdc39f\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#fdc39f\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oo-020\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange\\",
+                \\"h-oo-020\\"
+              ]
+            },
+            \\"h-oo-030\\": {
+              \\"value\\": \\"#faae7f\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#faae7f\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oo-030\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange\\",
+                \\"h-oo-030\\"
+              ]
+            },
+            \\"h-oo-040\\": {
+              \\"value\\": \\"#f89960\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#f89960\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oo-040\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange\\",
+                \\"h-oo-040\\"
+              ]
+            },
+            \\"h-oo-050\\": {
+              \\"value\\": \\"#f58440\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#f58440\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oo-050\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange\\",
+                \\"h-oo-050\\"
+              ]
+            },
+            \\"h-oo-060\\": {
+              \\"value\\": \\"#f36f20\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#f36f20\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oo-060\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange\\",
+                \\"h-oo-060\\"
+              ]
+            },
+            \\"h-oo-070\\": {
+              \\"value\\": \\"#c65a18\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#c65a18\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oo-070\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange\\",
+                \\"h-oo-070\\"
+              ]
+            },
+            \\"h-oo-080\\": {
+              \\"value\\": \\"#9a4410\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#9a4410\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oo-080\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange\\",
+                \\"h-oo-080\\"
+              ]
+            },
+            \\"h-oo-090\\": {
+              \\"value\\": \\"#6d2f08\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#6d2f08\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oo-090\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange\\",
+                \\"h-oo-090\\"
+              ]
+            },
+            \\"h-oo-100\\": {
+              \\"value\\": \\"#401900\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#401900\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-oo-100\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"orange\\",
+                \\"h-oo-100\\"
+              ]
+            }
+          },
+          \\"red-orange\\": {
+            \\"h-ro-010\\": {
+              \\"value\\": \\"#ffc7b3\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ffc7b3\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-ro-010\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red-orange\\",
+                \\"h-ro-010\\"
+              ]
+            },
+            \\"h-ro-020\\": {
+              \\"value\\": \\"#f8af95\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#f8af95\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-ro-020\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red-orange\\",
+                \\"h-ro-020\\"
+              ]
+            },
+            \\"h-ro-030\\": {
+              \\"value\\": \\"#f09677\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#f09677\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-ro-030\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red-orange\\",
+                \\"h-ro-030\\"
+              ]
+            },
+            \\"h-ro-040\\": {
+              \\"value\\": \\"#e97e5a\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#e97e5a\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-ro-040\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red-orange\\",
+                \\"h-ro-040\\"
+              ]
+            },
+            \\"h-ro-050\\": {
+              \\"value\\": \\"#e1653c\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#e1653c\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-ro-050\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red-orange\\",
+                \\"h-ro-050\\"
+              ]
+            },
+            \\"h-ro-060\\": {
+              \\"value\\": \\"#da4d1e\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#da4d1e\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-ro-060\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red-orange\\",
+                \\"h-ro-060\\"
+              ]
+            },
+            \\"h-ro-070\\": {
+              \\"value\\": \\"#ad3c16\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ad3c16\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-ro-070\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red-orange\\",
+                \\"h-ro-070\\"
+              ]
+            },
+            \\"h-ro-080\\": {
+              \\"value\\": \\"#802c0f\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#802c0f\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-ro-080\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red-orange\\",
+                \\"h-ro-080\\"
+              ]
+            },
+            \\"h-ro-090\\": {
+              \\"value\\": \\"#531b07\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#531b07\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-ro-090\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red-orange\\",
+                \\"h-ro-090\\"
+              ]
+            },
+            \\"h-ro-100\\": {
+              \\"value\\": \\"#260a00\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#260a00\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-ro-100\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red-orange\\",
+                \\"h-ro-100\\"
+              ]
+            }
+          },
+          \\"red\\": {
+            \\"h-rr-010\\": {
+              \\"value\\": \\"#ffc6bf\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ffc6bf\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-rr-010\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red\\",
+                \\"h-rr-010\\"
+              ]
+            },
+            \\"h-rr-020\\": {
+              \\"value\\": \\"#ffaaa1\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ffaaa1\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-rr-020\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red\\",
+                \\"h-rr-020\\"
+              ]
+            },
+            \\"h-rr-030\\": {
+              \\"value\\": \\"#f2877b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#f2877b\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-rr-030\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red\\",
+                \\"h-rr-030\\"
+              ]
+            },
+            \\"h-rr-040\\": {
+              \\"value\\": \\"#f07062\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#f07062\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-rr-040\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red\\",
+                \\"h-rr-040\\"
+              ]
+            },
+            \\"h-rr-050\\": {
+              \\"value\\": \\"#e65240\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#e65240\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-rr-050\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red\\",
+                \\"h-rr-050\\"
+              ]
+            },
+            \\"h-rr-060\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#d83020\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-rr-060\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red\\",
+                \\"h-rr-060\\"
+              ]
+            },
+            \\"h-rr-070\\": {
+              \\"value\\": \\"#a82b1e\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#a82b1e\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-rr-070\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red\\",
+                \\"h-rr-070\\"
+              ]
+            },
+            \\"h-rr-080\\": {
+              \\"value\\": \\"#7c1d13\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#7c1d13\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-rr-080\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red\\",
+                \\"h-rr-080\\"
+              ]
+            },
+            \\"h-rr-090\\": {
+              \\"value\\": \\"#4f0e08\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#4f0e08\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-rr-090\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red\\",
+                \\"h-rr-090\\"
+              ]
+            },
+            \\"h-rr-100\\": {
+              \\"value\\": \\"#210300\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#210300\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-rr-100\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"red\\",
+                \\"h-rr-100\\"
+              ]
+            }
+          },
+          \\"pink\\": {
+            \\"h-pk-010\\": {
+              \\"value\\": \\"#ffd1ef\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ffd1ef\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-pk-010\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"pink\\",
+                \\"h-pk-010\\"
+              ]
+            },
+            \\"h-pk-020\\": {
+              \\"value\\": \\"#fabee4\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#fabee4\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-pk-020\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"pink\\",
+                \\"h-pk-020\\"
+              ]
+            },
+            \\"h-pk-030\\": {
+              \\"value\\": \\"#f2a5d6\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#f2a5d6\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-pk-030\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"pink\\",
+                \\"h-pk-030\\"
+              ]
+            },
+            \\"h-pk-040\\": {
+              \\"value\\": \\"#eb8dc9\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#eb8dc9\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-pk-040\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"pink\\",
+                \\"h-pk-040\\"
+              ]
+            },
+            \\"h-pk-050\\": {
+              \\"value\\": \\"#e673bb\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#e673bb\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-pk-050\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"pink\\",
+                \\"h-pk-050\\"
+              ]
+            },
+            \\"h-pk-060\\": {
+              \\"value\\": \\"#e04ea6\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#e04ea6\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-pk-060\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"pink\\",
+                \\"h-pk-060\\"
+              ]
+            },
+            \\"h-pk-070\\": {
+              \\"value\\": \\"#ba2f7e\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ba2f7e\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-pk-070\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"pink\\",
+                \\"h-pk-070\\"
+              ]
+            },
+            \\"h-pk-080\\": {
+              \\"value\\": \\"#851b52\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#851b52\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-pk-080\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"pink\\",
+                \\"h-pk-080\\"
+              ]
+            },
+            \\"h-pk-090\\": {
+              \\"value\\": \\"#590b32\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#590b32\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-pk-090\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"pink\\",
+                \\"h-pk-090\\"
+              ]
+            },
+            \\"h-pk-100\\": {
+              \\"value\\": \\"#260404\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#260404\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-pk-100\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"pink\\",
+                \\"h-pk-100\\"
+              ]
+            }
+          },
+          \\"violet-red\\": {
+            \\"h-vr-010\\": {
+              \\"value\\": \\"#fadbff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#fadbff\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vr-010\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet-red\\",
+                \\"h-vr-010\\"
+              ]
+            },
+            \\"h-vr-020\\": {
+              \\"value\\": \\"#e4beeb\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#e4beeb\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vr-020\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet-red\\",
+                \\"h-vr-020\\"
+              ]
+            },
+            \\"h-vr-030\\": {
+              \\"value\\": \\"#cfa1d7\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#cfa1d7\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vr-030\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet-red\\",
+                \\"h-vr-030\\"
+              ]
+            },
+            \\"h-vr-040\\": {
+              \\"value\\": \\"#b983c3\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#b983c3\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vr-040\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet-red\\",
+                \\"h-vr-040\\"
+              ]
+            },
+            \\"h-vr-050\\": {
+              \\"value\\": \\"#a466af\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#a466af\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vr-050\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet-red\\",
+                \\"h-vr-050\\"
+              ]
+            },
+            \\"h-vr-060\\": {
+              \\"value\\": \\"#8e499b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#8e499b\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vr-060\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet-red\\",
+                \\"h-vr-060\\"
+              ]
+            },
+            \\"h-vr-070\\": {
+              \\"value\\": \\"#73377e\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#73377e\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vr-070\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet-red\\",
+                \\"h-vr-070\\"
+              ]
+            },
+            \\"h-vr-080\\": {
+              \\"value\\": \\"#572561\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#572561\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vr-080\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet-red\\",
+                \\"h-vr-080\\"
+              ]
+            },
+            \\"h-vr-090\\": {
+              \\"value\\": \\"#3c1243\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#3c1243\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vr-090\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet-red\\",
+                \\"h-vr-090\\"
+              ]
+            },
+            \\"h-vr-100\\": {
+              \\"value\\": \\"#200026\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#200026\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vr-100\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet-red\\",
+                \\"h-vr-100\\"
+              ]
+            }
+          },
+          \\"violet\\": {
+            \\"h-vv-010\\": {
+              \\"value\\": \\"#e8d9ff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#e8d9ff\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vv-010\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet\\",
+                \\"h-vv-010\\"
+              ]
+            },
+            \\"h-vv-020\\": {
+              \\"value\\": \\"#cdb9eb\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#cdb9eb\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vv-020\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet\\",
+                \\"h-vv-020\\"
+              ]
+            },
+            \\"h-vv-030\\": {
+              \\"value\\": \\"#b39ad7\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#b39ad7\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vv-030\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet\\",
+                \\"h-vv-030\\"
+              ]
+            },
+            \\"h-vv-040\\": {
+              \\"value\\": \\"#987ac3\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#987ac3\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vv-040\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet\\",
+                \\"h-vv-040\\"
+              ]
+            },
+            \\"h-vv-050\\": {
+              \\"value\\": \\"#7e5baf\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#7e5baf\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vv-050\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet\\",
+                \\"h-vv-050\\"
+              ]
+            },
+            \\"h-vv-060\\": {
+              \\"value\\": \\"#633b9b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#633b9b\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vv-060\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet\\",
+                \\"h-vv-060\\"
+              ]
+            },
+            \\"h-vv-070\\": {
+              \\"value\\": \\"#4e2c7e\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#4e2c7e\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vv-070\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet\\",
+                \\"h-vv-070\\"
+              ]
+            },
+            \\"h-vv-080\\": {
+              \\"value\\": \\"#3a1e61\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#3a1e61\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vv-080\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet\\",
+                \\"h-vv-080\\"
+              ]
+            },
+            \\"h-vv-090\\": {
+              \\"value\\": \\"#250f43\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#250f43\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vv-090\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet\\",
+                \\"h-vv-090\\"
+              ]
+            },
+            \\"h-vv-100\\": {
+              \\"value\\": \\"#100026\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#100026\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"h-vv-100\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"high-saturation\\",
+                \\"violet\\",
+                \\"h-vv-100\\"
+              ]
+            }
+          }
+        },
+        \\"vibrant\\": {
+          \\"blue\\": {
+            \\"v-bb-120\\": {
+              \\"value\\": \\"#59d6ff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#59d6ff\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-bb-120\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"blue\\",
+                \\"v-bb-120\\"
+              ]
+            },
+            \\"v-bb-140\\": {
+              \\"value\\": \\"#3db8ff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#3db8ff\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-bb-140\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"blue\\",
+                \\"v-bb-140\\"
+              ]
+            },
+            \\"v-bb-160\\": {
+              \\"value\\": \\"#009af2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#009af2\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-bb-160\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"blue\\",
+                \\"v-bb-160\\"
+              ]
+            },
+            \\"v-bb-180\\": {
+              \\"value\\": \\"#009af2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#009af2\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-bb-180\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"blue\\",
+                \\"v-bb-180\\"
+              ]
+            }
+          },
+          \\"green-blue\\": {
+            \\"v-gb-120\\": {
+              \\"value\\": \\"#59fffc\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#59fffc\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-gb-120\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"green-blue\\",
+                \\"v-gb-120\\"
+              ]
+            },
+            \\"v-gb-140\\": {
+              \\"value\\": \\"#00f7f3\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#00f7f3\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-gb-140\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"green-blue\\",
+                \\"v-gb-140\\"
+              ]
+            },
+            \\"v-gb-160\\": {
+              \\"value\\": \\"#00e6e2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#00e6e2\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-gb-160\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"green-blue\\",
+                \\"v-gb-160\\"
+              ]
+            },
+            \\"v-gb-180\\": {
+              \\"value\\": \\"#00cfca\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#00cfca\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-gb-180\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"green-blue\\",
+                \\"v-gb-180\\"
+              ]
+            }
+          },
+          \\"green\\": {
+            \\"v-gg-120\\": {
+              \\"value\\": \\"#73ff84\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#73ff84\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-gg-120\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"green\\",
+                \\"v-gg-120\\"
+              ]
+            },
+            \\"v-gg-140\\": {
+              \\"value\\": \\"#3bed52\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#3bed52\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-gg-140\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"green\\",
+                \\"v-gg-140\\"
+              ]
+            },
+            \\"v-gg-160\\": {
+              \\"value\\": \\"#00b81b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#00b81b\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-gg-160\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"green\\",
+                \\"v-gg-160\\"
+              ]
+            },
+            \\"v-gg-180\\": {
+              \\"value\\": \\"#00a118\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#00a118\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-gg-180\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"green\\",
+                \\"v-gg-180\\"
+              ]
+            }
+          },
+          \\"yellow-green\\": {
+            \\"v-yg-120\\": {
+              \\"value\\": \\"#d7ff73\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#d7ff73\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-yg-120\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"yellow-green\\",
+                \\"v-yg-120\\"
+              ]
+            },
+            \\"v-yg-140\\": {
+              \\"value\\": \\"#bbed3b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#bbed3b\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-yg-140\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"yellow-green\\",
+                \\"v-yg-140\\"
+              ]
+            },
+            \\"v-yg-160\\": {
+              \\"value\\": \\"#96cc00\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#96cc00\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-yg-160\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"yellow-green\\",
+                \\"v-yg-160\\"
+              ]
+            },
+            \\"v-yg-180\\": {
+              \\"value\\": \\"#7fab00\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#7fab00\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-yg-180\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"yellow-green\\",
+                \\"v-yg-180\\"
+              ]
+            }
+          },
+          \\"yellow\\": {
+            \\"v-yy-120\\": {
+              \\"value\\": \\"#fff766\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#fff766\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-yy-120\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"yellow\\",
+                \\"v-yy-120\\"
+              ]
+            },
+            \\"v-yy-140\\": {
+              \\"value\\": \\"#ffee33\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ffee33\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-yy-140\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"yellow\\",
+                \\"v-yy-140\\"
+              ]
+            },
+            \\"v-yy-160\\": {
+              \\"value\\": \\"#f5d000\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#f5d000\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-yy-160\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"yellow\\",
+                \\"v-yy-160\\"
+              ]
+            },
+            \\"v-yy-180\\": {
+              \\"value\\": \\"#ebba17\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ebba17\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-yy-180\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"yellow\\",
+                \\"v-yy-180\\"
+              ]
+            }
+          },
+          \\"orange-yellow\\": {
+            \\"v-oy-120\\": {
+              \\"value\\": \\"#ffb54d\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ffb54d\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-oy-120\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"orange-yellow\\",
+                \\"v-oy-120\\"
+              ]
+            },
+            \\"v-oy-140\\": {
+              \\"value\\": \\"#ff9500\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ff9500\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-oy-140\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"orange-yellow\\",
+                \\"v-oy-140\\"
+              ]
+            },
+            \\"v-oy-160\\": {
+              \\"value\\": \\"#e68600\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#e68600\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-oy-160\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"orange-yellow\\",
+                \\"v-oy-160\\"
+              ]
+            },
+            \\"v-oy-180\\": {
+              \\"value\\": \\"#d17300\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#d17300\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-oy-180\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"orange-yellow\\",
+                \\"v-oy-180\\"
+              ]
+            }
+          },
+          \\"red-orange\\": {
+            \\"v-ro-120\\": {
+              \\"value\\": \\"#ff824d\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ff824d\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-ro-120\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"red-orange\\",
+                \\"v-ro-120\\"
+              ]
+            },
+            \\"v-ro-140\\": {
+              \\"value\\": \\"#ff4d00\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ff4d00\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-ro-140\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"red-orange\\",
+                \\"v-ro-140\\"
+              ]
+            },
+            \\"v-ro-160\\": {
+              \\"value\\": \\"#de4300\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#de4300\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-ro-160\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"red-orange\\",
+                \\"v-ro-160\\"
+              ]
+            },
+            \\"v-ro-180\\": {
+              \\"value\\": \\"#c93b00\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#c93b00\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-ro-180\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"red-orange\\",
+                \\"v-ro-180\\"
+              ]
+            }
+          },
+          \\"red\\": {
+            \\"v-rr-120\\": {
+              \\"value\\": \\"#ff624d\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ff624d\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-rr-120\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"red\\",
+                \\"v-rr-120\\"
+              ]
+            },
+            \\"v-rr-140\\": {
+              \\"value\\": \\"#ff0015\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ff0015\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-rr-140\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"red\\",
+                \\"v-rr-140\\"
+              ]
+            },
+            \\"v-rr-160\\": {
+              \\"value\\": \\"#d90012\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#d90012\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-rr-160\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"red\\",
+                \\"v-rr-160\\"
+              ]
+            },
+            \\"v-rr-180\\": {
+              \\"value\\": \\"#b3000f\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#b3000f\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-rr-180\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"red\\",
+                \\"v-rr-180\\"
+              ]
+            }
+          },
+          \\"pink\\": {
+            \\"v-pk-120\\": {
+              \\"value\\": \\"#ff66c2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ff66c2\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-pk-120\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"pink\\",
+                \\"v-pk-120\\"
+              ]
+            },
+            \\"v-pk-140\\": {
+              \\"value\\": \\"#ff19a4\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ff19a4\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-pk-140\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"pink\\",
+                \\"v-pk-140\\"
+              ]
+            },
+            \\"v-pk-160\\": {
+              \\"value\\": \\"#d11486\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#d11486\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-pk-160\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"pink\\",
+                \\"v-pk-160\\"
+              ]
+            },
+            \\"v-pk-180\\": {
+              \\"value\\": \\"#c00073\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#c00073\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-pk-180\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"pink\\",
+                \\"v-pk-180\\"
+              ]
+            }
+          },
+          \\"violet-red\\": {
+            \\"v-vr-120\\": {
+              \\"value\\": \\"#ea80ff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ea80ff\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-vr-120\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"violet-red\\",
+                \\"v-vr-120\\"
+              ]
+            },
+            \\"v-vr-140\\": {
+              \\"value\\": \\"#dd33ff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#dd33ff\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-vr-140\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"violet-red\\",
+                \\"v-vr-140\\"
+              ]
+            },
+            \\"v-vr-160\\": {
+              \\"value\\": \\"#ac08cc\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#ac08cc\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-vr-160\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"violet-red\\",
+                \\"v-vr-160\\"
+              ]
+            },
+            \\"v-vr-180\\": {
+              \\"value\\": \\"#83009e\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#83009e\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-vr-180\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"violet-red\\",
+                \\"v-vr-180\\"
+              ]
+            }
+          },
+          \\"violet\\": {
+            \\"v-vv-120\\": {
+              \\"value\\": \\"#b580ff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#b580ff\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-vv-120\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"violet\\",
+                \\"v-vv-120\\"
+              ]
+            },
+            \\"v-vv-140\\": {
+              \\"value\\": \\"#974dff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#974dff\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-vv-140\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"violet\\",
+                \\"v-vv-140\\"
+              ]
+            },
+            \\"v-vv-160\\": {
+              \\"value\\": \\"#8129ff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#8129ff\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-vv-160\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"violet\\",
+                \\"v-vv-160\\"
+              ]
+            },
+            \\"v-vv-180\\": {
+              \\"value\\": \\"#6a0be6\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#6a0be6\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"v-vv-180\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"vibrant\\",
+                \\"violet\\",
+                \\"v-vv-180\\"
+              ]
+            }
+          }
+        },
+        \\"dark\\": {
+          \\"green\\": {
+            \\"d-gg-410\\": {
+              \\"value\\": \\"#44ED51\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#44ED51\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"d-gg-410\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"dark\\",
+                \\"green\\",
+                \\"d-gg-410\\"
+              ]
+            },
+            \\"d-gg-420\\": {
+              \\"value\\": \\"#36DA43\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#36DA43\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"d-gg-420\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"dark\\",
+                \\"green\\",
+                \\"d-gg-420\\"
+              ]
+            },
+            \\"d-gg-430\\": {
+              \\"value\\": \\"#36DA43\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#36DA43\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"d-gg-430\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"dark\\",
+                \\"green\\",
+                \\"d-gg-430\\"
+              ]
+            }
+          },
+          \\"yellow\\": {
+            \\"d-yy-410\\": {
+              \\"value\\": \\"#FFE24D\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#FFE24D\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"d-yy-410\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"dark\\",
+                \\"yellow\\",
+                \\"d-yy-410\\"
+              ]
+            },
+            \\"d-yy-420\\": {
+              \\"value\\": \\"#FFC900\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#FFC900\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"d-yy-420\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"dark\\",
+                \\"yellow\\",
+                \\"d-yy-420\\"
+              ]
+            },
+            \\"d-yy-430\\": {
+              \\"value\\": \\"#F4B000\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#F4B000\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"d-yy-430\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"dark\\",
+                \\"yellow\\",
+                \\"d-yy-430\\"
+              ]
+            }
+          },
+          \\"red\\": {
+            \\"d-rr-410\\": {
+              \\"value\\": \\"#FF7465\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#FF7465\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"d-rr-410\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"dark\\",
+                \\"red\\",
+                \\"d-rr-410\\"
+              ]
+            },
+            \\"d-rr-420\\": {
+              \\"value\\": \\"#FE583E\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#FE583E\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"d-rr-420\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"dark\\",
+                \\"red\\",
+                \\"d-rr-420\\"
+              ]
+            },
+            \\"d-rr-430\\": {
+              \\"value\\": \\"#F3381B\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#F3381B\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"d-rr-430\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"dark\\",
+                \\"red\\",
+                \\"d-rr-430\\"
+              ]
+            }
+          },
+          \\"blue\\": {
+            \\"d-bb-410\\": {
+              \\"value\\": \\"#47BBFF\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#47BBFF\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"d-bb-410\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"dark\\",
+                \\"blue\\",
+                \\"d-bb-410\\"
+              ]
+            },
+            \\"d-bb-420\\": {
+              \\"value\\": \\"#00A0FF\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#00A0FF\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"d-bb-420\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"dark\\",
+                \\"blue\\",
+                \\"d-bb-420\\"
+              ]
+            },
+            \\"d-bb-430\\": {
+              \\"value\\": \\"#0087D7\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/core.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#0087D7\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"d-bb-430\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"core\\",
+                \\"color\\",
+                \\"palette\\",
+                \\"dark\\",
+                \\"blue\\",
+                \\"d-bb-430\\"
+              ]
+            }
+          }
+        }
+      }
+    },
+    \\"sizing\\": {
+      \\"0\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"0\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"0\\"
+        ]
+      },
+      \\"1\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"1\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"1\\"
+        ]
+      },
+      \\"2\\": {
+        \\"value\\": \\"6px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"2\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"2\\"
+        ]
+      },
+      \\"3\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"3\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"3\\"
+        ]
+      },
+      \\"4\\": {
+        \\"value\\": \\"10px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"10px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"4\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"4\\"
+        ]
+      },
+      \\"5\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"5\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"5\\"
+        ]
+      },
+      \\"6\\": {
+        \\"value\\": \\"14px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"14px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"6\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"6\\"
+        ]
+      },
+      \\"7\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"7\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"7\\"
+        ]
+      },
+      \\"8\\": {
+        \\"value\\": \\"20px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"20px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"8\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"8\\"
+        ]
+      },
+      \\"9\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"24px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"9\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"9\\"
+        ]
+      },
+      \\"10\\": {
+        \\"value\\": \\"28px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"28px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"10\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"10\\"
+        ]
+      },
+      \\"11\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"32px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"11\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"11\\"
+        ]
+      },
+      \\"12\\": {
+        \\"value\\": \\"36px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"36px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"12\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"12\\"
+        ]
+      },
+      \\"13\\": {
+        \\"value\\": \\"40px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"40px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"13\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"13\\"
+        ]
+      },
+      \\"14\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"44px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"14\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"14\\"
+        ]
+      },
+      \\"15\\": {
+        \\"value\\": \\"48px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"48px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"15\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"15\\"
+        ]
+      },
+      \\"16\\": {
+        \\"value\\": \\"56px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"56px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"16\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"16\\"
+        ]
+      },
+      \\"17\\": {
+        \\"value\\": \\"64px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"64px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"17\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"17\\"
+        ]
+      },
+      \\"18\\": {
+        \\"value\\": \\"72px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"72px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"18\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"18\\"
+        ]
+      },
+      \\"19\\": {
+        \\"value\\": \\"80px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"80px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"19\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"19\\"
+        ]
+      },
+      \\"20\\": {
+        \\"value\\": \\"96px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"96px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"20\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"20\\"
+        ]
+      },
+      \\"21\\": {
+        \\"value\\": \\"112px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"112px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"21\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"21\\"
+        ]
+      },
+      \\"22\\": {
+        \\"value\\": \\"128px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"128px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"22\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"22\\"
+        ]
+      },
+      \\"23\\": {
+        \\"value\\": \\"144px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"144px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"23\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"23\\"
+        ]
+      },
+      \\"24\\": {
+        \\"value\\": \\"160px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"160px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"24\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"24\\"
+        ]
+      },
+      \\"25\\": {
+        \\"value\\": \\"192px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"192px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"25\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"25\\"
+        ]
+      },
+      \\"26\\": {
+        \\"value\\": \\"224px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"224px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"26\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"26\\"
+        ]
+      },
+      \\"27\\": {
+        \\"value\\": \\"256px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"256px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"27\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"27\\"
+        ]
+      },
+      \\"28\\": {
+        \\"value\\": \\"288px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"288px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"28\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"28\\"
+        ]
+      },
+      \\"none\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"sizing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"sizing\\"
+        },
+        \\"name\\": \\"none\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"sizing\\",
+          \\"none\\"
+        ]
+      }
+    },
+    \\"spacing\\": {
+      \\"0\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"2px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"0\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"0\\"
+        ]
+      },
+      \\"1\\": {
+        \\"value\\": \\"4px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"1\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"1\\"
+        ]
+      },
+      \\"2\\": {
+        \\"value\\": \\"6px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"6px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"2\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"2\\"
+        ]
+      },
+      \\"3\\": {
+        \\"value\\": \\"8px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"8px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"3\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"3\\"
+        ]
+      },
+      \\"4\\": {
+        \\"value\\": \\"10px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"10px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"4\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"4\\"
+        ]
+      },
+      \\"5\\": {
+        \\"value\\": \\"12px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"12px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"5\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"5\\"
+        ]
+      },
+      \\"6\\": {
+        \\"value\\": \\"14px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"14px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"6\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"6\\"
+        ]
+      },
+      \\"7\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"16px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"7\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"7\\"
+        ]
+      },
+      \\"8\\": {
+        \\"value\\": \\"20px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"20px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"8\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"8\\"
+        ]
+      },
+      \\"9\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"24px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"9\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"9\\"
+        ]
+      },
+      \\"10\\": {
+        \\"value\\": \\"28px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"28px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"10\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"10\\"
+        ]
+      },
+      \\"11\\": {
+        \\"value\\": \\"32px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"32px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"11\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"11\\"
+        ]
+      },
+      \\"12\\": {
+        \\"value\\": \\"36px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"36px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"12\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"12\\"
+        ]
+      },
+      \\"13\\": {
+        \\"value\\": \\"40px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"40px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"13\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"13\\"
+        ]
+      },
+      \\"14\\": {
+        \\"value\\": \\"44px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"44px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"14\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"14\\"
+        ]
+      },
+      \\"15\\": {
+        \\"value\\": \\"48px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"48px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"15\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"15\\"
+        ]
+      },
+      \\"16\\": {
+        \\"value\\": \\"56px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"56px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"16\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"16\\"
+        ]
+      },
+      \\"17\\": {
+        \\"value\\": \\"64px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"64px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"17\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"17\\"
+        ]
+      },
+      \\"18\\": {
+        \\"value\\": \\"72px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"72px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"18\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"18\\"
+        ]
+      },
+      \\"19\\": {
+        \\"value\\": \\"80px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"80px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"19\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"19\\"
+        ]
+      },
+      \\"20\\": {
+        \\"value\\": \\"96px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"96px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"20\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"20\\"
+        ]
+      },
+      \\"21\\": {
+        \\"value\\": \\"112px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"112px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"21\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"21\\"
+        ]
+      },
+      \\"22\\": {
+        \\"value\\": \\"128px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"128px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"22\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"22\\"
+        ]
+      },
+      \\"23\\": {
+        \\"value\\": \\"144px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"144px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"23\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"23\\"
+        ]
+      },
+      \\"24\\": {
+        \\"value\\": \\"160px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"160px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"24\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"24\\"
+        ]
+      },
+      \\"25\\": {
+        \\"value\\": \\"192px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"192px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"25\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"25\\"
+        ]
+      },
+      \\"26\\": {
+        \\"value\\": \\"224px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"224px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"26\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"26\\"
+        ]
+      },
+      \\"27\\": {
+        \\"value\\": \\"256px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"256px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"27\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"27\\"
+        ]
+      },
+      \\"28\\": {
+        \\"value\\": \\"288px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"288px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"28\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"28\\"
+        ]
+      },
+      \\"none\\": {
+        \\"value\\": \\"0px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"none\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"spacing\\",
+          \\"none\\"
+        ]
+      }
+    },
+    \\"breakpoint\\": {
+      \\"height\\": {
+        \\"xxs\\": {
+          \\"max\\": {
+            \\"value\\": 153,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Small handheld devices and mini-windows\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 153,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Small handheld devices and mini-windows\\"
+            },
+            \\"name\\": \\"max\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"height\\",
+              \\"xxs\\",
+              \\"max\\"
+            ]
+          }
+        },
+        \\"xs\\": {
+          \\"max\\": {
+            \\"value\\": 328,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Handheld devices\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 328,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Handheld devices\\"
+            },
+            \\"name\\": \\"max\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"height\\",
+              \\"xs\\",
+              \\"max\\"
+            ]
+          },
+          \\"min\\": {
+            \\"value\\": 154,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Handheld devices\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 154,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Handheld devices\\"
+            },
+            \\"name\\": \\"min\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"height\\",
+              \\"xs\\",
+              \\"min\\"
+            ]
+          }
+        },
+        \\"sm\\": {
+          \\"max\\": {
+            \\"value\\": 503,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Small tablets\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 503,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Small tablets\\"
+            },
+            \\"name\\": \\"max\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"height\\",
+              \\"sm\\",
+              \\"max\\"
+            ]
+          },
+          \\"min\\": {
+            \\"value\\": 329,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Small tablets\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 329,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Small tablets\\"
+            },
+            \\"name\\": \\"min\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"height\\",
+              \\"sm\\",
+              \\"min\\"
+            ]
+          }
+        },
+        \\"md\\": {
+          \\"max\\": {
+            \\"value\\": 678,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Small laptops\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 678,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Small laptops\\"
+            },
+            \\"name\\": \\"max\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"height\\",
+              \\"md\\",
+              \\"max\\"
+            ]
+          },
+          \\"min\\": {
+            \\"value\\": 504,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Small laptops\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 504,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Small laptops\\"
+            },
+            \\"name\\": \\"min\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"height\\",
+              \\"md\\",
+              \\"min\\"
+            ]
+          }
+        },
+        \\"lg\\": {
+          \\"max\\": {
+            \\"value\\": 853,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Large laptops and desktop computers\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 853,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Large laptops and desktop computers\\"
+            },
+            \\"name\\": \\"max\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"height\\",
+              \\"lg\\",
+              \\"max\\"
+            ]
+          },
+          \\"min\\": {
+            \\"value\\": 679,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Large laptops and desktop computers\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 679,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Large laptops and desktop computers\\"
+            },
+            \\"name\\": \\"min\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"height\\",
+              \\"lg\\",
+              \\"min\\"
+            ]
+          }
+        }
+      },
+      \\"width\\": {
+        \\"default\\": {
+          \\"xxs\\": {
+            \\"value\\": \\"320px\\",
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"To be deprecated\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"320px\\",
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"To be deprecated\\"
+            },
+            \\"name\\": \\"xxs\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"width\\",
+              \\"default\\",
+              \\"xxs\\"
+            ]
+          },
+          \\"xs\\": {
+            \\"value\\": \\"476px\\",
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"To be deprecated\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"476px\\",
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"To be deprecated\\"
+            },
+            \\"name\\": \\"xs\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"width\\",
+              \\"default\\",
+              \\"xs\\"
+            ]
+          },
+          \\"sm\\": {
+            \\"value\\": \\"768px\\",
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"To be deprecated\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"768px\\",
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"To be deprecated\\"
+            },
+            \\"name\\": \\"sm\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"width\\",
+              \\"default\\",
+              \\"sm\\"
+            ]
+          },
+          \\"md\\": {
+            \\"value\\": \\"1152px\\",
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"To be deprecated\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"1152px\\",
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"To be deprecated\\"
+            },
+            \\"name\\": \\"md\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"width\\",
+              \\"default\\",
+              \\"md\\"
+            ]
+          },
+          \\"lg\\": {
+            \\"value\\": \\"1440px\\",
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"To be deprecated\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"1440px\\",
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"To be deprecated\\"
+            },
+            \\"name\\": \\"lg\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"width\\",
+              \\"default\\",
+              \\"lg\\"
+            ]
+          }
+        },
+        \\"xxs\\": {
+          \\"max\\": {
+            \\"value\\": 320,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Small handheld devices and mini-windows\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 320,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Small handheld devices and mini-windows\\"
+            },
+            \\"name\\": \\"max\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"width\\",
+              \\"xxs\\",
+              \\"max\\"
+            ]
+          }
+        },
+        \\"xs\\": {
+          \\"max\\": {
+            \\"value\\": 476,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Handheld devices\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 476,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Handheld devices\\"
+            },
+            \\"name\\": \\"max\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"width\\",
+              \\"xs\\",
+              \\"max\\"
+            ]
+          },
+          \\"min\\": {
+            \\"value\\": 321,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Handheld devices\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 321,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Handheld devices\\"
+            },
+            \\"name\\": \\"min\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"width\\",
+              \\"xs\\",
+              \\"min\\"
+            ]
+          }
+        },
+        \\"sm\\": {
+          \\"max\\": {
+            \\"value\\": 768,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Small tablets\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 768,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Small tablets\\"
+            },
+            \\"name\\": \\"max\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"width\\",
+              \\"sm\\",
+              \\"max\\"
+            ]
+          },
+          \\"min\\": {
+            \\"value\\": 477,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Small tablets\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 477,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Small tablets\\"
+            },
+            \\"name\\": \\"min\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"width\\",
+              \\"sm\\",
+              \\"min\\"
+            ]
+          }
+        },
+        \\"md\\": {
+          \\"max\\": {
+            \\"value\\": 1152,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Small laptops\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 1152,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Small laptops\\"
+            },
+            \\"name\\": \\"max\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"width\\",
+              \\"md\\",
+              \\"max\\"
+            ]
+          },
+          \\"min\\": {
+            \\"value\\": 769,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Small laptops\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 769,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Small laptops\\"
+            },
+            \\"name\\": \\"min\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"width\\",
+              \\"md\\",
+              \\"min\\"
+            ]
+          }
+        },
+        \\"lg\\": {
+          \\"max\\": {
+            \\"value\\": 1722,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Large laptops and desktop computers\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 1722,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Large laptops and desktop computers\\"
+            },
+            \\"name\\": \\"max\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"width\\",
+              \\"lg\\",
+              \\"max\\"
+            ]
+          },
+          \\"min\\": {
+            \\"value\\": 1153,
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"Large laptops and desktop computers\\",
+            \\"filePath\\": \\"src/core.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": 1153,
+              \\"type\\": \\"sizing\\",
+              \\"description\\": \\"Large laptops and desktop computers\\"
+            },
+            \\"name\\": \\"min\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"core\\",
+              \\"breakpoint\\",
+              \\"width\\",
+              \\"lg\\",
+              \\"min\\"
+            ]
+          }
+        }
+      },
+      \\"margin\\": {
+        \\"value\\": \\"24px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.9}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"margin\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"breakpoint\\",
+          \\"margin\\"
+        ]
+      },
+      \\"gutter\\": {
+        \\"value\\": \\"16px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.7}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"gutter\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"breakpoint\\",
+          \\"gutter\\"
+        ]
+      },
+      \\"content\\": {
+        \\"fluid\\": {
+          \\"value\\": \\"100%\\",
+          \\"type\\": \\"sizing\\",
+          \\"description\\": \\"for fluid grid widths\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"100%\\",
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"for fluid grid widths\\"
+          },
+          \\"name\\": \\"fluid\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"breakpoint\\",
+            \\"content\\",
+            \\"fluid\\"
+          ]
+        },
+        \\"fixed\\": {
+          \\"value\\": \\"1440px\\",
+          \\"type\\": \\"sizing\\",
+          \\"description\\": \\"only for lg breakpoint fixed grid width\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"1440px\\",
+            \\"type\\": \\"sizing\\",
+            \\"description\\": \\"only for lg breakpoint fixed grid width\\"
+          },
+          \\"name\\": \\"fixed\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"breakpoint\\",
+            \\"content\\",
+            \\"fixed\\"
+          ]
+        }
+      },
+      \\"cols\\": {
+        \\"xs\\": {
+          \\"value\\": \\"6\\",
+          \\"type\\": \\"other\\",
+          \\"description\\": \\"columns\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"6\\",
+            \\"type\\": \\"other\\",
+            \\"description\\": \\"columns\\"
+          },
+          \\"name\\": \\"xs\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"breakpoint\\",
+            \\"cols\\",
+            \\"xs\\"
+          ]
+        },
+        \\"sm\\": {
+          \\"value\\": \\"12\\",
+          \\"type\\": \\"other\\",
+          \\"description\\": \\"columns\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"12\\",
+            \\"type\\": \\"other\\",
+            \\"description\\": \\"columns\\"
+          },
+          \\"name\\": \\"sm\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"breakpoint\\",
+            \\"cols\\",
+            \\"sm\\"
+          ]
+        },
+        \\"md\\": {
+          \\"value\\": \\"24\\",
+          \\"type\\": \\"other\\",
+          \\"description\\": \\"columns\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"24\\",
+            \\"type\\": \\"other\\",
+            \\"description\\": \\"columns\\"
+          },
+          \\"name\\": \\"md\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"breakpoint\\",
+            \\"cols\\",
+            \\"md\\"
+          ]
+        },
+        \\"lg\\": {
+          \\"value\\": \\"24\\",
+          \\"type\\": \\"other\\",
+          \\"description\\": \\"columns\\",
+          \\"filePath\\": \\"src/core.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"24\\",
+            \\"type\\": \\"other\\",
+            \\"description\\": \\"columns\\"
+          },
+          \\"name\\": \\"lg\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"core\\",
+            \\"breakpoint\\",
+            \\"cols\\",
+            \\"lg\\"
+          ]
+        }
+      }
+    },
+    \\"z-index\\": {
+      \\"deep\\": {
+        \\"value\\": \\"-999999\\",
+        \\"type\\": \\"other\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"-999999\\",
+          \\"type\\": \\"other\\"
+        },
+        \\"name\\": \\"deep\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"z-index\\",
+          \\"deep\\"
+        ]
+      },
+      \\"default\\": {
+        \\"value\\": \\"1\\",
+        \\"type\\": \\"other\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"1\\",
+          \\"type\\": \\"other\\"
+        },
+        \\"name\\": \\"default\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"z-index\\",
+          \\"default\\"
+        ]
+      },
+      \\"sticky\\": {
+        \\"value\\": \\"300\\",
+        \\"type\\": \\"other\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"300\\",
+          \\"type\\": \\"other\\"
+        },
+        \\"name\\": \\"sticky\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"z-index\\",
+          \\"sticky\\"
+        ]
+      },
+      \\"header\\": {
+        \\"value\\": \\"400\\",
+        \\"type\\": \\"other\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"400\\",
+          \\"type\\": \\"other\\"
+        },
+        \\"name\\": \\"header\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"z-index\\",
+          \\"header\\"
+        ]
+      },
+      \\"toast\\": {
+        \\"value\\": \\"500\\",
+        \\"type\\": \\"other\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"500\\",
+          \\"type\\": \\"other\\"
+        },
+        \\"name\\": \\"toast\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"z-index\\",
+          \\"toast\\"
+        ]
+      },
+      \\"dropdown\\": {
+        \\"value\\": \\"600\\",
+        \\"type\\": \\"other\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"600\\",
+          \\"type\\": \\"other\\"
+        },
+        \\"name\\": \\"dropdown\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"z-index\\",
+          \\"dropdown\\"
+        ]
+      },
+      \\"overlay\\": {
+        \\"value\\": \\"700\\",
+        \\"type\\": \\"other\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"700\\",
+          \\"type\\": \\"other\\"
+        },
+        \\"name\\": \\"overlay\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"z-index\\",
+          \\"overlay\\"
+        ]
+      },
+      \\"modal\\": {
+        \\"value\\": \\"800\\",
+        \\"type\\": \\"other\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"800\\",
+          \\"type\\": \\"other\\"
+        },
+        \\"name\\": \\"modal\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"z-index\\",
+          \\"modal\\"
+        ]
+      },
+      \\"popup\\": {
+        \\"value\\": \\"900\\",
+        \\"type\\": \\"other\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"900\\",
+          \\"type\\": \\"other\\"
+        },
+        \\"name\\": \\"popup\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"z-index\\",
+          \\"popup\\"
+        ]
+      },
+      \\"tooltip\\": {
+        \\"value\\": \\"901\\",
+        \\"type\\": \\"other\\",
+        \\"filePath\\": \\"src/core.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"901\\",
+          \\"type\\": \\"other\\"
+        },
+        \\"name\\": \\"tooltip\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"core\\",
+          \\"z-index\\",
+          \\"tooltip\\"
+        ]
+      }
+    }
+  },
+  \\"semantic\\": {
+    \\"border\\": {
+      \\"border-radius\\": {
+        \\"sharp\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/semantic.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-radius.none}\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"sharp\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"semantic\\",
+            \\"border\\",
+            \\"border-radius\\",
+            \\"sharp\\"
+          ]
+        },
+        \\"round\\": {
+          \\"value\\": \\"4px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/semantic.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-radius.1}\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"round\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"semantic\\",
+            \\"border\\",
+            \\"border-radius\\",
+            \\"round\\"
+          ]
+        },
+        \\"circular\\": {
+          \\"value\\": \\"50%\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/semantic.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-radius.half}\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"circular\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"semantic\\",
+            \\"border\\",
+            \\"border-radius\\",
+            \\"circular\\"
+          ]
+        },
+        \\"pill\\": {
+          \\"value\\": \\"9999px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/semantic.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{core.border.border-radius.full}\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"pill\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"semantic\\",
+            \\"border\\",
+            \\"border-radius\\",
+            \\"pill\\"
+          ]
+        }
+      }
+    },
+    \\"ui\\": {
+      \\"border\\": {
+        \\"border-radius\\": {
+          \\"value\\": \\"0px\\",
+          \\"type\\": \\"borderRadius\\",
+          \\"filePath\\": \\"src/semantic.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{semantic.border.border-radius.sharp}\\",
+            \\"type\\": \\"borderRadius\\"
+          },
+          \\"name\\": \\"border-radius\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"semantic\\",
+            \\"ui\\",
+            \\"border\\",
+            \\"border-radius\\"
+          ]
+        }
+      },
+      \\"color\\": {
+        \\"brand\\": {
+          \\"default\\": {
+            \\"light\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.blue.h-bb-060}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"brand\\",
+                \\"default\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#009af2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.vibrant.blue.v-bb-160}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"brand\\",
+                \\"default\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"hover\\": {
+            \\"light\\": {
+              \\"value\\": \\"#00619b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.blue.h-bb-070}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"brand\\",
+                \\"hover\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.blue.h-bb-060}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"brand\\",
+                \\"hover\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"press\\": {
+            \\"light\\": {
+              \\"value\\": \\"#004874\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.blue.h-bb-080}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"brand\\",
+                \\"press\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#00619b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.blue.h-bb-070}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"brand\\",
+                \\"press\\",
+                \\"dark\\"
+              ]
+            }
+          }
+        },
+        \\"background\\": {
+          \\"light\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/semantic.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.color.neutral.blk-005}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"semantic\\",
+              \\"ui\\",
+              \\"color\\",
+              \\"background\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/semantic.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.color.neutral.blk-190}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"semantic\\",
+              \\"ui\\",
+              \\"color\\",
+              \\"background\\",
+              \\"dark\\"
+            ]
+          }
+        },
+        \\"foreground\\": {
+          \\"1\\": {
+            \\"light\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-000}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"foreground\\",
+                \\"1\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#2b2b2b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-200}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"foreground\\",
+                \\"1\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"2\\": {
+            \\"light\\": {
+              \\"value\\": \\"#f3f3f3\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-010}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"foreground\\",
+                \\"2\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#202020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-210}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"foreground\\",
+                \\"2\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"3\\": {
+            \\"light\\": {
+              \\"value\\": \\"#eaeaea\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-020}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"foreground\\",
+                \\"3\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-220}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"foreground\\",
+                \\"3\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"current\\": {
+            \\"light\\": {
+              \\"value\\": \\"#c7eaff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.blue.h-bb-010}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"foreground\\",
+                \\"current\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#214155\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"#214155\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"foreground\\",
+                \\"current\\",
+                \\"dark\\"
+              ]
+            }
+          }
+        },
+        \\"text\\": {
+          \\"1\\": {
+            \\"light\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-220}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"text\\",
+                \\"1\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-000}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"text\\",
+                \\"1\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"2\\": {
+            \\"light\\": {
+              \\"value\\": \\"#4a4a4a\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-170}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"text\\",
+                \\"2\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#bfbfbf\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-060}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"text\\",
+                \\"2\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"3\\": {
+            \\"light\\": {
+              \\"value\\": \\"#6a6a6a\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-140}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"text\\",
+                \\"3\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#9f9f9f\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-090}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"text\\",
+                \\"3\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"light\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-000}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"text\\",
+                \\"inverse\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-220}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"text\\",
+                \\"inverse\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"link\\": {
+            \\"light\\": {
+              \\"value\\": \\"#00619b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.blue.h-bb-070}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"text\\",
+                \\"link\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#00A0FF\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.dark.blue.d-bb-420}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"text\\",
+                \\"link\\",
+                \\"dark\\"
+              ]
+            }
+          }
+        },
+        \\"border\\": {
+          \\"1\\": {
+            \\"light\\": {
+              \\"value\\": \\"#cacaca\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-050}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"border\\",
+                \\"1\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#555555\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-160}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"border\\",
+                \\"1\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"2\\": {
+            \\"light\\": {
+              \\"value\\": \\"#d4d4d4\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-040}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"border\\",
+                \\"2\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#4a4a4a\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-170}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"border\\",
+                \\"2\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"3\\": {
+            \\"light\\": {
+              \\"value\\": \\"#dfdfdf\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-030}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"border\\",
+                \\"3\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#404040\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-180}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"border\\",
+                \\"3\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"input\\": {
+            \\"light\\": {
+              \\"value\\": \\"#949494\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-100}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"border\\",
+                \\"input\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#757575\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.neutral.blk-130}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"border\\",
+                \\"input\\",
+                \\"dark\\"
+              ]
+            }
+          }
+        },
+        \\"info\\": {
+          \\"default\\": {
+            \\"light\\": {
+              \\"value\\": \\"#00619b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.blue.h-bb-070}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"info\\",
+                \\"default\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#00A0FF\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.dark.blue.d-bb-420}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"info\\",
+                \\"default\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"hover\\": {
+            \\"light\\": {
+              \\"value\\": \\"#004874\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.blue.h-bb-080}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"info\\",
+                \\"hover\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#3db8ff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.vibrant.blue.v-bb-140}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"info\\",
+                \\"hover\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"press\\": {
+            \\"light\\": {
+              \\"value\\": \\"#00304d\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.blue.h-bb-090}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"info\\",
+                \\"press\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#009af2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.vibrant.blue.v-bb-160}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"info\\",
+                \\"press\\",
+                \\"dark\\"
+              ]
+            }
+          }
+        },
+        \\"success\\": {
+          \\"default\\": {
+            \\"light\\": {
+              \\"value\\": \\"#35ac46\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.green.h-gg-060}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"success\\",
+                \\"default\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#36DA43\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.dark.green.d-gg-420}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"success\\",
+                \\"default\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"hover\\": {
+            \\"light\\": {
+              \\"value\\": \\"#288835\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.green.h-gg-070}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"success\\",
+                \\"hover\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#3bed52\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.vibrant.green.v-gg-140}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"success\\",
+                \\"hover\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"press\\": {
+            \\"light\\": {
+              \\"value\\": \\"#1a6324\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.green.h-gg-080}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"success\\",
+                \\"press\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#00b81b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.vibrant.green.v-gg-160}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"success\\",
+                \\"press\\",
+                \\"dark\\"
+              ]
+            }
+          }
+        },
+        \\"warning\\": {
+          \\"default\\": {
+            \\"light\\": {
+              \\"value\\": \\"#edd317\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.yellow.h-yy-060}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"warning\\",
+                \\"default\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#FFC900\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.dark.yellow.d-yy-420}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"warning\\",
+                \\"default\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"hover\\": {
+            \\"light\\": {
+              \\"value\\": \\"#d9bc00\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.yellow.h-yy-070}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"warning\\",
+                \\"hover\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#ffee33\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.vibrant.yellow.v-yy-140}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"warning\\",
+                \\"hover\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"press\\": {
+            \\"light\\": {
+              \\"value\\": \\"#bfa200\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.yellow.h-yy-080}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"warning\\",
+                \\"press\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#f5d000\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.vibrant.yellow.v-yy-160}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"warning\\",
+                \\"press\\",
+                \\"dark\\"
+              ]
+            }
+          }
+        },
+        \\"danger\\": {
+          \\"default\\": {
+            \\"light\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.red.h-rr-060}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"danger\\",
+                \\"default\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#FE583E\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.dark.red.d-rr-420}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"danger\\",
+                \\"default\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"hover\\": {
+            \\"light\\": {
+              \\"value\\": \\"#a82b1e\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.red.h-rr-070}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"danger\\",
+                \\"hover\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#ff0015\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.vibrant.red.v-rr-140}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"danger\\",
+                \\"hover\\",
+                \\"dark\\"
+              ]
+            }
+          },
+          \\"press\\": {
+            \\"light\\": {
+              \\"value\\": \\"#7c1d13\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.high-saturation.red.h-rr-080}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"danger\\",
+                \\"press\\",
+                \\"light\\"
+              ]
+            },
+            \\"dark\\": {
+              \\"value\\": \\"#d90012\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/semantic.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{core.color.palette.vibrant.red.v-rr-160}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"dark\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"semantic\\",
+                \\"ui\\",
+                \\"color\\",
+                \\"danger\\",
+                \\"press\\",
+                \\"dark\\"
+              ]
+            }
+          }
+        },
+        \\"inverse\\": {
+          \\"light\\": {
+            \\"value\\": \\"#353535\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/semantic.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.color.neutral.blk-190}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"light\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"semantic\\",
+              \\"ui\\",
+              \\"color\\",
+              \\"inverse\\",
+              \\"light\\"
+            ]
+          },
+          \\"dark\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/semantic.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{core.color.neutral.blk-005}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"dark\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"semantic\\",
+              \\"ui\\",
+              \\"color\\",
+              \\"inverse\\",
+              \\"dark\\"
+            ]
+          }
+        }
+      }
+    },
+    \\"spacing\\": {
+      \\"base\\": {
+        \\"value\\": \\"2px\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/semantic.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{core.spacing.0}\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"base\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"semantic\\",
+          \\"spacing\\",
+          \\"base\\"
+        ]
+      },
+      \\"xs\\": {
+        \\"value\\": \\"2px * 2\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/semantic.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.spacing.base} * 2\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"xs\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"semantic\\",
+          \\"spacing\\",
+          \\"xs\\"
+        ]
+      },
+      \\"sm\\": {
+        \\"value\\": \\"2px * 4\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/semantic.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.spacing.base} * 4\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"sm\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"semantic\\",
+          \\"spacing\\",
+          \\"sm\\"
+        ]
+      },
+      \\"md\\": {
+        \\"value\\": \\"2px *6\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/semantic.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.spacing.base} *6\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"md\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"semantic\\",
+          \\"spacing\\",
+          \\"md\\"
+        ]
+      },
+      \\"lg\\": {
+        \\"value\\": \\"2px * 8\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/semantic.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.spacing.base} * 8\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"lg\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"semantic\\",
+          \\"spacing\\",
+          \\"lg\\"
+        ]
+      },
+      \\"xl\\": {
+        \\"value\\": \\"2px *10\\",
+        \\"type\\": \\"spacing\\",
+        \\"filePath\\": \\"src/semantic.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.spacing.base} *10\\",
+          \\"type\\": \\"spacing\\"
+        },
+        \\"name\\": \\"xl\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"semantic\\",
+          \\"spacing\\",
+          \\"xl\\"
+        ]
+      }
+    }
+  }
+};
+"
+`;
+
+exports[`generated tokens JS light should match 1`] = `
+"/
+
+export default{
+  \\"color\\": {
+    \\"brand\\": {
+      \\"default\\": {
+        \\"value\\": \\"#007ac2\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.brand.default.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"default\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"brand\\",
+          \\"default\\"
+        ]
+      },
+      \\"hover\\": {
+        \\"value\\": \\"#00619b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.brand.hover.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"hover\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"brand\\",
+          \\"hover\\"
+        ]
+      },
+      \\"press\\": {
+        \\"value\\": \\"#004874\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.brand.press.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"press\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"brand\\",
+          \\"press\\"
+        ]
+      }
+    },
+    \\"background\\": {
+      \\"value\\": \\"#f8f8f8\\",
+      \\"type\\": \\"color\\",
+      \\"filePath\\": \\"src/calcite/light.json\\",
+      \\"isSource\\": true,
+      \\"original\\": {
+        \\"value\\": \\"{semantic.ui.color.background.light}\\",
+        \\"type\\": \\"color\\"
+      },
+      \\"name\\": \\"background\\",
+      \\"attributes\\": {},
+      \\"path\\": [
+        \\"color\\",
+        \\"background\\"
+      ]
+    },
+    \\"foreground\\": {
+      \\"1\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"1\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"foreground\\",
+          \\"1\\"
+        ]
+      },
+      \\"2\\": {
+        \\"value\\": \\"#f3f3f3\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.2.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"2\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"foreground\\",
+          \\"2\\"
+        ]
+      },
+      \\"3\\": {
+        \\"value\\": \\"#eaeaea\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.foreground.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"3\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"foreground\\",
+          \\"3\\"
+        ]
+      }
+    },
+    \\"text\\": {
+      \\"1\\": {
+        \\"value\\": \\"#151515\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"1\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"text\\",
+          \\"1\\"
+        ]
+      },
+      \\"2\\": {
+        \\"value\\": \\"#4a4a4a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.2.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"2\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"text\\",
+          \\"2\\"
+        ]
+      },
+      \\"3\\": {
+        \\"value\\": \\"#6a6a6a\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"3\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"text\\",
+          \\"3\\"
+        ]
+      },
+      \\"inverse\\": {
+        \\"value\\": \\"#ffffff\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.inverse.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"inverse\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"text\\",
+          \\"inverse\\"
+        ]
+      },
+      \\"link\\": {
+        \\"value\\": \\"#00619b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.text.link.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"link\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"text\\",
+          \\"link\\"
+        ]
+      }
+    },
+    \\"border\\": {
+      \\"1\\": {
+        \\"value\\": \\"#cacaca\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.1.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"1\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"border\\",
+          \\"1\\"
+        ]
+      },
+      \\"2\\": {
+        \\"value\\": \\"#d4d4d4\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.2.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"2\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"border\\",
+          \\"2\\"
+        ]
+      },
+      \\"3\\": {
+        \\"value\\": \\"#dfdfdf\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.3.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"3\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"border\\",
+          \\"3\\"
+        ]
+      },
+      \\"input\\": {
+        \\"value\\": \\"#949494\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.border.input.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"input\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"border\\",
+          \\"input\\"
+        ]
+      }
+    },
+    \\"info\\": {
+      \\"default\\": {
+        \\"value\\": \\"#00619b\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.info.default.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"default\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"info\\",
+          \\"default\\"
+        ]
+      },
+      \\"hover\\": {
+        \\"value\\": \\"#004874\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.info.hover.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"hover\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"info\\",
+          \\"hover\\"
+        ]
+      },
+      \\"press\\": {
+        \\"value\\": \\"#00304d\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.info.press.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"press\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"info\\",
+          \\"press\\"
+        ]
+      }
+    },
+    \\"success\\": {
+      \\"default\\": {
+        \\"value\\": \\"#35ac46\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.success.default.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"default\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"success\\",
+          \\"default\\"
+        ]
+      },
+      \\"hover\\": {
+        \\"value\\": \\"#288835\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.success.hover.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"hover\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"success\\",
+          \\"hover\\"
+        ]
+      },
+      \\"press\\": {
+        \\"value\\": \\"#1a6324\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.success.press.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"press\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"success\\",
+          \\"press\\"
+        ]
+      }
+    },
+    \\"warning\\": {
+      \\"default\\": {
+        \\"value\\": \\"#edd317\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.warning.default.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"default\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"warning\\",
+          \\"default\\"
+        ]
+      },
+      \\"hover\\": {
+        \\"value\\": \\"#d9bc00\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.warning.hover.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"hover\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"warning\\",
+          \\"hover\\"
+        ]
+      },
+      \\"press\\": {
+        \\"value\\": \\"#bfa200\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.warning.press.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"press\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"warning\\",
+          \\"press\\"
+        ]
+      }
+    },
+    \\"danger\\": {
+      \\"default\\": {
+        \\"value\\": \\"#d83020\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.danger.default.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"default\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"danger\\",
+          \\"default\\"
+        ]
+      },
+      \\"hover\\": {
+        \\"value\\": \\"#a82b1e\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.danger.hover.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"hover\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"danger\\",
+          \\"hover\\"
+        ]
+      },
+      \\"press\\": {
+        \\"value\\": \\"#7c1d13\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.danger.press.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"press\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"danger\\",
+          \\"press\\"
+        ]
+      }
+    },
+    \\"inverse\\": {
+      \\"default\\": {
+        \\"value\\": \\"#353535\\",
+        \\"type\\": \\"color\\",
+        \\"filePath\\": \\"src/calcite/light.json\\",
+        \\"isSource\\": true,
+        \\"original\\": {
+          \\"value\\": \\"{semantic.ui.color.inverse.light}\\",
+          \\"type\\": \\"color\\"
+        },
+        \\"name\\": \\"default\\",
+        \\"attributes\\": {},
+        \\"path\\": [
+          \\"color\\",
+          \\"inverse\\",
+          \\"default\\"
+        ]
+      }
+    },
+    \\"component\\": {
+      \\"avatar\\": {
+        \\"font\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{avatar.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"avatar\\",
+            \\"font\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{avatar.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"avatar\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#f3f3f3\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{avatar.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"avatar\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"red\\": {
+            \\"value\\": \\"#ffc6bf\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{avatar.background.red.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"red\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"avatar\\",
+              \\"background\\",
+              \\"red\\"
+            ]
+          },
+          \\"teal\\": {
+            \\"value\\": \\"#cef5f4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{avatar.background.teal.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"teal\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"avatar\\",
+              \\"background\\",
+              \\"teal\\"
+            ]
+          },
+          \\"blue\\": {
+            \\"value\\": \\"#c7eaff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{avatar.background.blue.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"blue\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"avatar\\",
+              \\"background\\",
+              \\"blue\\"
+            ]
+          },
+          \\"green\\": {
+            \\"value\\": \\"#e5f7b4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{avatar.background.green.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"green\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"avatar\\",
+              \\"background\\",
+              \\"green\\"
+            ]
+          },
+          \\"yellow\\": {
+            \\"value\\": \\"#fff7cc\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{avatar.background.yellow.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"yellow\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"avatar\\",
+              \\"background\\",
+              \\"yellow\\"
+            ]
+          }
+        }
+      },
+      \\"checkbox\\": {
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{checkbox.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"checkbox\\",
+            \\"font\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{checkbox.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"checkbox\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"selected\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{checkbox.background.selected.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"selected\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"checkbox\\",
+              \\"background\\",
+              \\"selected\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{checkbox.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"checkbox\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{checkbox.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"checkbox\\",
+            \\"border\\"
+          ]
+        }
+      },
+      \\"radio\\": {
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{radio.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"radio\\",
+            \\"font\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{radio.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"radio\\",
+            \\"background\\"
+          ]
+        },
+        \\"border\\": {
+          \\"unchecked\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{radio.border.unchecked.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"unchecked\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"radio\\",
+              \\"border\\",
+              \\"unchecked\\"
+            ]
+          },
+          \\"checked\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{radio.border.checked.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"checked\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"radio\\",
+              \\"border\\",
+              \\"checked\\"
+            ]
+          }
+        }
+      },
+      \\"chip\\": {
+        \\"font\\": {
+          \\"clear\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{chip.font.clear.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"clear\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"chip\\",
+              \\"font\\",
+              \\"clear\\"
+            ]
+          },
+          \\"solid\\": {
+            \\"grey\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.font.solid.grey.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"grey\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"font\\",
+                \\"solid\\",
+                \\"grey\\"
+              ]
+            },
+            \\"blue\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.font.solid.blue.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"blue\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"font\\",
+                \\"solid\\",
+                \\"blue\\"
+              ]
+            },
+            \\"red\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.font.solid.red.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"red\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"font\\",
+                \\"solid\\",
+                \\"red\\"
+              ]
+            },
+            \\"yellow\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.font.solid.yellow.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"yellow\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"font\\",
+                \\"solid\\",
+                \\"yellow\\"
+              ]
+            },
+            \\"green\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.font.solid.green.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"green\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"font\\",
+                \\"solid\\",
+                \\"green\\"
+              ]
+            }
+          }
+        },
+        \\"icon\\": {
+          \\"clear\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{chip.icon.clear.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"clear\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"chip\\",
+              \\"icon\\",
+              \\"clear\\"
+            ]
+          },
+          \\"solid\\": {
+            \\"grey\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.icon.solid.grey.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"grey\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"icon\\",
+                \\"solid\\",
+                \\"grey\\"
+              ]
+            },
+            \\"blue\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.icon.solid.blue.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"blue\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"icon\\",
+                \\"solid\\",
+                \\"blue\\"
+              ]
+            },
+            \\"red\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.icon.solid.red.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"red\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"icon\\",
+                \\"solid\\",
+                \\"red\\"
+              ]
+            },
+            \\"yellow\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.icon.solid.yellow.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"yellow\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"icon\\",
+                \\"solid\\",
+                \\"yellow\\"
+              ]
+            },
+            \\"green\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.icon.solid.green.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"green\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"icon\\",
+                \\"solid\\",
+                \\"green\\"
+              ]
+            }
+          }
+        },
+        \\"closable-icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{chip.closable-icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"closable-icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"chip\\",
+            \\"closable-icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"solid\\": {
+            \\"grey\\": {
+              \\"value\\": \\"#f3f3f3\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.background.solid.grey.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"grey\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"background\\",
+                \\"solid\\",
+                \\"grey\\"
+              ]
+            },
+            \\"blue\\": {
+              \\"value\\": \\"#00619b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.background.solid.blue.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"blue\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"background\\",
+                \\"solid\\",
+                \\"blue\\"
+              ]
+            },
+            \\"red\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.background.solid.red.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"red\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"background\\",
+                \\"solid\\",
+                \\"red\\"
+              ]
+            },
+            \\"yellow\\": {
+              \\"value\\": \\"#edd317\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.background.solid.yellow.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"yellow\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"background\\",
+                \\"solid\\",
+                \\"yellow\\"
+              ]
+            },
+            \\"green\\": {
+              \\"value\\": \\"#35ac46\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.background.solid.green.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"green\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"background\\",
+                \\"solid\\",
+                \\"green\\"
+              ]
+            }
+          }
+        },
+        \\"border\\": {
+          \\"clear\\": {
+            \\"grey\\": {
+              \\"value\\": \\"#cacaca\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.border.clear.grey.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"grey\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"border\\",
+                \\"clear\\",
+                \\"grey\\"
+              ]
+            },
+            \\"blue\\": {
+              \\"value\\": \\"#00619b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.border.clear.blue.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"blue\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"border\\",
+                \\"clear\\",
+                \\"blue\\"
+              ]
+            },
+            \\"red\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.border.clear.red.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"red\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"border\\",
+                \\"clear\\",
+                \\"red\\"
+              ]
+            },
+            \\"yellow\\": {
+              \\"value\\": \\"#edd317\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.border.clear.yellow.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"yellow\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"border\\",
+                \\"clear\\",
+                \\"yellow\\"
+              ]
+            },
+            \\"green\\": {
+              \\"value\\": \\"#35ac46\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{chip.border.clear.green.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"green\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"chip\\",
+                \\"border\\",
+                \\"clear\\",
+                \\"green\\"
+              ]
+            }
+          }
+        }
+      },
+      \\"label\\": {
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{label.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"label\\",
+            \\"font\\"
+          ]
+        }
+      },
+      \\"loader\\": {
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{loader.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"loader\\",
+            \\"font\\"
+          ]
+        },
+        \\"default\\": {
+          \\"foreground\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{loader.default.foreground.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"foreground\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"loader\\",
+              \\"default\\",
+              \\"foreground\\"
+            ]
+          }
+        },
+        \\"inline\\": {
+          \\"foreground\\": {
+            \\"indeterminate\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{loader.inline.foreground.indeterminate.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"indeterminate\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"loader\\",
+                \\"inline\\",
+                \\"foreground\\",
+                \\"indeterminate\\"
+              ]
+            },
+            \\"determinate\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{loader.inline.foreground.determinate.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"determinate\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"loader\\",
+                \\"inline\\",
+                \\"foreground\\",
+                \\"determinate\\"
+              ]
+            }
+          }
+        }
+      },
+      \\"rating\\": {
+        \\"star\\": {
+          \\"background\\": {
+            \\"default\\": {
+              \\"value\\": \\"#949494\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{rating.star.background.default.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"default\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"rating\\",
+                \\"star\\",
+                \\"background\\",
+                \\"default\\"
+              ]
+            },
+            \\"active\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{rating.star.background.active.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"active\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"rating\\",
+                \\"star\\",
+                \\"background\\",
+                \\"active\\"
+              ]
+            },
+            \\"average\\": {
+              \\"value\\": \\"#edd317\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{rating.star.background.average.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"average\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"rating\\",
+                \\"star\\",
+                \\"background\\",
+                \\"average\\"
+              ]
+            }
+          }
+        },
+        \\"chip\\": {
+          \\"count\\": {
+            \\"font\\": {
+              \\"value\\": \\"#4a4a4a\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{rating.chip.count.font.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"font\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"rating\\",
+                \\"chip\\",
+                \\"count\\",
+                \\"font\\"
+              ]
+            }
+          },
+          \\"foreground\\": {
+            \\"value\\": \\"#f3f3f3\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{rating.chip.foreground.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"foreground\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"rating\\",
+              \\"chip\\",
+              \\"foreground\\"
+            ]
+          }
+        }
+      },
+      \\"tooltip\\": {
+        \\"foreground\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{tooltip.foreground.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"foreground\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"tooltip\\",
+            \\"foreground\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{tooltip.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"tooltip\\",
+            \\"border\\"
+          ]
+        },
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{tooltip.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"tooltip\\",
+            \\"font\\"
+          ]
+        }
+      },
+      \\"accordion-item\\": {
+        \\"font\\": {
+          \\"heading\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{accordion-item.font.heading.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"heading\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"accordion-item\\",
+              \\"font\\",
+              \\"heading\\"
+            ]
+          },
+          \\"description\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{accordion-item.font.description.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"description\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"accordion-item\\",
+              \\"font\\",
+              \\"description\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"default\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{accordion-item.icon.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"accordion-item\\",
+              \\"icon\\",
+              \\"default\\"
+            ]
+          },
+          \\"expanded\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{accordion-item.icon.expanded.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"expanded\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"accordion-item\\",
+              \\"icon\\",
+              \\"expanded\\"
+            ]
+          }
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{accordion-item.background.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"accordion-item\\",
+            \\"background\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#d4d4d4\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{accordion-item.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"accordion-item\\",
+            \\"border\\"
+          ]
+        }
+      },
+      \\"input-message\\": {
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-message.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-message\\",
+            \\"font\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"idle\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-message.icon.idle.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"idle\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-message\\",
+              \\"icon\\",
+              \\"idle\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-message.icon.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-message\\",
+              \\"icon\\",
+              \\"invalid\\"
+            ]
+          },
+          \\"valid\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-message.icon.valid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"valid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-message\\",
+              \\"icon\\",
+              \\"valid\\"
+            ]
+          }
+        }
+      },
+      \\"alert\\": {
+        \\"font\\": {
+          \\"title\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.font.title.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"title\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"font\\",
+              \\"title\\"
+            ]
+          },
+          \\"message\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.font.message.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"message\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"font\\",
+              \\"message\\"
+            ]
+          }
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{alert.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"alert\\",
+            \\"background\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{alert.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"alert\\",
+            \\"border\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"blue\\": {
+            \\"value\\": \\"#00619b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.icon.blue.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"blue\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"icon\\",
+              \\"blue\\"
+            ]
+          },
+          \\"green\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.icon.green.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"green\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"icon\\",
+              \\"green\\"
+            ]
+          },
+          \\"yellow\\": {
+            \\"value\\": \\"#edd317\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.icon.yellow.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"yellow\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"icon\\",
+              \\"yellow\\"
+            ]
+          },
+          \\"red\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.icon.red.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"red\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"icon\\",
+              \\"red\\"
+            ]
+          }
+        },
+        \\"highlight\\": {
+          \\"blue\\": {
+            \\"value\\": \\"#00619b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.highlight.blue.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"blue\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"highlight\\",
+              \\"blue\\"
+            ]
+          },
+          \\"green\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.highlight.green.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"green\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"highlight\\",
+              \\"green\\"
+            ]
+          },
+          \\"yellow\\": {
+            \\"value\\": \\"#edd317\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.highlight.yellow.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"yellow\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"highlight\\",
+              \\"yellow\\"
+            ]
+          },
+          \\"red\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{alert.highlight.red.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"red\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"alert\\",
+              \\"highlight\\",
+              \\"red\\"
+            ]
+          }
+        }
+      },
+      \\"tip\\": {
+        \\"font\\": {
+          \\"heading\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tip.font.heading.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"heading\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tip\\",
+              \\"font\\",
+              \\"heading\\"
+            ]
+          },
+          \\"description\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tip.font.description.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"description\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tip\\",
+              \\"font\\",
+              \\"description\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{tip.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"tip\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"light\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{tip.background.default.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"tip\\",
+                \\"background\\",
+                \\"default\\",
+                \\"light\\"
+              ]
+            }
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#d4d4d4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tip.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tip\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          }
+        }
+      },
+      \\"color-picker\\": {
+        \\"font\\": {
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{color-picker.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"color-picker\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{color-picker.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"color-picker\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#cacaca\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{color-picker.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"color-picker\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{color-picker.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"color-picker\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          }
+        }
+      },
+      \\"date-picker\\": {
+        \\"font\\": {
+          \\"date\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{date-picker.font.date.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"date\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"date-picker\\",
+              \\"font\\",
+              \\"date\\"
+            ]
+          },
+          \\"range\\": {
+            \\"date\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{date-picker.font.range.date.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"date\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"date-picker\\",
+                \\"font\\",
+                \\"range\\",
+                \\"date\\"
+              ]
+            }
+          },
+          \\"day\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{date-picker.font.day.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"day\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"date-picker\\",
+              \\"font\\",
+              \\"day\\"
+            ]
+          },
+          \\"month\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{date-picker.font.month.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"month\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"date-picker\\",
+              \\"font\\",
+              \\"month\\"
+            ]
+          },
+          \\"selected\\": {
+            \\"date\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{date-picker.font.selected.date.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"date\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"date-picker\\",
+                \\"font\\",
+                \\"selected\\",
+                \\"date\\"
+              ]
+            }
+          },
+          \\"active\\": {
+            \\"date\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{date-picker.font.active.date.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"date\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"date-picker\\",
+                \\"font\\",
+                \\"active\\",
+                \\"date\\"
+              ]
+            }
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{date-picker.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"date-picker\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#cacaca\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{date-picker.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"date-picker\\",
+            \\"border\\"
+          ]
+        },
+        \\"date\\": {
+          \\"active\\": {
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{date-picker.date.active.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"date-picker\\",
+                \\"date\\",
+                \\"active\\",
+                \\"border\\"
+              ]
+            }
+          }
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{date-picker.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"date-picker\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"date\\": {
+            \\"range\\": {
+              \\"value\\": \\"#c7eaff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{date-picker.background.date.range.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"range\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"date-picker\\",
+                \\"background\\",
+                \\"date\\",
+                \\"range\\"
+              ]
+            },
+            \\"active\\": {
+              \\"light\\": {
+                \\"value\\": \\"#007ac2\\",
+                \\"type\\": \\"color\\",
+                \\"filePath\\": \\"src/calcite/light.json\\",
+                \\"isSource\\": true,
+                \\"original\\": {
+                  \\"value\\": \\"{date-picker.background.date.active.light}\\",
+                  \\"type\\": \\"color\\"
+                },
+                \\"name\\": \\"light\\",
+                \\"attributes\\": {},
+                \\"path\\": [
+                  \\"color\\",
+                  \\"component\\",
+                  \\"date-picker\\",
+                  \\"background\\",
+                  \\"date\\",
+                  \\"active\\",
+                  \\"light\\"
+                ]
+              }
+            }
+          }
+        }
+      },
+      \\"input-date-picker\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-date-picker.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-date-picker\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-date-picker.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-date-picker\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-date-picker.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-date-picker\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-date-picker.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-date-picker\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-date-picker.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-date-picker\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"arrow\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-date-picker.background.arrow.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"arrow\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-date-picker\\",
+              \\"background\\",
+              \\"arrow\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-date-picker.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-date-picker\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        }
+      },
+      \\"input-datetime-local\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-datetime-local.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-datetime-local\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-datetime-local.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-datetime-local\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-email\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-email.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-email\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-email.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-email\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-file\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-file.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-file\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-file.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-file\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-month\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-month.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-month\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-month.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-month\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-number\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-number.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-number\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-number.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-number\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-password\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-password.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-password\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-password.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-password\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-search\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-search.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-search\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-search.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-search\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-telephone\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-telephone.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-telephone\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-telephone.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-telephone\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-text\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-text.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-text\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-text.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-text\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"input-week\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"prefix-suffix\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.font.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-suffix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"font\\",
+              \\"prefix-suffix\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{input-week.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"input-week\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"prefix-sufix\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.background.prefix-suffix.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"prefix-sufix\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"background\\",
+              \\"prefix-sufix\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{input-week.border.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"input-week\\",
+              \\"border\\",
+              \\"invalid\\"
+            ]
+          }
+        }
+      },
+      \\"textarea\\": {
+        \\"font\\": {
+          \\"placeholder-value\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{textarea.font.placeholder-value.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"placeholder-value\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"textarea\\",
+              \\"font\\",
+              \\"placeholder-value\\"
+            ]
+          },
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{textarea.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"textarea\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"chat-limit\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{textarea.font.chat-limit.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"chat-limit\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"textarea\\",
+              \\"font\\",
+              \\"chat-limit\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{textarea.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"textarea\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{textarea.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"textarea\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"read-only\\": {
+            \\"value\\": \\"#f8f8f8\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{textarea.background.read-only.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"read-only\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"textarea\\",
+              \\"background\\",
+              \\"read-only\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{textarea.border.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"textarea\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          }
+        }
+      },
+      \\"tab-title\\": {
+        \\"font\\": {
+          \\"default\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tab-title.font.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tab-title\\",
+              \\"font\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tab-title.font.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tab-title\\",
+              \\"font\\",
+              \\"active\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"default\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tab-title.icon.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tab-title\\",
+              \\"icon\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tab-title.icon.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tab-title\\",
+              \\"icon\\",
+              \\"active\\"
+            ]
+          }
+        },
+        \\"bordered\\": {
+          \\"border\\": {
+            \\"value\\": \\"#dfdfdf\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tab-title.bordered.border.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"border\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tab-title\\",
+              \\"bordered\\",
+              \\"border\\"
+            ]
+          },
+          \\"background\\": {
+            \\"default\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{tab-title.bordered.background.default.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"default\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"tab-title\\",
+                \\"bordered\\",
+                \\"background\\",
+                \\"default\\"
+              ]
+            }
+          }
+        },
+        \\"border\\": {
+          \\"active\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tab-title.border.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tab-title\\",
+              \\"border\\",
+              \\"active\\"
+            ]
+          }
+        }
+      },
+      \\"tabs\\": {
+        \\"bordered\\": {
+          \\"border\\": {
+            \\"value\\": \\"#dfdfdf\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tabs.bordered.border.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"border\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tabs\\",
+              \\"bordered\\",
+              \\"border\\"
+            ]
+          },
+          \\"background\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tabs.bordered.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"background\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tabs\\",
+              \\"bordered\\",
+              \\"background\\"
+            ]
+          }
+        }
+      },
+      \\"card\\": {
+        \\"font\\": {
+          \\"title\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{card.font.title.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"title\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"card\\",
+              \\"font\\",
+              \\"title\\"
+            ]
+          },
+          \\"subtitle\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{card.font.subtitle.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"subtitle\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"card\\",
+              \\"font\\",
+              \\"subtitle\\"
+            ]
+          },
+          \\"description\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{card.font.description.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"description\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"card\\",
+              \\"font\\",
+              \\"description\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#d4d4d4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{card.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"card\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{card.border.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"card\\",
+              \\"border\\",
+              \\"active\\"
+            ]
+          }
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{card.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"card\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          }
+        }
+      },
+      \\"action\\": {
+        \\"font\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action.font.default.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action\\",
+            \\"font\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{action.background.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"action\\",
+              \\"background\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#eaeaea\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{action.background.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"action\\",
+              \\"background\\",
+              \\"active\\"
+            ]
+          }
+        }
+      },
+      \\"action-bar\\": {
+        \\"border\\": {
+          \\"value\\": \\"#cacaca\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-bar.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-bar\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-bar.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-bar\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"action-pad\\": {
+        \\"border\\": {
+          \\"value\\": \\"#cacaca\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-pad.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-pad\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-pad.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-pad\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"action-bar-grid\\": {
+        \\"border\\": {
+          \\"value\\": \\"#cacaca\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-bar-grid.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-bar-grid\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-bar-grid.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-bar-grid\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"action-pad-grid\\": {
+        \\"border\\": {
+          \\"value\\": \\"#cacaca\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-pad-grid.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-pad-grid\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{action-pad-grid.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"action-pad-grid\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"block\\": {
+        \\"font\\": {
+          \\"heading\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.font.heading.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"heading\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"font\\",
+              \\"heading\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{action.font.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"font\\",
+              \\"active\\"
+            ]
+          },
+          \\"description\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.font.description.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"description\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"font\\",
+              \\"description\\"
+            ]
+          },
+          \\"content\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.font.content.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"content\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"font\\",
+              \\"content\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"idle\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.icon.idle.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"idle\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"icon\\",
+              \\"idle\\"
+            ]
+          },
+          \\"valid\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.icon.valid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"valid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"icon\\",
+              \\"valid\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.icon.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"icon\\",
+              \\"invalid\\"
+            ]
+          },
+          \\"drag-handle\\": {
+            \\"value\\": \\"#949494\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.icon.drag-handle.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"drag-handle\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"icon\\",
+              \\"drag-handle\\"
+            ]
+          },
+          \\"chevron\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block.icon.chevron.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"chevron\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block\\",
+              \\"icon\\",
+              \\"chevron\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{block.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"block\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{block.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"block\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"block-section\\": {
+        \\"font\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{block-section.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"block-section\\",
+            \\"font\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"valid\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block-section.icon.valid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"valid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block-section\\",
+              \\"icon\\",
+              \\"valid\\"
+            ]
+          },
+          \\"invalid\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block-section.icon.invalid.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"invalid\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block-section\\",
+              \\"icon\\",
+              \\"invalid\\"
+            ]
+          },
+          \\"chevron\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{block-section.icon.chevron.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"chevron\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"block-section\\",
+              \\"icon\\",
+              \\"chevron\\"
+            ]
+          }
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{block-section.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"block-section\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"notice\\": {
+        \\"font\\": {
+          \\"title\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.font.title.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"title\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"font\\",
+              \\"title\\"
+            ]
+          },
+          \\"message\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.font.message.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"message\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"font\\",
+              \\"message\\"
+            ]
+          }
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{notice.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"notice\\",
+            \\"background\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"info\\": {
+            \\"value\\": \\"#00619b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.icon.info.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"info\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"icon\\",
+              \\"info\\"
+            ]
+          },
+          \\"success\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.icon.success.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"success\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"icon\\",
+              \\"success\\"
+            ]
+          },
+          \\"warning\\": {
+            \\"value\\": \\"#edd317\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.icon.warning.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"warning\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"icon\\",
+              \\"warning\\"
+            ]
+          },
+          \\"danger\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.icon.danger.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"danger\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"icon\\",
+              \\"danger\\"
+            ]
+          },
+          \\"brand\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.icon.brand.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"brand\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"icon\\",
+              \\"brand\\"
+            ]
+          }
+        },
+        \\"highlight\\": {
+          \\"info\\": {
+            \\"value\\": \\"#00619b\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.highlight.info.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"info\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"highlight\\",
+              \\"info\\"
+            ]
+          },
+          \\"success\\": {
+            \\"value\\": \\"#35ac46\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.highlight.success.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"success\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"highlight\\",
+              \\"success\\"
+            ]
+          },
+          \\"warning\\": {
+            \\"value\\": \\"#edd317\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.highlight.warning.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"warning\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"highlight\\",
+              \\"warning\\"
+            ]
+          },
+          \\"danger\\": {
+            \\"value\\": \\"#d83020\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.highlight.danger.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"danger\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"highlight\\",
+              \\"danger\\"
+            ]
+          },
+          \\"brand\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{notice.highlight.brand.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"brand\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"notice\\",
+              \\"highlight\\",
+              \\"brand\\"
+            ]
+          }
+        }
+      },
+      \\"modal\\": {
+        \\"font\\": {
+          \\"header\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{modal.font.header.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"header\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"modal\\",
+              \\"font\\",
+              \\"header\\"
+            ]
+          },
+          \\"content\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{modal.font.content.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"content\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"modal\\",
+              \\"font\\",
+              \\"content\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{modal.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"modal\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#dfdfdf\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{modal.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"modal\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"top\\": {
+            \\"brand\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{modal.border.top.brand.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"brand\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"modal\\",
+                \\"border\\",
+                \\"top\\",
+                \\"brand\\"
+              ]
+            },
+            \\"info\\": {
+              \\"value\\": \\"#00619b\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{modal.border.top.info.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"info\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"modal\\",
+                \\"border\\",
+                \\"top\\",
+                \\"info\\"
+              ]
+            },
+            \\"success\\": {
+              \\"value\\": \\"#35ac46\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{modal.border.top.success.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"success\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"modal\\",
+                \\"border\\",
+                \\"top\\",
+                \\"success\\"
+              ]
+            },
+            \\"danger\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{modal.border.top.danger.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"danger\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"modal\\",
+                \\"border\\",
+                \\"top\\",
+                \\"danger\\"
+              ]
+            },
+            \\"warning\\": {
+              \\"value\\": \\"#edd317\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{modal.border.top.warning.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"warning\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"modal\\",
+                \\"border\\",
+                \\"top\\",
+                \\"warning\\"
+              ]
+            }
+          }
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{modal.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"modal\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"panel-header\\": {
+        \\"font\\": {
+          \\"value\\": \\"#4a4a4a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{panel-header.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"panel-header\\",
+            \\"font\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{panel-header.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"panel-header\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{panel-header.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"panel-header\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{panel-header.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"panel-header\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"popover\\": {
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{popover.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"popover\\",
+            \\"font\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{popover.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"popover\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#dfdfdf\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{popover.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"popover\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{popover.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"popover\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"slider\\": {
+        \\"font\\": {
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"tick-label\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider.font.tick-label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"tick-label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider\\",
+              \\"font\\",
+              \\"tick-label\\"
+            ]
+          }
+        },
+        \\"handle\\": {
+          \\"background\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider.handle.background.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"background\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider\\",
+              \\"handle\\",
+              \\"background\\"
+            ]
+          },
+          \\"border\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider.handle.border.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"border\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider\\",
+              \\"handle\\",
+              \\"border\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#d4d4d4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider.border.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider\\",
+              \\"border\\",
+              \\"active\\"
+            ]
+          }
+        },
+        \\"tick\\": {
+          \\"default\\": {
+            \\"background\\": {
+              \\"value\\": \\"#949494\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider.tick.default.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider.tick.default.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"border\\"
+              ]
+            }
+          },
+          \\"active\\": {
+            \\"background\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider.tick.active.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider.tick.active.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"border\\"
+              ]
+            }
+          }
+        }
+      },
+      \\"slider-range\\": {
+        \\"font\\": {
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-range.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-range\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"tick-label\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-range.font.tick-label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"tick-label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-range\\",
+              \\"font\\",
+              \\"tick-label\\"
+            ]
+          }
+        },
+        \\"handle\\": {
+          \\"background\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-range.handle.background.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"background\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-range\\",
+              \\"handle\\",
+              \\"background\\"
+            ]
+          },
+          \\"border\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-range.handle.border.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"border\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-range\\",
+              \\"handle\\",
+              \\"border\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#d4d4d4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-range.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-range\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-range.border.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-range\\",
+              \\"border\\",
+              \\"active\\"
+            ]
+          }
+        },
+        \\"tick\\": {
+          \\"default\\": {
+            \\"background\\": {
+              \\"value\\": \\"#949494\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-range.tick.default.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-range\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-range.tick.default.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-range\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"border\\"
+              ]
+            }
+          },
+          \\"active\\": {
+            \\"background\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-range.tick.active.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-range\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-range.tick.active.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-range\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"border\\"
+              ]
+            }
+          }
+        }
+      },
+      \\"slider-histogram\\": {
+        \\"font\\": {
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"tick-label\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.font.tick-label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"tick-label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram\\",
+              \\"font\\",
+              \\"tick-label\\"
+            ]
+          }
+        },
+        \\"handle\\": {
+          \\"background\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.handle.background.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"background\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram\\",
+              \\"handle\\",
+              \\"background\\"
+            ]
+          },
+          \\"border\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.handle.border.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"border\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram\\",
+              \\"handle\\",
+              \\"border\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#d4d4d4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.border.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram\\",
+              \\"border\\",
+              \\"active\\"
+            ]
+          }
+        },
+        \\"tick\\": {
+          \\"default\\": {
+            \\"background\\": {
+              \\"value\\": \\"#949494\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram.tick.default.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram.tick.default.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"border\\"
+              ]
+            }
+          },
+          \\"active\\": {
+            \\"background\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram.tick.active.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram.tick.active.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"border\\"
+              ]
+            }
+          }
+        },
+        \\"area\\": {
+          \\"active\\": {
+            \\"background\\": {
+              \\"value\\": \\"#9BBDDF\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram.area.active.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram\\",
+                \\"area\\",
+                \\"active\\",
+                \\"background\\"
+              ]
+            }
+          }
+        },
+        \\"active-end\\": {
+          \\"background\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.active-end.background.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"background\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram\\",
+              \\"active-end\\",
+              \\"background\\"
+            ]
+          }
+        }
+      },
+      \\"slider-histogram-range\\": {
+        \\"font\\": {
+          \\"label\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram-range.font.label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram-range\\",
+              \\"font\\",
+              \\"label\\"
+            ]
+          },
+          \\"tick-label\\": {
+            \\"value\\": \\"#4a4a4a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram-range.font.tick-label.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"tick-label\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram-range\\",
+              \\"font\\",
+              \\"tick-label\\"
+            ]
+          }
+        },
+        \\"handle\\": {
+          \\"background\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram-range.handle.background.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"background\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram-range\\",
+              \\"handle\\",
+              \\"background\\"
+            ]
+          },
+          \\"border\\": {
+            \\"value\\": \\"#6a6a6a\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram-range.handle.border.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"border\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram-range\\",
+              \\"handle\\",
+              \\"border\\"
+            ]
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#d4d4d4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram-range.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram-range\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          },
+          \\"active\\": {
+            \\"value\\": \\"#007ac2\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram-range.border.active.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"active\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram-range\\",
+              \\"border\\",
+              \\"active\\"
+            ]
+          }
+        },
+        \\"tick\\": {
+          \\"default\\": {
+            \\"background\\": {
+              \\"value\\": \\"#949494\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram-range.tick.default.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram-range\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram-range.tick.default.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram-range\\",
+                \\"tick\\",
+                \\"default\\",
+                \\"border\\"
+              ]
+            }
+          },
+          \\"active\\": {
+            \\"background\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram-range.tick.active.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram-range\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"background\\"
+              ]
+            },
+            \\"border\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram-range.tick.active.border.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"border\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram-range\\",
+                \\"tick\\",
+                \\"active\\",
+                \\"border\\"
+              ]
+            }
+          }
+        },
+        \\"area\\": {
+          \\"active\\": {
+            \\"background\\": {
+              \\"value\\": \\"#9BBDDF\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{slider-histogram-range.area.active.background.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"background\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"slider-histogram-range\\",
+                \\"area\\",
+                \\"active\\",
+                \\"background\\"
+              ]
+            }
+          }
+        },
+        \\"active-end\\": {
+          \\"background\\": {
+            \\"value\\": \\"#ffffff\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{slider-histogram.active-end.background.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"background\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"slider-histogram-range\\",
+              \\"active-end\\",
+              \\"background\\"
+            ]
+          }
+        }
+      },
+      \\"filter\\": {
+        \\"font\\": {
+          \\"value\\": \\"#151515\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{filter.font.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"font\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"filter\\",
+            \\"font\\"
+          ]
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{filter.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"filter\\",
+            \\"icon\\"
+          ]
+        },
+        \\"border\\": {
+          \\"value\\": \\"#949494\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{filter.border.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"border\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"filter\\",
+            \\"border\\"
+          ]
+        },
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{filter.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"filter\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"scrim\\": {
+        \\"background\\": {
+          \\"value\\": \\"#ffffff\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{scrim.background.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"background\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"scrim\\",
+            \\"background\\"
+          ]
+        }
+      },
+      \\"tip-manager\\": {
+        \\"font\\": {
+          \\"heading\\": {
+            \\"value\\": \\"#151515\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tip-manager.font.heading.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"heading\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tip-manager\\",
+              \\"font\\",
+              \\"heading\\"
+            ]
+          }
+        },
+        \\"icon\\": {
+          \\"value\\": \\"#6a6a6a\\",
+          \\"type\\": \\"color\\",
+          \\"filePath\\": \\"src/calcite/light.json\\",
+          \\"isSource\\": true,
+          \\"original\\": {
+            \\"value\\": \\"{tip-manager.icon.light}\\",
+            \\"type\\": \\"color\\"
+          },
+          \\"name\\": \\"icon\\",
+          \\"attributes\\": {},
+          \\"path\\": [
+            \\"color\\",
+            \\"component\\",
+            \\"tip-manager\\",
+            \\"icon\\"
+          ]
+        },
+        \\"background\\": {
+          \\"default\\": {
+            \\"light\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{tip-manager.background.default.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"light\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"tip-manager\\",
+                \\"background\\",
+                \\"default\\",
+                \\"light\\"
+              ]
+            }
+          }
+        },
+        \\"border\\": {
+          \\"default\\": {
+            \\"value\\": \\"#d4d4d4\\",
+            \\"type\\": \\"color\\",
+            \\"filePath\\": \\"src/calcite/light.json\\",
+            \\"isSource\\": true,
+            \\"original\\": {
+              \\"value\\": \\"{tip-manager.border.default.light}\\",
+              \\"type\\": \\"color\\"
+            },
+            \\"name\\": \\"default\\",
+            \\"attributes\\": {},
+            \\"path\\": [
+              \\"color\\",
+              \\"component\\",
+              \\"tip-manager\\",
+              \\"border\\",
+              \\"default\\"
+            ]
+          }
+        }
+      },
+      \\"button\\": {
+        \\"font\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.brand.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.brand.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.danger.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.font.danger.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"transparent\\"
+              ]
+            }
+          }
+        },
+        \\"icon\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.brand.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.brand.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.danger.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.icon.danger.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"transparent\\"
+              ]
+            }
+          }
+        },
+        \\"background\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.background.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"background\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            }
+          }
+        },
+        \\"border\\": {
+          \\"brand\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.brand.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"brand\\",
+                \\"outline\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"inverse\\",
+                \\"outline\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"neutral\\",
+                \\"outline\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.danger.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"button\\",
+                \\"border\\",
+                \\"danger\\",
+                \\"outline\\"
+              ]
+            }
+          }
+        }
+      },
+      \\"split-button\\": {
+        \\"font\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.brand.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.brand.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.danger.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.font.danger.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"transparent\\"
+              ]
+            }
+          }
+        },
+        \\"icon\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.brand.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.brand.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.danger.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.icon.danger.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"transparent\\"
+              ]
+            }
+          }
+        },
+        \\"background\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.background.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"background\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            }
+          }
+        },
+        \\"border\\": {
+          \\"brand\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.border.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.border.brand.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"brand\\",
+                \\"outline\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.border.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.border.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"inverse\\",
+                \\"outline\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{button.border.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.border.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"neutral\\",
+                \\"outline\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.border.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.border.danger.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"border\\",
+                \\"danger\\",
+                \\"outline\\"
+              ]
+            }
+          }
+        },
+        \\"divider\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.brand.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"brand\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.brand.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"brand\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"inverse\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"inverse\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"neutral\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.inverse.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"neutral\\",
+                \\"transparent\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"outline\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.danger.outline.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"danger\\",
+                \\"outline\\"
+              ]
+            },
+            \\"transparent\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{split-button.divider.danger.transparent.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"transparent\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"split-button\\",
+                \\"divider\\",
+                \\"danger\\",
+                \\"transparent\\"
+              ]
+            }
+          }
+        }
+      },
+      \\"fab\\": {
+        \\"font\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.font.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"font\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            }
+          }
+        },
+        \\"icon\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#151515\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.icon.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"icon\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            }
+          }
+        },
+        \\"background\\": {
+          \\"brand\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"solid\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            },
+            \\"outline-fill\\": {
+              \\"value\\": \\"#ffffff\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.background.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"background\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            }
+          }
+        },
+        \\"border\\": {
+          \\"brand\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.brand.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"brand\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"solid\\": {
+              \\"value\\": \\"#007ac2\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.brand.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"brand\\",
+                \\"solid\\"
+              ]
+            }
+          },
+          \\"inverse\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"inverse\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"inverse\\",
+                \\"solid\\"
+              ]
+            }
+          },
+          \\"neutral\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.inverse.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"neutral\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"solid\\": {
+              \\"value\\": \\"#353535\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.inverse.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"neutral\\",
+                \\"solid\\"
+              ]
+            }
+          },
+          \\"danger\\": {
+            \\"outline-fill\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.danger.outline-fill.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"outline-fill\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"danger\\",
+                \\"outline-fill\\"
+              ]
+            },
+            \\"solid\\": {
+              \\"value\\": \\"#d83020\\",
+              \\"type\\": \\"color\\",
+              \\"filePath\\": \\"src/calcite/light.json\\",
+              \\"isSource\\": true,
+              \\"original\\": {
+                \\"value\\": \\"{fab.border.danger.solid.light}\\",
+                \\"type\\": \\"color\\"
+              },
+              \\"name\\": \\"solid\\",
+              \\"attributes\\": {},
+              \\"path\\": [
+                \\"color\\",
+                \\"component\\",
+                \\"fab\\",
+                \\"border\\",
+                \\"danger\\",
+                \\"solid\\"
+              ]
+            }
+          }
+        }
+      }
+    }
+  }
+};
+"
+`;
+
+exports[`generated tokens JS types should match 1`] = `
+"/
+
+declare const root: RootObject
+export default root
+interface RootObject {
+  'accordion-item': Accordionitem;
+  accordion: Accordion;
+  'action-bar-grid': Actionbargrid;
+  'action-bar': Actionbargrid;
+  'action-pad-grid': Actionbargrid;
+  'action-pad': Actionbargrid;
+  action: Action;
+  alert: Alert;
+  avatar: Avatar;
+  'block-section': Blocksection2;
+  block: Block2;
+  button: Button;
+  card: Card;
+  checkbox: Checkbox;
+  chip: Chip;
+  'color-picker': Colorpicker;
+  combobox: Combobox;
+  'date-picker': Datepicker;
+  'dropdown-item': Dropdownitem;
+  dropdown: Dropdown;
+  fab: Fab;
+  filter: Filter;
+  icon: Icon10;
+  'input-date-picker': Inputdatepicker;
+  'input-datetime-local': Inputdatetimelocal;
+  'input-email': Inputdatetimelocal;
+  'input-file': Inputdatetimelocal;
+  'input-message': Inputmessage;
+  'input-month': Inputdatetimelocal;
+  'input-number': Inputdatetimelocal;
+  'input-password': Inputdatetimelocal;
+  'input-search': Inputdatetimelocal;
+  'input-telephone': Inputdatetimelocal;
+  'input-text': Inputdatetimelocal;
+  'input-week': Inputdatetimelocal;
+  label: Label;
+  link: Link;
+  loader: Loader;
+  modal: Modal;
+  notice: Notice;
+  pagination: Combobox;
+  'panel-header': Panelheader;
+  popover: Popover;
+  radio: Radio;
+  rating: Rating;
+  scrim: Scrim;
+  'segmented-control': Segmentedcontrol;
+  'slider-histogram-range': Sliderhistogramrange;
+  'slider-histogram': Sliderhistogram;
+  'slider-range': Sliderrange;
+  slider: Sliderrange;
+  'split-button': Splitbutton;
+  'stepper-item': Stepperitem;
+  stepper: Combobox;
+  switch: Switch;
+  'tab-title': Tabtitle;
+  tabs: Tabs;
+  textarea: Textarea;
+  tip: Tip;
+  tooltip: Tooltip;
+  'tree-item': Treeitem;
+  core: Core;
+  semantic: Semantic;
+}
+interface Semantic {
+  border: Border8;
+  ui: Ui;
+  spacing: Spacing;
+}
+interface Spacing {
+  base: Light;
+  xs: Light;
+  sm: Light;
+  md: Light;
+  lg: Light;
+  xl: Light;
+}
+interface Ui {
+  border: Border9;
+  color: Color2;
+}
+interface Color2 {
+  brand: Brand4;
+  background: Heading;
+  foreground: Foreground2;
+  text: Text3;
+  border: Border10;
+  info: Brand4;
+  success: Brand4;
+  warning: Brand4;
+  danger: Brand4;
+  inverse: Heading;
+}
+interface Border10 {
+  '1': Heading;
+  '2': Heading;
+  '3': Heading;
+  input: Heading;
+}
+interface Text3 {
+  '1': Heading;
+  '2': Heading;
+  '3': Heading;
+  inverse: Heading;
+  link: Heading;
+}
+interface Foreground2 {
+  '1': Heading;
+  '2': Heading;
+  '3': Heading;
+  current: Heading;
+}
+interface Brand4 {
+  default: Heading;
+  hover: Heading;
+  press: Heading;
+}
+interface Border9 {
+  'border-radius': Light;
+}
+interface Border8 {
+  'border-radius': Borderradius3;
+}
+interface Borderradius3 {
+  sharp: Light;
+  round: Light;
+  circular: Light;
+  pill: Light;
+}
+interface Core {
+  font: Font20;
+  border: Border7;
+  opacity: Opacity2;
+  color: Color;
+  sizing: Sizing;
+  spacing: Sizing;
+  breakpoint: Breakpoint;
+  'z-index': Zindex;
+}
+interface Zindex {
+  deep: Light;
+  default: Light;
+  sticky: Light;
+  header: Light;
+  toast: Light;
+  dropdown: Light;
+  overlay: Light;
+  modal: Light;
+  popup: Light;
+  tooltip: Light;
+}
+interface Breakpoint {
+  height: Height;
+  width: Width;
+  margin: Light;
+  gutter: Light;
+  content: Content2;
+  cols: Cols;
+}
+interface Cols {
+  xs: Ultralight;
+  sm: Ultralight;
+  md: Ultralight;
+  lg: Ultralight;
+}
+interface Content2 {
+  fluid: Ultralight;
+  fixed: Ultralight;
+}
+interface Width {
+  default: Default8;
+  xxs: Xxs;
+  xs: Xs;
+  sm: Xs;
+  md: Xs;
+  lg: Xs;
+}
+interface Default8 {
+  xxs: Ultralight;
+  xs: Ultralight;
+  sm: Ultralight;
+  md: Ultralight;
+  lg: Ultralight;
+}
+interface Height {
+  xxs: Xxs;
+  xs: Xs;
+  sm: Xs;
+  md: Xs;
+  lg: Xs;
+}
+interface Xs {
+  max: Max;
+  min: Max;
+}
+interface Xxs {
+  max: Max;
+}
+interface Max {
+  value: number;
+  type: string;
+  description: string;
+  filePath: string;
+  isSource: boolean;
+  original: Original3;
+  name: string;
+  attributes: Attributes;
+  path: string[];
+}
+interface Original3 {
+  value: number;
+  type: string;
+  description: string;
+}
+interface Sizing {
+  '0': Light;
+  '1': Light;
+  '2': Light;
+  '3': Light;
+  '4': Light;
+  '5': Light;
+  '6': Light;
+  '7': Light;
+  '8': Light;
+  '9': Light;
+  '10': Light;
+  '11': Light;
+  '12': Light;
+  '13': Light;
+  '14': Light;
+  '15': Light;
+  '16': Light;
+  '17': Light;
+  '18': Light;
+  '19': Light;
+  '20': Light;
+  '21': Light;
+  '22': Light;
+  '23': Light;
+  '24': Light;
+  '25': Light;
+  '26': Light;
+  '27': Light;
+  '28': Light;
+  none: Light;
+}
+interface Color {
+  neutral: Neutral;
+  palette: Palette;
+}
+interface Palette {
+  'high-saturation': Highsaturation;
+  vibrant: Vibrant;
+  dark: Dark;
+}
+interface Dark {
+  green: Green3;
+  yellow: Yellow3;
+  red: Red3;
+  blue: Blue3;
+}
+interface Blue3 {
+  'd-bb-410': Light;
+  'd-bb-420': Light;
+  'd-bb-430': Light;
+}
+interface Red3 {
+  'd-rr-410': Light;
+  'd-rr-420': Light;
+  'd-rr-430': Light;
+}
+interface Yellow3 {
+  'd-yy-410': Light;
+  'd-yy-420': Light;
+  'd-yy-430': Light;
+}
+interface Green3 {
+  'd-gg-410': Light;
+  'd-gg-420': Light;
+  'd-gg-430': Light;
+}
+interface Vibrant {
+  blue: Blue2;
+  'green-blue': Greenblue2;
+  green: Green2;
+  'yellow-green': Yellowgreen2;
+  yellow: Yellow2;
+  'orange-yellow': Orangeyellow2;
+  'red-orange': Redorange2;
+  red: Red2;
+  pink: Pink2;
+  'violet-red': Violetred2;
+  violet: Violet2;
+}
+interface Violet2 {
+  'v-vv-120': Light;
+  'v-vv-140': Light;
+  'v-vv-160': Light;
+  'v-vv-180': Light;
+}
+interface Violetred2 {
+  'v-vr-120': Light;
+  'v-vr-140': Light;
+  'v-vr-160': Light;
+  'v-vr-180': Light;
+}
+interface Pink2 {
+  'v-pk-120': Light;
+  'v-pk-140': Light;
+  'v-pk-160': Light;
+  'v-pk-180': Light;
+}
+interface Red2 {
+  'v-rr-120': Light;
+  'v-rr-140': Light;
+  'v-rr-160': Light;
+  'v-rr-180': Light;
+}
+interface Redorange2 {
+  'v-ro-120': Light;
+  'v-ro-140': Light;
+  'v-ro-160': Light;
+  'v-ro-180': Light;
+}
+interface Orangeyellow2 {
+  'v-oy-120': Light;
+  'v-oy-140': Light;
+  'v-oy-160': Light;
+  'v-oy-180': Light;
+}
+interface Yellow2 {
+  'v-yy-120': Light;
+  'v-yy-140': Light;
+  'v-yy-160': Light;
+  'v-yy-180': Light;
+}
+interface Yellowgreen2 {
+  'v-yg-120': Light;
+  'v-yg-140': Light;
+  'v-yg-160': Light;
+  'v-yg-180': Light;
+}
+interface Green2 {
+  'v-gg-120': Light;
+  'v-gg-140': Light;
+  'v-gg-160': Light;
+  'v-gg-180': Light;
+}
+interface Greenblue2 {
+  'v-gb-120': Light;
+  'v-gb-140': Light;
+  'v-gb-160': Light;
+  'v-gb-180': Light;
+}
+interface Blue2 {
+  'v-bb-120': Light;
+  'v-bb-140': Light;
+  'v-bb-160': Light;
+  'v-bb-180': Light;
+}
+interface Highsaturation {
+  blue: Blue;
+  'green-blue': Greenblue;
+  green: Green;
+  'yellow-green': Yellowgreen;
+  yellow: Yellow;
+  'orange-yellow': Orangeyellow;
+  orange: Orange;
+  'red-orange': Redorange;
+  red: Red;
+  pink: Pink;
+  'violet-red': Violetred;
+  violet: Violet;
+}
+interface Violet {
+  'h-vv-010': Light;
+  'h-vv-020': Light;
+  'h-vv-030': Light;
+  'h-vv-040': Light;
+  'h-vv-050': Light;
+  'h-vv-060': Light;
+  'h-vv-070': Light;
+  'h-vv-080': Light;
+  'h-vv-090': Light;
+  'h-vv-100': Light;
+}
+interface Violetred {
+  'h-vr-010': Light;
+  'h-vr-020': Light;
+  'h-vr-030': Light;
+  'h-vr-040': Light;
+  'h-vr-050': Light;
+  'h-vr-060': Light;
+  'h-vr-070': Light;
+  'h-vr-080': Light;
+  'h-vr-090': Light;
+  'h-vr-100': Light;
+}
+interface Pink {
+  'h-pk-010': Light;
+  'h-pk-020': Light;
+  'h-pk-030': Light;
+  'h-pk-040': Light;
+  'h-pk-050': Light;
+  'h-pk-060': Light;
+  'h-pk-070': Light;
+  'h-pk-080': Light;
+  'h-pk-090': Light;
+  'h-pk-100': Light;
+}
+interface Red {
+  'h-rr-010': Light;
+  'h-rr-020': Light;
+  'h-rr-030': Light;
+  'h-rr-040': Light;
+  'h-rr-050': Light;
+  'h-rr-060': Light;
+  'h-rr-070': Light;
+  'h-rr-080': Light;
+  'h-rr-090': Light;
+  'h-rr-100': Light;
+}
+interface Redorange {
+  'h-ro-010': Light;
+  'h-ro-020': Light;
+  'h-ro-030': Light;
+  'h-ro-040': Light;
+  'h-ro-050': Light;
+  'h-ro-060': Light;
+  'h-ro-070': Light;
+  'h-ro-080': Light;
+  'h-ro-090': Light;
+  'h-ro-100': Light;
+}
+interface Orange {
+  'h-oo-010': Light;
+  'h-oo-020': Light;
+  'h-oo-030': Light;
+  'h-oo-040': Light;
+  'h-oo-050': Light;
+  'h-oo-060': Light;
+  'h-oo-070': Light;
+  'h-oo-080': Light;
+  'h-oo-090': Light;
+  'h-oo-100': Light;
+}
+interface Orangeyellow {
+  'h-oy-010': Light;
+  'h-oy-020': Light;
+  'h-oy-030': Light;
+  'h-oy-040': Light;
+  'h-oy-050': Light;
+  'h-oy-060': Light;
+  'h-oy-070': Light;
+  'h-oy-080': Light;
+  'h-oy-090': Light;
+  'h-oy-100': Light;
+}
+interface Yellow {
+  'h-yy-010': Light;
+  'h-yy-020': Light;
+  'h-yy-030': Light;
+  'h-yy-040': Light;
+  'h-yy-050': Light;
+  'h-yy-060': Light;
+  'h-yy-070': Light;
+  'h-yy-080': Light;
+  'h-yy-090': Light;
+  'h-yy-100': Light;
+}
+interface Yellowgreen {
+  'h-yg-010': Light;
+  'h-yg-020': Light;
+  'h-yg-030': Light;
+  'h-yg-040': Light;
+  'h-yg-050': Light;
+  'h-yg-060': Light;
+  'h-yg-070': Light;
+  'h-yg-080': Light;
+  'h-yg-090': Light;
+  'h-yg-100': Light;
+}
+interface Green {
+  'h-gg-010': Light;
+  'h-gg-020': Light;
+  'h-gg-030': Light;
+  'h-gg-040': Light;
+  'h-gg-050': Light;
+  'h-gg-060': Light;
+  'h-gg-070': Light;
+  'h-gg-080': Light;
+  'h-gg-090': Light;
+  'h-gg-100': Light;
+}
+interface Greenblue {
+  'h-gb-010': Light;
+  'h-gb-020': Light;
+  'h-gb-030': Light;
+  'h-gb-040': Light;
+  'h-gb-050': Light;
+  'h-gb-060': Light;
+  'h-gb-070': Light;
+  'h-gb-080': Light;
+  'h-gb-090': Light;
+  'h-gb-100': Light;
+}
+interface Blue {
+  'h-bb-010': Light;
+  'h-bb-020': Light;
+  'h-bb-030': Light;
+  'h-bb-040': Light;
+  'h-bb-050': Light;
+  'h-bb-060': Light;
+  'h-bb-070': Light;
+  'h-bb-080': Light;
+  'h-bb-090': Light;
+  'h-bb-100': Light;
+}
+interface Neutral {
+  'blk-000': Light;
+  'blk-005': Light;
+  'blk-010': Light;
+  'blk-020': Light;
+  'blk-030': Light;
+  'blk-040': Light;
+  'blk-050': Light;
+  'blk-060': Light;
+  'blk-070': Light;
+  'blk-080': Light;
+  'blk-090': Light;
+  'blk-100': Light;
+  'blk-110': Light;
+  'blk-120': Light;
+  'blk-130': Light;
+  'blk-140': Light;
+  'blk-150': Light;
+  'blk-160': Light;
+  'blk-170': Light;
+  'blk-180': Light;
+  'blk-190': Light;
+  'blk-200': Light;
+  'blk-210': Light;
+  'blk-220': Light;
+  'blk-230': Light;
+  'blk-235': Light;
+  'blk-240': Light;
+}
+interface Opacity2 {
+  '0': Light;
+  '4': Light;
+  '8': Light;
+  '10': Light;
+  '20': Light;
+  '30': Light;
+  '40': Light;
+  '50': Light;
+  '60': Light;
+  '70': Light;
+  '80': Light;
+  '85': Light;
+  '90': Light;
+  '92': Light;
+  '96': Light;
+  '100': Light;
+}
+interface Border7 {
+  'border-radius': Borderradius2;
+  'border-width': Borderwidth4;
+}
+interface Borderwidth4 {
+  '0': Light;
+  '1': Light;
+  '2': Light;
+  '3': Light;
+  '4': Light;
+  none: Light;
+}
+interface Borderradius2 {
+  '0': Light;
+  '1': Light;
+  '2': Light;
+  '3': Light;
+  '4': Light;
+  '5': Light;
+  '6': Light;
+  none: Light;
+  half: Light;
+  full: Light;
+}
+interface Font20 {
+  'font-family': Fontfamily;
+  'font-weight': Fontweight;
+  'line-height': Lineheight;
+  'font-size': Fontsize;
+  'letter-spacing': Letterspacing;
+  'paragraph-spacing': Paragraphspacing;
+  'text-decoration': Textdecoration;
+  'text-case': Textcase;
+}
+interface Textcase {
+  none: Light;
+  uppercase: Light;
+  lowercase: Light;
+  capitalize: Light;
+}
+interface Textdecoration {
+  none: Light;
+  underline: Light;
+}
+interface Paragraphspacing {
+  normal: Light;
+}
+interface Letterspacing {
+  tight: Light;
+  normal: Light;
+  wide: Light;
+}
+interface Fontsize {
+  '0': Light;
+  '1': Light;
+  '2': Light;
+  '3': Light;
+  '4': Light;
+  '5': Light;
+  '6': Light;
+  '7': Light;
+  '8': Light;
+  '9': Light;
+  '10': Light;
+  '11': Light;
+  '12': Light;
+  '13': Light;
+  '14': Light;
+  '15': Light;
+}
+interface Lineheight {
+  fixed: Fixed;
+  relative: Relative;
+}
+interface Relative {
+  default: Ultralight;
+  tight: Ultralight;
+  snug: Ultralight;
+  normal: Ultralight;
+  relaxed: Ultralight;
+  loose: Ultralight;
+}
+interface Fixed {
+  '0': Light;
+  '1': Light;
+  '2': Light;
+  '3': Light;
+  '4': Light;
+  '5': Light;
+  '6': Light;
+  '7': Light;
+  '8': Light;
+  '9': Light;
+  '10': Light;
+  '11': Light;
+  '12': Light;
+}
+interface Fontweight {
+  ultralight: Ultralight;
+  thin: Light;
+  light: Ultralight;
+  regular: Light;
+  medium: Light;
+  'medium-italic': Light;
+  demi: Light;
+  bold: Light;
+  extrabold: Ultralight;
+  black: Ultralight;
+  heavy: Light;
+}
+interface Ultralight {
+  value: string;
+  type: string;
+  description: string;
+  filePath: string;
+  isSource: boolean;
+  original: Original2;
+  name: string;
+  attributes: Attributes;
+  path: string[];
+}
+interface Original2 {
+  value: string;
+  type: string;
+  description: string;
+}
+interface Fontfamily {
+  primary: Light;
+  secondary: Light;
+  code: Light;
+}
+interface Treeitem {
+  font: Font19;
+  icon: Background4;
+  border: Heading;
+  'border-radius': Iconsize;
+  'border-width': Iconsize;
+  'comp-size': Iconsize;
+  'icon-size': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Iconsize;
+}
+interface Font19 {
+  default: Heading;
+  selected: Heading;
+  'children-selected': Heading;
+}
+interface Tooltip {
+  'space-arround': Spacearround;
+  foreground: Heading;
+  font: Heading;
+  border: Heading;
+  'border-radius': Light;
+  'border-width': Light;
+  arrow: Arrow;
+}
+interface Arrow {
+  width: Light;
+  height: Light;
+}
+interface Spacearround {
+  'top-bottom': Light;
+  'left-right': Light;
+}
+interface Tip {
+  font: Font;
+  icon: Heading;
+  background: Background;
+  'border-radius': Borderradius;
+  'icon-size': Borderradius;
+  border: Background;
+  default: Default7;
+  selected: Default7;
+  'border-width': Borderradius;
+}
+interface Default7 {
+  'space-between': Borderradius;
+  'space-around': Borderradius;
+}
+interface Textarea {
+  font: Font18;
+  icon: Heading;
+  border: Heading;
+  background: Background10;
+  'border-radius': Iconsize;
+  'border-width': Iconsize;
+  'icon-size': Iconsize;
+  'space-around': Spacearound;
+}
+interface Background10 {
+  default: Heading;
+  'read-only': Heading;
+}
+interface Font18 {
+  'placeholder-value': Heading;
+  label: Heading;
+  'chat-limit': Heading;
+}
+interface Tabs {
+  font: Font2;
+  icon: Font2;
+  bordered: Bordered2;
+  'border-width': Borderwidth3;
+  'icon-size': Iconsize;
+  default: Daterow;
+  border: Border6;
+}
+interface Bordered2 {
+  border: Heading;
+  background: Background;
+  'space-around': Spacearound;
+  'border-radius': Iconsize;
+  'space-between': Iconsize;
+}
+interface Tabtitle {
+  font: Font2;
+  icon: Font2;
+  bordered: Bordered;
+  'border-radius': Iconsize;
+  'border-width': Borderwidth3;
+  'icon-size': Iconsize;
+  'space-between': Iconsize;
+  default: Default6;
+  border: Border6;
+}
+interface Border6 {
+  active: Heading;
+}
+interface Default6 {
+  'space-around': Spacearound;
+}
+interface Borderwidth3 {
+  sm: Light;
+  md: Light;
+  lg: Light;
+  active: Iconsize;
+}
+interface Bordered {
+  border: Heading;
+  background: Background;
+  'space-around': Spacearound;
+}
+interface Switch {
+  background: Font15;
+  'border-radius': Iconsize;
+  'comp-size': Iconsize;
+  'handle-size': Iconsize;
+  border: Font15;
+  handle: Handle2;
+  'border-width': Iconsize;
+}
+interface Handle2 {
+  background: Font15;
+  border: Font15;
+  'border-radius': Iconsize;
+  'border-width': Iconsize;
+}
+interface Stepperitem {
+  font: Font17;
+  icon: Icon12;
+  border: Icon12;
+  background: Background;
+  foreground: Heading;
+  'border-radius': Iconsize;
+  'border-width': Iconsize;
+  'comp-size': Iconsize;
+  'icon-size': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Default3;
+  disabled: Light;
+}
+interface Icon12 {
+  default: Heading;
+  active: Heading;
+  error: Heading;
+}
+interface Font17 {
+  heading: Heading2;
+  description: Heading2;
+  context: Heading2;
+}
+interface Heading2 {
+  default: Heading;
+  active: Heading;
+  error: Heading;
+  complete: Heading;
+}
+interface Splitbutton {
+  font: Font5;
+  icon: Font5;
+  border: Border;
+  background: Background3;
+  'border-radius': Iconsize;
+  'border-width': Iconsize;
+  'comp-size': Iconsize;
+  'icon-size': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Spacearound13;
+  divider: Font5;
+}
+interface Spacearound13 {
+  content: Spacearound;
+  dropdown: Iconsize;
+  divider: Divider;
+}
+interface Divider {
+  solid: Solid2;
+}
+interface Solid2 {
+  'top-bottom': Light;
+}
+interface Sliderrange {
+  font: Font16;
+  handle: Default5;
+  border: Font2;
+  'border-width': Iconsize;
+  'tick-size': Ticksize;
+  'handle-size': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Iconsize;
+  tick: Tick2;
+}
+interface Sliderhistogram {
+  font: Font16;
+  handle: Default5;
+  border: Font2;
+  'border-width': Iconsize;
+  'tick-size': Ticksize;
+  'handle-size': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Iconsize;
+  tick: Tick2;
+  area: Area;
+  'active-end': Activeend;
+}
+interface Activeend {
+  width: Iconsize;
+  height: Iconsize;
+  background: Heading;
+}
+interface Tick2 {
+  default: Default5;
+  active: Default5;
+}
+interface Sliderhistogramrange {
+  font: Font16;
+  handle: Handle;
+  border: Font2;
+  'tick-size': Ticksize;
+  'handle-size': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Iconsize;
+  tick: Tick;
+  area: Area;
+  'active-start-end': Ticksize;
+}
+interface Area {
+  active: Active2;
+}
+interface Active2 {
+  background: Heading;
+}
+interface Tick {
+  default: Default5;
+  active: Default5;
+  'border-width': Iconsize;
+}
+interface Default5 {
+  background: Heading;
+  border: Heading;
+}
+interface Ticksize {
+  width: Iconsize;
+  height: Iconsize;
+}
+interface Handle {
+  background: Heading;
+  border: Heading;
+  'border-width': Iconsize;
+}
+interface Font16 {
+  label: Heading;
+  'tick-label': Heading;
+}
+interface Segmentedcontrol {
+  font: Font15;
+  border: Heading;
+  background: Background;
+  foreground: Heading;
+  'border-radius': Iconsize;
+  'border-width': Iconsize;
+  'comp-size': Iconsize;
+  'icon-size': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Iconsize;
+}
+interface Font15 {
+  default: Heading;
+  checked: Heading;
+}
+interface Scrim {
+  background: Heading;
+  opacity: Light;
+}
+interface Rating {
+  'comp-size': Iconsize;
+  chip: Chip2;
+  star: Star;
+  'star-container': Day;
+  average: Average;
+  'space-between': Iconsize;
+  'space-around': Iconsize;
+}
+interface Average {
+  'space-between': Iconsize;
+  chip: Chip3;
+}
+interface Chip3 {
+  'space-between': Iconsize;
+  'space-arround': Iconsize;
+}
+interface Star {
+  'comp-size': Iconsize;
+  background: Background9;
+}
+interface Background9 {
+  default: Heading;
+  active: Heading;
+  average: Heading;
+}
+interface Chip2 {
+  'border-radius': Light;
+  value_text: Label;
+  count: Count;
+  foreground: Heading;
+}
+interface Count {
+  font: Font14;
+}
+interface Font14 {
+  typography: Light;
+  'font-weights': Light;
+  light: Light;
+  dark: Light;
+}
+interface Radio {
+  'comp-size': Iconsize;
+  'space-between': Iconsize;
+  background: Heading;
+  'border-radius': Light;
+  'border-width': Borderwidth2;
+  border: Border5;
+  font: Heading;
+  'space-around': Iconsize;
+}
+interface Border5 {
+  unchecked: Heading;
+  checked: Heading;
+}
+interface Borderwidth2 {
+  unchecked: Light;
+  checked: Iconsize;
+}
+interface Popover {
+  font: Heading;
+  icon: Heading;
+  border: Heading;
+  background: Heading;
+  'border-radius': Iconsize;
+  'border-width': Iconsize;
+  'pointer-size': Iconsize;
+  'icon-size': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Spacearound12;
+}
+interface Spacearound12 {
+  'left-right': Iconsize;
+  'left-top-bottom': Iconsize;
+}
+interface Panelheader {
+  font: Heading;
+  icon: Heading;
+  border: Heading;
+  background: Heading;
+  'border-width': Borderradius;
+  'icon-size': Borderradius;
+  'space-between': Borderradius;
+  'space-around': Spacearound11;
+}
+interface Spacearound11 {
+  'left-right': Borderradius;
+  'top-bottom': Borderradius;
+}
+interface Notice {
+  font: Font3;
+  background: Heading;
+  'border-radius': Iconsize;
+  'icon-size': Iconsize;
+  icon: Top;
+  highlight: Highlight;
+  content: Text;
+  'space-around': Default3;
+}
+interface Highlight {
+  info: Heading;
+  success: Heading;
+  warning: Heading;
+  danger: Heading;
+  brand: Heading;
+  border: Iconsize;
+}
+interface Modal {
+  font: Font13;
+  icon: Heading;
+  border: Border4;
+  background: Heading;
+  'icon-size': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Spacearound10;
+  'border-width': Borderwidth;
+  'border-radius': Iconsize;
+  'comp-size': Compsize;
+}
+interface Compsize {
+  'small-width': Light;
+  'medium-width': Light;
+  'full-width': Light;
+}
+interface Borderwidth {
+  default: Iconsize;
+  top: Iconsize;
+}
+interface Spacearound10 {
+  'left-right': Iconsize;
+  'top-bottom': Iconsize;
+  content: Iconsize;
+  'cancel-button': Iconsize;
+}
+interface Border4 {
+  default: Heading;
+  top: Top;
+}
+interface Top {
+  brand: Heading;
+  info: Heading;
+  success: Heading;
+  danger: Heading;
+  warning: Heading;
+}
+interface Font13 {
+  header: Heading;
+  content: Heading;
+}
+interface Loader {
+  font: Heading;
+  default: Default4;
+  inline: Inline;
+}
+interface Inline {
+  'comp-size': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Iconsize;
+  foreground: Foreground;
+}
+interface Foreground {
+  indeterminate: Heading;
+  determinate: Heading;
+}
+interface Default4 {
+  'comp-size': Iconsize;
+  'space-between': Spacearound7;
+  foreground: Heading;
+}
+interface Link {
+  font: Heading;
+  icon: Heading;
+  border: Heading;
+  bottom: Bottom;
+}
+interface Bottom {
+  'border-width': Light;
+}
+interface Label {
+  font: Heading;
+}
+interface Inputmessage {
+  font: Heading;
+  icon: Icon11;
+  'icon-size': Iconsize;
+}
+interface Icon11 {
+  idle: Heading;
+  invalid: Heading;
+  valid: Heading;
+}
+interface Inputdatetimelocal {
+  font: Font12;
+  icon: Heading;
+  border: Border3;
+  background: Background8;
+  'border-radius': Iconsize;
+  'border-width': Iconsize;
+  'icon-size': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Spacearound;
+  opacity: Opacity;
+}
+interface Background8 {
+  default: Heading;
+  'prefix-suffix': Heading;
+  'read-only': Heading;
+}
+interface Border3 {
+  invalid: Heading;
+  default: Heading;
+}
+interface Font12 {
+  'placeholder-value': Heading;
+  label: Heading;
+  'prefix-suffix': Heading;
+}
+interface Inputdatepicker {
+  font: Font11;
+  icon: Heading;
+  border: Heading;
+  background: Background7;
+  'border-radius': Iconsize;
+  'border-width': Iconsize;
+  'icon-size': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Spacearound;
+  'arrow-size': Iconsize;
+  opacity: Opacity;
+}
+interface Opacity {
+  placeholder: Placeholder;
+}
+interface Placeholder {
+  light: Light;
+}
+interface Background7 {
+  default: Heading;
+  arrow: Heading;
+  'read-only': Heading;
+}
+interface Font11 {
+  'placeholder-value': Heading;
+  label: Heading;
+}
+interface Icon10 {
+  size: Iconsize;
+}
+interface Filter {
+  font: Heading;
+  icon: Heading;
+  border: Heading;
+  background: Heading;
+  'border-radius': Iconsize;
+  'border-width': Iconsize;
+  'icon-size': Iconsize;
+  input: Daterow;
+  'space-around': Spacearound;
+}
+interface Fab {
+  font: Background3;
+  icon: Background3;
+  border: Background3;
+  background: Background3;
+  'border-radius': Iconsize;
+  'border-width': Iconsize;
+  'comp-size': Iconsize;
+  'icon-size': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Spacearound6;
+}
+interface Dropdown {
+  background: Background;
+  'border-radius': Iconsize;
+  'comp-size': Iconsize;
+}
+interface Dropdownitem {
+  font: Font10;
+  icon: Icon9;
+  border: Heading;
+  'border-width': Iconsize;
+  'icon-size': Iconsize;
+  'space-between': Spacebetween2;
+  'space-around': Spacearound9;
+}
+interface Spacearound9 {
+  content: Content;
+  container: Container;
+  'group-title': Iconsize;
+  'icon-start': Spacearound8;
+  'icon-end': Iconend;
+}
+interface Iconend {
+  left: Iconsize;
+}
+interface Container {
+  default: Default3;
+  single: Default3;
+  multi: Default3;
+}
+interface Default3 {
+  left: Iconsize;
+  right: Iconsize;
+  'top-bottom': Iconsize;
+}
+interface Content {
+  left: Iconsize;
+  'top-bottom': Iconsize;
+}
+interface Spacebetween2 {
+  container: Iconsize;
+}
+interface Icon9 {
+  default: Default2;
+  select: Heading;
+}
+interface Default2 {
+  light: Light;
+  dark: Light;
+  selected: Heading;
+}
+interface Font10 {
+  default: Heading;
+  selected: Heading;
+  'group-title': Heading;
+}
+interface Datepicker {
+  font: Font9;
+  icon: Heading;
+  border: Heading;
+  background: Background6;
+  'border-radius': Iconsize;
+  'border-width': Iconsize;
+  'icon-size': Iconsize;
+  'date-row': Daterow;
+  date: Date2;
+  day: Day;
+  month: Day;
+}
+interface Day {
+  'space-between': Iconsize;
+  'space-around': Iconsize;
+}
+interface Date2 {
+  active: Active;
+  'space-around': Spacearound;
+}
+interface Active {
+  border: Heading;
+}
+interface Daterow {
+  'space-between': Iconsize;
+  'space-around': Spacearound;
+}
+interface Background6 {
+  default: Heading;
+  date: Date;
+}
+interface Date {
+  active: Heading;
+  range: Heading;
+}
+interface Font9 {
+  date: Heading;
+  day: Heading;
+  month: Heading;
+  range: Range;
+  selected: Range;
+  active: Range;
+}
+interface Range {
+  date: Heading;
+}
+interface Combobox {
+  font: Heading;
+  icon: Heading;
+  border: Heading;
+  background: Background;
+  foreground: Heading;
+  'border-radius': Iconsize;
+  'border-width': Iconsize;
+  'comp-size': Iconsize;
+  'icon-size': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Iconsize;
+}
+interface Colorpicker {
+  font: Font8;
+  icon: Heading;
+  border: Heading;
+  background: Background;
+  'border-radius': Iconsize;
+  'border-width': Iconsize;
+  'saved-size': Iconsize;
+  'swatch-size': Iconsize;
+  channels: Text;
+  'space-between': Iconsize;
+  'space-around': Iconsize;
+}
+interface Font8 {
+  label: Heading;
+}
+interface Chip {
+  font: Font7;
+  icon: Icon8;
+  background: Background5;
+  'border-radius': Iconsize;
+  'icon-size': Iconsize;
+  'closable-icon': Closableicon;
+  border: Border2;
+  'space-around': Iconsize;
+  'space-between': Iconsize;
+  'border-width': Light;
+  text: Text2;
+}
+interface Text2 {
+  'space-around': Iconsize;
+}
+interface Border2 {
+  clear: Solid;
+}
+interface Closableicon {
+  light: Light;
+  dark: Light;
+  'space-around': Iconsize;
+}
+interface Background5 {
+  solid: Solid;
+}
+interface Icon8 {
+  solid: Solid;
+  clear: Heading;
+  'space-around': Spacearound8;
+}
+interface Spacearound8 {
+  right: Iconsize;
+  left: Iconsize;
+}
+interface Font7 {
+  clear: Heading;
+  solid: Solid;
+}
+interface Solid {
+  grey: Heading;
+  blue: Heading;
+  red: Heading;
+  yellow: Heading;
+  green: Heading;
+}
+interface Checkbox {
+  'comp-size': Iconsize;
+  'space-between': Iconsize;
+  background: Background4;
+  icon: Heading;
+  'border-radius': Light;
+  'border-width': Light;
+  border: Heading;
+  font: Heading;
+  'space-around': Spacearound7;
+}
+interface Spacearound7 {
+  standard: Light;
+}
+interface Background4 {
+  default: Heading;
+  selected: Heading;
+}
+interface Card {
+  font: Font6;
+  border: Font2;
+  background: Background;
+  'space-around': Borderradius;
+  'space-between': Spacebetween;
+  'border-radius': Borderradius;
+  'border-width': Borderradius;
+}
+interface Spacebetween {
+  card: Borderradius;
+  title: Borderradius;
+}
+interface Font6 {
+  title: Heading;
+  description: Heading;
+  subtitle: Heading;
+}
+interface Button {
+  font: Font5;
+  icon: Font5;
+  border: Border;
+  background: Background3;
+  'border-radius': Iconsize;
+  'border-width': Iconsize;
+  'comp-size': Iconsize;
+  'icon-size': Iconsize;
+  'space-around': Spacearound6;
+  'space-between': Iconsize;
+}
+interface Spacearound6 {
+  'left-right': Iconsize;
+  'top-bottom': Iconsize;
+  'icon-only': Iconsize;
+}
+interface Background3 {
+  brand: Brand3;
+  inverse: Brand3;
+  neutral: Brand3;
+  danger: Brand3;
+}
+interface Brand3 {
+  solid: Heading;
+  'outline-fill': Heading;
+}
+interface Border {
+  brand: Brand2;
+  inverse: Brand2;
+  neutral: Brand2;
+  danger: Brand2;
+}
+interface Brand2 {
+  'outline-fill': Heading;
+  outline: Heading;
+}
+interface Font5 {
+  brand: Brand;
+  inverse: Brand;
+  neutral: Brand;
+  danger: Brand;
+}
+interface Brand {
+  solid: Heading;
+  'outline-fill': Heading;
+  outline: Heading;
+  transparent: Heading;
+}
+interface Block2 {
+  font: Font4;
+  icon: Icon7;
+  border: Heading;
+  background: Heading;
+  'border-radius': Borderradius;
+  'border-width': Borderradius;
+  'icon-size': Borderradius;
+  'space-between': Borderradius;
+  'space-around': Spacearound4;
+  'chevron-size': Borderradius;
+  'drag-size': Borderradius;
+  'drag-handle': Draghandle;
+}
+interface Draghandle {
+  'space-around': Spacearound5;
+}
+interface Spacearound5 {
+  drag: Blocktext;
+}
+interface Spacearound4 {
+  block: Block;
+  'block-content': Blockcontent;
+}
+interface Blockcontent {
+  'right-left': Borderradius;
+  'top-down': Borderradius;
+}
+interface Block {
+  'top-down-left': Borderradius;
+  right: Borderradius;
+}
+interface Icon7 {
+  idle: Heading;
+  valid: Heading;
+  invalid: Heading;
+  'drag-handle': Heading;
+  chevron: Heading;
+}
+interface Font4 {
+  heading: Heading;
+  description: Heading;
+  content: Heading;
+}
+interface Blocksection2 {
+  font: Heading;
+  icon: Icon5;
+  background: Heading;
+  'border-radius': Borderradius;
+  'icon-size': Borderradius;
+  'space-between': Borderradius;
+  'space-around': Spacearound3;
+  'chevron-size': Borderradius;
+}
+interface Spacearound3 {
+  'block-text': Blocktext;
+  'block-content': Borderradius;
+  'block-section': Blocksection;
+  icon: Icon6;
+  switch: Icon6;
+}
+interface Icon6 {
+  left: Borderradius;
+}
+interface Blocksection {
+  'top-bottom': Borderradius;
+}
+interface Blocktext {
+  'right-left': Borderradius;
+}
+interface Borderradius {
+  md: Light;
+}
+interface Icon5 {
+  valid: Heading;
+  invalid: Heading;
+  chevron: Heading;
+}
+interface Avatar {
+  font: Heading;
+  icon: Heading;
+  background: Background2;
+  'border-radius': Iconsize;
+  'comp-size': Iconsize;
+  'icon-size': Iconsize;
+}
+interface Background2 {
+  default: Heading;
+  red: Heading;
+  teal: Heading;
+  blue: Heading;
+  green: Heading;
+  yellow: Heading;
+}
+interface Alert {
+  font: Font3;
+  background: Heading;
+  border: Heading;
+  'border-radius': Iconsize;
+  'icon-size': Iconsize;
+  icon: Icon4;
+  highlight: Icon4;
+  'space-between': Iconsize;
+  'space-around': Spacearound2;
+}
+interface Spacearound2 {
+  top: Iconsize;
+  bottom: Iconsize;
+  left: Iconsize;
+  right: Iconsize;
+}
+interface Icon4 {
+  blue: Heading;
+  green: Heading;
+  yellow: Heading;
+  red: Heading;
+}
+interface Font3 {
+  title: Heading;
+  message: Heading;
+}
+interface Action {
+  font: Font2;
+  icon: Icon3;
+  background: Font2;
+  'icon-size': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Iconsize;
+  'indicator-size': Iconsize;
+  indicator: Heading;
+  'loader-icon': Heading;
+}
+interface Icon3 {
+  light: Light;
+  dark: Light;
+  active: Heading;
+}
+interface Font2 {
+  default: Heading;
+  active: Heading;
+}
+interface Actionbargrid {
+  border: Heading;
+  background: Heading;
+  'border-radius': Iconsize;
+  'space-between': Iconsize;
+  'space-around': Iconsize;
+}
+interface Accordion {
+  heading: Heading;
+  description: Heading;
+  icon: Icon2;
+  background: Background;
+  default: Default;
+  minimal: Default;
+  border: Heading;
+}
+interface Icon2 {
+  default: Heading;
+  expanded: Heading;
+}
+interface Accordionitem {
+  font: Font;
+  icon: Icon;
+  background: Background;
+  'icon-size': Iconsize;
+  default: Default;
+  'border-width': Light;
+  border: Heading;
+}
+interface Default {
+  'space-between': Iconsize;
+  text: Text;
+  'space-around': Spacearound;
+}
+interface Spacearound {
+  'top-bottom': Iconsize;
+  'left-right': Iconsize;
+}
+interface Text {
+  'space-between': Iconsize;
+}
+interface Iconsize {
+  sm: Light;
+  md: Light;
+  lg: Light;
+}
+interface Background {
+  default: Heading;
+}
+interface Icon {
+  light: Light;
+  dark: Light;
+  expanded: Heading;
+}
+interface Font {
+  heading: Heading;
+  description: Heading;
+}
+interface Heading {
+  light: Light;
+  dark: Light;
+}
+interface Light {
+  value: string;
+  type: string;
+  filePath: string;
+  isSource: boolean;
+  original: Original;
+  name: string;
+  attributes: Attributes;
+  path: string[];
+}
+interface Attributes {
+}
+interface Original {
+  value: string;
+  type: string;
+}"
+`;
+
+exports[`generated tokens JS types should match 2`] = `
+"/
+
+declare const root: RootObject
+export default root
+interface RootObject {
+  color: Color;
+}
+interface Color {
+  brand: Brand;
+  background: Default;
+  foreground: Foreground;
+  text: Text;
+  border: Border;
+  info: Brand;
+  success: Brand;
+  warning: Brand;
+  danger: Brand;
+  inverse: Inverse;
+  component: Component;
+}
+interface Component {
+  avatar: Avatar;
+  checkbox: Checkbox;
+  radio: Radio;
+  chip: Chip;
+  label: Label;
+  loader: Loader;
+  rating: Rating;
+  tooltip: Tooltip;
+  'accordion-item': Accordionitem;
+  'input-message': Inputmessage;
+  alert: Alert;
+  tip: Tip;
+  'color-picker': Colorpicker;
+  'date-picker': Datepicker;
+  'input-date-picker': Inputdatepicker;
+  'input-datetime-local': Inputdatetimelocal;
+  'input-email': Inputdatetimelocal;
+  'input-file': Inputdatetimelocal;
+  'input-month': Inputdatetimelocal;
+  'input-number': Inputdatetimelocal;
+  'input-password': Inputdatetimelocal;
+  'input-search': Inputdatetimelocal;
+  'input-telephone': Inputdatetimelocal;
+  'input-text': Inputdatetimelocal;
+  'input-week': Inputdatetimelocal;
+  textarea: Textarea;
+  'tab-title': Tabtitle;
+  tabs: Tabs;
+  card: Card;
+  action: Action;
+  'action-bar': Bordered2;
+  'action-pad': Bordered2;
+  'action-bar-grid': Bordered2;
+  'action-pad-grid': Bordered2;
+  block: Block;
+  'block-section': Blocksection;
+  notice: Notice;
+  modal: Modal;
+  'panel-header': Panelheader;
+  popover: Panelheader;
+  slider: Slider;
+  'slider-range': Slider;
+  'slider-histogram': Sliderhistogram;
+  'slider-histogram-range': Sliderhistogram;
+  filter: Panelheader;
+  scrim: Active2;
+  'tip-manager': Tipmanager;
+  button: Button;
+  'split-button': Splitbutton;
+  fab: Fab;
+}
+interface Fab {
+  font: Background10;
+  icon: Background10;
+  background: Background10;
+  border: Background10;
+}
+interface Splitbutton {
+  font: Font15;
+  icon: Font15;
+  background: Background10;
+  border: Border7;
+  divider: Font15;
+}
+interface Button {
+  font: Font15;
+  icon: Font15;
+  background: Background10;
+  border: Border7;
+}
+interface Border7 {
+  brand: Brand4;
+  inverse: Brand4;
+  neutral: Brand4;
+  danger: Brand4;
+}
+interface Brand4 {
+  'outline-fill': Default;
+  outline: Default;
+}
+interface Background10 {
+  brand: Brand3;
+  inverse: Brand3;
+  neutral: Brand3;
+  danger: Brand3;
+}
+interface Brand3 {
+  solid: Default;
+  'outline-fill': Default;
+}
+interface Font15 {
+  brand: Brand2;
+  inverse: Brand2;
+  neutral: Brand2;
+  danger: Brand2;
+}
+interface Brand2 {
+  solid: Default;
+  'outline-fill': Default;
+  outline: Default;
+  transparent: Default;
+}
+interface Tipmanager {
+  font: Font14;
+  icon: Default;
+  background: Background5;
+  border: Inverse;
+}
+interface Font14 {
+  heading: Default;
+}
+interface Sliderhistogram {
+  font: Font13;
+  handle: Bordered2;
+  border: Font9;
+  tick: Tick;
+  area: Area;
+  'active-end': Active2;
+}
+interface Area {
+  active: Active2;
+}
+interface Active2 {
+  background: Default;
+}
+interface Slider {
+  font: Font13;
+  handle: Bordered2;
+  border: Font9;
+  tick: Tick;
+}
+interface Tick {
+  default: Bordered2;
+  active: Bordered2;
+}
+interface Font13 {
+  label: Default;
+  'tick-label': Default;
+}
+interface Panelheader {
+  font: Default;
+  icon: Default;
+  border: Default;
+  background: Default;
+}
+interface Modal {
+  font: Font12;
+  icon: Default;
+  border: Border6;
+  background: Default;
+}
+interface Border6 {
+  default: Default;
+  top: Icon6;
+}
+interface Font12 {
+  header: Default;
+  content: Default;
+}
+interface Notice {
+  font: Font3;
+  background: Default;
+  icon: Icon6;
+  highlight: Icon6;
+}
+interface Icon6 {
+  info: Default;
+  success: Default;
+  warning: Default;
+  danger: Default;
+  brand: Default;
+}
+interface Blocksection {
+  font: Default;
+  icon: Icon5;
+  background: Default;
+}
+interface Icon5 {
+  valid: Default;
+  invalid: Default;
+  chevron: Default;
+}
+interface Block {
+  font: Font11;
+  icon: Icon4;
+  border: Default;
+  background: Default;
+}
+interface Icon4 {
+  idle: Default;
+  valid: Default;
+  invalid: Default;
+  'drag-handle': Default;
+  chevron: Default;
+}
+interface Font11 {
+  heading: Default;
+  active: Default;
+  description: Default;
+  content: Default;
+}
+interface Action {
+  font: Default;
+  icon: Default;
+  background: Font9;
+}
+interface Card {
+  font: Font10;
+  border: Font9;
+  background: Inverse;
+}
+interface Font10 {
+  title: Default;
+  subtitle: Default;
+  description: Default;
+}
+interface Tabs {
+  bordered: Bordered2;
+}
+interface Bordered2 {
+  border: Default;
+  background: Default;
+}
+interface Tabtitle {
+  font: Font9;
+  icon: Font9;
+  bordered: Bordered;
+  border: Border5;
+}
+interface Border5 {
+  active: Default;
+}
+interface Bordered {
+  border: Default;
+  background: Inverse;
+}
+interface Font9 {
+  default: Default;
+  active: Default;
+}
+interface Textarea {
+  font: Font8;
+  icon: Default;
+  background: Background9;
+  border: Inverse;
+}
+interface Background9 {
+  default: Default;
+  'read-only': Default;
+}
+interface Font8 {
+  'placeholder-value': Default;
+  label: Default;
+  'chat-limit': Default;
+}
+interface Inputdatetimelocal {
+  font: Font7;
+  icon: Default;
+  background: Background8;
+  border: Border4;
+}
+interface Border4 {
+  default: Default;
+  invalid: Default;
+}
+interface Background8 {
+  default: Default;
+  'prefix-sufix': Default;
+  'read-only': Default;
+}
+interface Font7 {
+  'placeholder-value': Default;
+  label: Default;
+  'prefix-suffix': Default;
+}
+interface Inputdatepicker {
+  font: Font6;
+  icon: Default;
+  border: Default;
+  background: Background7;
+}
+interface Background7 {
+  default: Default;
+  arrow: Default;
+  'read-only': Default;
+}
+interface Font6 {
+  'placeholder-value': Default;
+  label: Default;
+}
+interface Datepicker {
+  font: Font5;
+  icon: Default;
+  border: Default;
+  date: Date;
+  background: Background6;
+}
+interface Background6 {
+  default: Default;
+  date: Date2;
+}
+interface Date2 {
+  range: Default;
+  active: Default3;
+}
+interface Date {
+  active: Active;
+}
+interface Active {
+  border: Default;
+}
+interface Font5 {
+  date: Default;
+  range: Range;
+  day: Default;
+  month: Default;
+  selected: Range;
+  active: Range;
+}
+interface Range {
+  date: Default;
+}
+interface Colorpicker {
+  font: Font4;
+  icon: Default;
+  border: Default;
+  background: Inverse;
+}
+interface Font4 {
+  label: Default;
+}
+interface Tip {
+  font: Font2;
+  icon: Default;
+  background: Background5;
+  border: Inverse;
+}
+interface Background5 {
+  default: Default3;
+}
+interface Default3 {
+  light: Default;
+}
+interface Alert {
+  font: Font3;
+  background: Default;
+  border: Default;
+  icon: Icon3;
+  highlight: Icon3;
+}
+interface Icon3 {
+  blue: Default;
+  green: Default;
+  yellow: Default;
+  red: Default;
+}
+interface Font3 {
+  title: Default;
+  message: Default;
+}
+interface Inputmessage {
+  font: Default;
+  icon: Icon2;
+}
+interface Icon2 {
+  idle: Default;
+  invalid: Default;
+  valid: Default;
+}
+interface Accordionitem {
+  font: Font2;
+  icon: Icon;
+  background: Default;
+  border: Default;
+}
+interface Icon {
+  default: Default;
+  expanded: Default;
+}
+interface Font2 {
+  heading: Default;
+  description: Default;
+}
+interface Tooltip {
+  foreground: Default;
+  border: Default;
+  font: Default;
+}
+interface Rating {
+  star: Star;
+  chip: Chip2;
+}
+interface Chip2 {
+  count: Label;
+  foreground: Default;
+}
+interface Star {
+  background: Background4;
+}
+interface Background4 {
+  default: Default;
+  active: Default;
+  average: Default;
+}
+interface Loader {
+  font: Default;
+  default: Default2;
+  inline: Inline;
+}
+interface Inline {
+  foreground: Foreground2;
+}
+interface Foreground2 {
+  indeterminate: Default;
+  determinate: Default;
+}
+interface Default2 {
+  foreground: Default;
+}
+interface Label {
+  font: Default;
+}
+interface Chip {
+  font: Font;
+  icon: Font;
+  'closable-icon': Default;
+  background: Background3;
+  border: Border3;
+}
+interface Border3 {
+  clear: Solid;
+}
+interface Background3 {
+  solid: Solid;
+}
+interface Font {
+  clear: Default;
+  solid: Solid;
+}
+interface Solid {
+  grey: Default;
+  blue: Default;
+  red: Default;
+  yellow: Default;
+  green: Default;
+}
+interface Radio {
+  font: Default;
+  background: Default;
+  border: Border2;
+}
+interface Border2 {
+  unchecked: Default;
+  checked: Default;
+}
+interface Checkbox {
+  font: Default;
+  background: Background2;
+  icon: Default;
+  border: Default;
+}
+interface Background2 {
+  default: Default;
+  selected: Default;
+}
+interface Avatar {
+  font: Default;
+  icon: Default;
+  background: Background;
+}
+interface Background {
+  default: Default;
+  red: Default;
+  teal: Default;
+  blue: Default;
+  green: Default;
+  yellow: Default;
+}
+interface Inverse {
+  default: Default;
+}
+interface Border {
+  '1': Default;
+  '2': Default;
+  '3': Default;
+  input: Default;
+}
+interface Text {
+  '1': Default;
+  '2': Default;
+  '3': Default;
+  inverse: Default;
+  link: Default;
+}
+interface Foreground {
+  '1': Default;
+  '2': Default;
+  '3': Default;
+}
+interface Brand {
+  default: Default;
+  hover: Default;
+  press: Default;
+}
+interface Default {
+  value: string;
+  type: string;
+  filePath: string;
+  isSource: boolean;
+  original: Original;
+  name: string;
+  attributes: Attributes;
+  path: string[];
+}
+interface Attributes {
+}
+interface Original {
+  value: string;
+  type: string;
+}"
+`;
+
+exports[`generated tokens JS types should match 3`] = `
+"/
+
+declare const root: RootObject
+export default root
+interface RootObject {
+  color: Color;
+}
+interface Color {
+  brand: Brand;
+  background: Background;
+  foreground: Foreground;
+  text: Text;
+  border: Border;
+  info: Brand;
+  success: Brand;
+  warning: Brand;
+  danger: Brand;
+  inverse: Inverse;
+  component: Component;
+}
+interface Component {
+  avatar: Avatar;
+  checkbox: Checkbox;
+  radio: Radio;
+  chip: Chip;
+  label: Label;
+  loader: Loader;
+  rating: Rating;
+  tooltip: Tooltip;
+  'accordion-item': Accordionitem;
+  'input-message': Inputmessage;
+  alert: Alert;
+  'color-picker': Colorpicker;
+  'date-picker': Datepicker;
+  'input-date-picker': Inputdatepicker;
+  'input-datetime-local': Inputdatetimelocal;
+  'input-email': Inputdatetimelocal;
+  'input-file': Inputdatetimelocal;
+  'input-month': Inputdatetimelocal;
+  'input-number': Inputnumber;
+  'input-password': Inputdatetimelocal;
+  'input-search': Inputdatetimelocal;
+  'input-telephone': Inputdatetimelocal;
+  'input-text': Inputdatetimelocal;
+  'input-week': Inputdatetimelocal;
+  textarea: Textarea;
+  'tab-title': Tabtitle;
+  tabs: Tabs;
+  card: Card;
+  action: Action;
+  'action-bar': Bordered2;
+  'action-pad': Bordered2;
+  'action-bar-grid': Bordered2;
+  'action-pad-grid': Bordered2;
+  block: Block;
+  'block-section': Blocksection;
+  notice: Notice;
+  modal: Modal;
+  'panel-header': Panelheader;
+  popover: Panelheader;
+  slider: Slider;
+  'slider-range': Slider;
+  'slider-histogram': Sliderhistogram;
+  'slider-histogram-range': Sliderhistogramrange;
+  filter: Panelheader;
+  scrim: Active2;
+  'tip-manager': Tipmanager;
+  button: Button;
+  'split-button': Splitbutton;
+  fab: Fab;
+}
+interface Fab {
+  font: Background12;
+  icon: Background12;
+  background: Background12;
+  border: Background12;
+}
+interface Splitbutton {
+  font: Font15;
+  icon: Font15;
+  background: Background12;
+  border: Border7;
+  divider: Font15;
+}
+interface Button {
+  font: Font15;
+  icon: Font15;
+  background: Background12;
+  border: Border7;
+}
+interface Border7 {
+  brand: Brand4;
+  inverse: Brand4;
+  neutral: Brand4;
+  danger: Brand4;
+}
+interface Brand4 {
+  'outline-fill': Default;
+  outline: Default;
+}
+interface Background12 {
+  brand: Brand3;
+  inverse: Brand3;
+  neutral: Brand3;
+  danger: Brand3;
+}
+interface Brand3 {
+  solid: Default;
+  'outline-fill': Default;
+}
+interface Font15 {
+  brand: Brand2;
+  inverse: Brand2;
+  neutral: Brand2;
+  danger: Brand2;
+}
+interface Brand2 {
+  solid: Default;
+  'outline-fill': Default;
+  outline: Default;
+  transparent: Default;
+}
+interface Tipmanager {
+  font: Font14;
+  icon: Default;
+  background: Background11;
+  border: Inverse;
+}
+interface Background11 {
+  default: Default3;
+}
+interface Default3 {
+  light: Default;
+}
+interface Font14 {
+  heading: Default;
+}
+interface Sliderhistogramrange {
+  font: Font13;
+  handle: Bordered2;
+  border: Font9;
+  tick: Tick;
+  area: Area;
+  'active-end': Active2;
+}
+interface Sliderhistogram {
+  font: Font13;
+  handle: Bordered2;
+  border: Font9;
+  tick: Tick;
+  area: Area;
+  'active-end': Activeend;
+}
+interface Activeend {
+  background: Background10;
+}
+interface Background10 {
+  dark: Default;
+}
+interface Area {
+  active: Active2;
+}
+interface Active2 {
+  background: Default;
+}
+interface Slider {
+  font: Font13;
+  handle: Bordered2;
+  border: Font9;
+  tick: Tick;
+}
+interface Tick {
+  default: Bordered2;
+  active: Bordered2;
+}
+interface Font13 {
+  label: Default;
+  'tick-label': Default;
+}
+interface Panelheader {
+  font: Default;
+  icon: Default;
+  border: Default;
+  background: Default;
+}
+interface Modal {
+  font: Font12;
+  icon: Default;
+  border: Border6;
+  background: Default;
+}
+interface Border6 {
+  default: Default;
+  top: Icon6;
+}
+interface Font12 {
+  header: Default;
+  content: Default;
+}
+interface Notice {
+  font: Font3;
+  background: Default;
+  icon: Icon6;
+  highlight: Icon6;
+}
+interface Icon6 {
+  info: Default;
+  success: Default;
+  warning: Default;
+  danger: Default;
+  brand: Default;
+}
+interface Blocksection {
+  font: Default;
+  icon: Icon5;
+  background: Default;
+}
+interface Icon5 {
+  valid: Default;
+  invalid: Default;
+  chevron: Default;
+}
+interface Block {
+  font: Font11;
+  icon: Icon4;
+  loader: Default;
+  border: Default;
+  background: Default;
+}
+interface Icon4 {
+  default: Default;
+  active: Default;
+  idle: Default;
+  valid: Default;
+  invalid: Default;
+  'drag-handle': Default;
+  chevron: Default;
+}
+interface Font11 {
+  heading: Default;
+  description: Default;
+  content: Default;
+}
+interface Action {
+  indicator: Default;
+  font: Default;
+  icon: Default;
+  background: Font9;
+}
+interface Card {
+  font: Font10;
+  border: Font9;
+  background: Inverse;
+}
+interface Font10 {
+  title: Default;
+  subtitle: Default;
+  description: Default;
+}
+interface Tabs {
+  bordered: Bordered2;
+}
+interface Bordered2 {
+  border: Default;
+  background: Default;
+}
+interface Tabtitle {
+  font: Font9;
+  icon: Font9;
+  bordered: Bordered;
+  border: Border5;
+}
+interface Border5 {
+  active: Default;
+}
+interface Bordered {
+  border: Default;
+  background: Inverse;
+}
+interface Font9 {
+  default: Default;
+  active: Default;
+}
+interface Textarea {
+  font: Font8;
+  icon: Default;
+  background: Background9;
+  border: Inverse;
+}
+interface Background9 {
+  default: Default;
+  'read-only': Default;
+}
+interface Font8 {
+  'placeholder-value': Default;
+  label: Default;
+  'chat-limit': Default;
+}
+interface Inputnumber {
+  font: Font6;
+  icon: Default;
+  background: Background8;
+  border: Border4;
+}
+interface Inputdatetimelocal {
+  font: Font7;
+  icon: Default;
+  background: Background8;
+  border: Border4;
+}
+interface Border4 {
+  default: Default;
+  invalid: Default;
+}
+interface Background8 {
+  default: Default;
+  'prefix-sufix': Default;
+  'read-only': Default;
+}
+interface Font7 {
+  'placeholder-value': Default;
+  label: Default;
+  'prefix-suffix': Default;
+}
+interface Inputdatepicker {
+  font: Font6;
+  icon: Default;
+  border: Default;
+  background: Background7;
+}
+interface Background7 {
+  default: Default;
+  arrow: Default;
+  'read-only': Default;
+}
+interface Font6 {
+  'placeholder-value': Default;
+  label: Default;
+}
+interface Datepicker {
+  font: Font5;
+  icon: Default;
+  border: Default;
+  date: Date;
+  background: Background6;
+}
+interface Background6 {
+  default: Default;
+  date: Date2;
+}
+interface Date2 {
+  range: Default;
+  active: Default;
+}
+interface Date {
+  active: Active;
+}
+interface Active {
+  border: Default;
+}
+interface Font5 {
+  date: Default;
+  day: Default;
+  month: Default;
+  range: Range;
+  selected: Range;
+  active: Range;
+}
+interface Range {
+  date: Default;
+}
+interface Colorpicker {
+  font: Font4;
+  icon: Default;
+  border: Default;
+  background: Inverse;
+}
+interface Font4 {
+  label: Default;
+}
+interface Alert {
+  font: Font3;
+  background: Default;
+  border: Default;
+  icon: Icon3;
+  highlight: Icon3;
+}
+interface Icon3 {
+  blue: Default;
+  green: Default;
+  yellow: Default;
+  red: Default;
+}
+interface Font3 {
+  title: Default;
+  message: Default;
+}
+interface Inputmessage {
+  font: Default;
+  icon: Icon2;
+}
+interface Icon2 {
+  idle: Default;
+  invalid: Default;
+  valid: Default;
+}
+interface Accordionitem {
+  font: Font2;
+  icon: Icon;
+  background: Default;
+  border: Default;
+}
+interface Icon {
+  default: Default;
+  expanded: Default;
+}
+interface Font2 {
+  heading: Default;
+  description: Default;
+}
+interface Tooltip {
+  foreground: Default;
+  border: Default;
+  font: Default;
+}
+interface Rating {
+  star: Star;
+  chip: Chip2;
+}
+interface Chip2 {
+  count: Label;
+  foreground: Default;
+}
+interface Star {
+  background: Background5;
+}
+interface Background5 {
+  default: Default;
+  active: Default;
+  average: Default;
+}
+interface Loader {
+  font: Default;
+  default: Default2;
+  inline: Inline;
+}
+interface Inline {
+  foreground: Foreground2;
+}
+interface Foreground2 {
+  indeterminate: Default;
+  determinate: Default;
+}
+interface Default2 {
+  foreground: Default;
+}
+interface Label {
+  font: Default;
+}
+interface Chip {
+  font: Font;
+  icon: Font;
+  'closable-icon': Default;
+  background: Background4;
+  border: Border3;
+}
+interface Border3 {
+  clear: Solid;
+}
+interface Background4 {
+  solid: Solid;
+}
+interface Font {
+  clear: Default;
+  solid: Solid;
+}
+interface Solid {
+  grey: Default;
+  blue: Default;
+  red: Default;
+  yellow: Default;
+  green: Default;
+}
+interface Radio {
+  font: Default;
+  background: Default;
+  border: Border2;
+}
+interface Border2 {
+  unchecked: Default;
+  checked: Default;
+}
+interface Checkbox {
+  font: Default;
+  background: Background3;
+  icon: Default;
+  border: Default;
+}
+interface Background3 {
+  default: Default;
+  selected: Default;
+}
+interface Avatar {
+  font: Default;
+  icon: Default;
+  background: Background2;
+}
+interface Background2 {
+  default: Default;
+  red: Default;
+  teal: Default;
+  blue: Default;
+  green: Default;
+  yellow: Default;
+}
+interface Inverse {
+  default: Default;
+}
+interface Border {
+  '1': Default;
+  '2': Default;
+  '3': Default;
+  input: Default;
+}
+interface Text {
+  '1': Default;
+  '2': Default;
+  '3': Default;
+  inverse: Default;
+  link: Default;
+}
+interface Foreground {
+  '1': Default;
+  '2': Default;
+  '3': Default;
+}
+interface Background {
+  '1': Default;
+}
+interface Brand {
+  default: Default;
+  hover: Default;
+  press: Default;
+}
+interface Default {
+  value: string;
+  type: string;
+  filePath: string;
+  isSource: boolean;
+  original: Original;
+  name: string;
+  attributes: Attributes;
+  path: string[];
+}
+interface Attributes {
+}
+interface Original {
+  value: string;
+  type: string;
+}"
+`;
+
+exports[`generated tokens SCSS dark should match 1`] = `
+"/
+
+
+$ui-brand-light: #007ac2;
+$ui-brand-hover-light: #00619b;
+$ui-brand-press-light: #004874;
+$ui-background-light: #f8f8f8;
+$ui-foreground-1-light: #ffffff;
+$ui-foreground-2-light: #f3f3f3;
+$ui-foreground-3-light: #eaeaea;
+$ui-text-1-light: #151515;
+$ui-text-2-light: #4a4a4a;
+$ui-text-3-light: #6a6a6a;
+$ui-text-inverse-light: #ffffff;
+$ui-text-link-light: #00619b;
+$ui-border-1-light: #cacaca;
+$ui-border-2-light: #d4d4d4;
+$ui-border-3-light: #dfdfdf;
+$ui-border-input-light: #949494;
+$ui-info-light: #00619b;
+$ui-info-hover-light: #004874;
+$ui-info-press-light: #00304d;
+$ui-success-light: #35ac46;
+$ui-success-hover-light: #288835;
+$ui-success-press-light: #1a6324;
+$ui-warning-light: #edd317;
+$ui-warning-hover-light: #d9bc00;
+$ui-warning-press-light: #bfa200;
+$ui-danger-light: #d83020;
+$ui-danger-hover-light: #a82b1e;
+$ui-danger-press-light: #7c1d13;
+$ui-inverse-light: #353535;
+
+@mixin calcite-theme-light() {
+  --calcite-ui-brand: #007ac2;
+  --calcite-ui-brand-hover: #00619b;
+  --calcite-ui-brand-press: #004874;
+  --calcite-ui-background: #f8f8f8;
+  --calcite-ui-foreground-1: #ffffff;
+  --calcite-ui-foreground-2: #f3f3f3;
+  --calcite-ui-foreground-3: #eaeaea;
+  --calcite-ui-text-1: #151515;
+  --calcite-ui-text-2: #4a4a4a;
+  --calcite-ui-text-3: #6a6a6a;
+  --calcite-ui-text-inverse: #ffffff;
+  --calcite-ui-text-link: #00619b;
+  --calcite-ui-border-1: #cacaca;
+  --calcite-ui-border-2: #d4d4d4;
+  --calcite-ui-border-3: #dfdfdf;
+  --calcite-ui-border-input: #949494;
+  --calcite-ui-info: #00619b;
+  --calcite-ui-info-hover: #004874;
+  --calcite-ui-info-press: #00304d;
+  --calcite-ui-success: #35ac46;
+  --calcite-ui-success-hover: #288835;
+  --calcite-ui-success-press: #1a6324;
+  --calcite-ui-warning: #edd317;
+  --calcite-ui-warning-hover: #d9bc00;
+  --calcite-ui-warning-press: #bfa200;
+  --calcite-ui-danger: #d83020;
+  --calcite-ui-danger-hover: #a82b1e;
+  --calcite-ui-danger-press: #7c1d13;
+  --calcite-ui-inverse: #353535;
+  --calcite-ui-component-avatar-font: #6a6a6a;
+  --calcite-ui-component-avatar-icon: #6a6a6a;
+  --calcite-ui-component-avatar-background: #f3f3f3;
+  --calcite-ui-component-avatar-background-red: #ffc6bf;
+  --calcite-ui-component-avatar-background-teal: #cef5f4;
+  --calcite-ui-component-avatar-background-blue: #c7eaff;
+  --calcite-ui-component-avatar-background-green: #e5f7b4;
+  --calcite-ui-component-avatar-background-yellow: #fff7cc;
+  --calcite-ui-component-checkbox-font: #151515;
+  --calcite-ui-component-checkbox-background: #ffffff;
+  --calcite-ui-component-checkbox-background-selected: #007ac2;
+  --calcite-ui-component-checkbox-icon: #ffffff;
+  --calcite-ui-component-checkbox-border: #949494;
+  --calcite-ui-component-radio-font: #151515;
+  --calcite-ui-component-radio-background: #ffffff;
+  --calcite-ui-component-radio-border-unchecked: #6a6a6a;
+  --calcite-ui-component-radio-border-checked: #007ac2;
+  --calcite-ui-component-chip-font-clear: #151515;
+  --calcite-ui-component-chip-font-solid-grey: #151515;
+  --calcite-ui-component-chip-font-solid-blue: #ffffff;
+  --calcite-ui-component-chip-font-solid-red: #ffffff;
+  --calcite-ui-component-chip-font-solid-yellow: #151515;
+  --calcite-ui-component-chip-font-solid-green: #151515;
+  --calcite-ui-component-chip-icon-clear: #151515;
+  --calcite-ui-component-chip-icon-solid-grey: #151515;
+  --calcite-ui-component-chip-icon-solid-blue: #ffffff;
+  --calcite-ui-component-chip-icon-solid-red: #ffffff;
+  --calcite-ui-component-chip-icon-solid-yellow: #151515;
+  --calcite-ui-component-chip-icon-solid-green: #151515;
+  --calcite-ui-component-chip-closable-icon: #6a6a6a;
+  --calcite-ui-component-chip-background-solid-grey: #f3f3f3;
+  --calcite-ui-component-chip-background-solid-blue: #00619b;
+  --calcite-ui-component-chip-background-solid-red: #d83020;
+  --calcite-ui-component-chip-background-solid-yellow: #edd317;
+  --calcite-ui-component-chip-background-solid-green: #35ac46;
+  --calcite-ui-component-chip-border-clear-grey: #cacaca;
+  --calcite-ui-component-chip-border-clear-blue: #00619b;
+  --calcite-ui-component-chip-border-clear-red: #d83020;
+  --calcite-ui-component-chip-border-clear-yellow: #edd317;
+  --calcite-ui-component-chip-border-clear-green: #35ac46;
+  --calcite-ui-component-label-font: #151515;
+  --calcite-ui-component-loader-font: #151515;
+  --calcite-ui-component-loader-foreground: #007ac2;
+  --calcite-ui-component-loader-inline-foreground-indeterminate: #151515;
+  --calcite-ui-component-loader-inline-foreground-determinate: #007ac2;
+  --calcite-ui-component-rating-star-background: #949494;
+  --calcite-ui-component-rating-star-background-active: #007ac2;
+  --calcite-ui-component-rating-star-background-average: #edd317;
+  --calcite-ui-component-rating-chip-count-font: #4a4a4a;
+  --calcite-ui-component-rating-chip-foreground: #f3f3f3;
+  --calcite-ui-component-tooltip-foreground: #ffffff;
+  --calcite-ui-component-tooltip-border: #dfdfdf;
+  --calcite-ui-component-tooltip-font: #151515;
+  --calcite-ui-component-accordion-item-font-heading: #151515;
+  --calcite-ui-component-accordion-item-font-description: #6a6a6a;
+  --calcite-ui-component-accordion-item-icon: #6a6a6a;
+  --calcite-ui-component-accordion-item-icon-expanded: #151515;
+  --calcite-ui-component-accordion-item-background: #ffffff;
+  --calcite-ui-component-accordion-item-border: #d4d4d4;
+  --calcite-ui-component-input-message-font: #151515;
+  --calcite-ui-component-input-message-icon-idle: #007ac2;
+  --calcite-ui-component-input-message-icon-invalid: #d83020;
+  --calcite-ui-component-input-message-icon-valid: #35ac46;
+  --calcite-ui-component-alert-font-title: #151515;
+  --calcite-ui-component-alert-font-message: #6a6a6a;
+  --calcite-ui-component-alert-background: #ffffff;
+  --calcite-ui-component-alert-border: #dfdfdf;
+  --calcite-ui-component-alert-icon-blue: #00619b;
+  --calcite-ui-component-alert-icon-green: #35ac46;
+  --calcite-ui-component-alert-icon-yellow: #edd317;
+  --calcite-ui-component-alert-icon-red: #d83020;
+  --calcite-ui-component-alert-highlight-blue: #00619b;
+  --calcite-ui-component-alert-highlight-green: #35ac46;
+  --calcite-ui-component-alert-highlight-yellow: #edd317;
+  --calcite-ui-component-alert-highlight-red: #d83020;
+  --calcite-ui-component-tip-font-heading: #151515;
+  --calcite-ui-component-tip-font-description: #4a4a4a;
+  --calcite-ui-component-tip-icon: #6a6a6a;
+  --calcite-ui-component-tip-background-light: #ffffff;
+  --calcite-ui-component-tip-border: #d4d4d4;
+  --calcite-ui-component-color-picker-font-label: #151515;
+  --calcite-ui-component-color-picker-icon: #151515;
+  --calcite-ui-component-color-picker-border: #cacaca;
+  --calcite-ui-component-color-picker-background: #ffffff;
+  --calcite-ui-component-date-picker-font-date: #6a6a6a;
+  --calcite-ui-component-date-picker-font-range-date: #151515;
+  --calcite-ui-component-date-picker-font-day: #6a6a6a;
+  --calcite-ui-component-date-picker-font-month: #151515;
+  --calcite-ui-component-date-picker-font-selected-date: #ffffff;
+  --calcite-ui-component-date-picker-font-active-date: #ffffff;
+  --calcite-ui-component-date-picker-icon: #6a6a6a;
+  --calcite-ui-component-date-picker-border: #cacaca;
+  --calcite-ui-component-date-picker-date-active-border: #ffffff;
+  --calcite-ui-component-date-picker-background: #ffffff;
+  --calcite-ui-component-date-picker-background-date-range: #c7eaff;
+  --calcite-ui-component-date-picker-background-date-active-light: #007ac2;
+  --calcite-ui-component-input-date-picker-font-placeholder-value: #151515;
+  --calcite-ui-component-input-date-picker-font-label: #151515;
+  --calcite-ui-component-input-date-picker-icon: #6a6a6a;
+  --calcite-ui-component-input-date-picker-border: #949494;
+  --calcite-ui-component-input-date-picker-background: #ffffff;
+  --calcite-ui-component-input-date-picker-background-arrow: #f8f8f8;
+  --calcite-ui-component-input-date-picker-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-datetime-local-font-placeholder-value: #151515;
+  --calcite-ui-component-input-datetime-local-font-label: #151515;
+  --calcite-ui-component-input-datetime-local-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-datetime-local-icon: #6a6a6a;
+  --calcite-ui-component-input-datetime-local-background: #ffffff;
+  --calcite-ui-component-input-datetime-local-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-datetime-local-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-datetime-local-border: #949494;
+  --calcite-ui-component-input-datetime-local-border-invalid: #d83020;
+  --calcite-ui-component-input-email-font-placeholder-value: #151515;
+  --calcite-ui-component-input-email-font-label: #151515;
+  --calcite-ui-component-input-email-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-email-icon: #6a6a6a;
+  --calcite-ui-component-input-email-background: #ffffff;
+  --calcite-ui-component-input-email-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-email-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-email-border: #949494;
+  --calcite-ui-component-input-email-border-invalid: #d83020;
+  --calcite-ui-component-input-file-font-placeholder-value: #151515;
+  --calcite-ui-component-input-file-font-label: #151515;
+  --calcite-ui-component-input-file-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-file-icon: #6a6a6a;
+  --calcite-ui-component-input-file-background: #ffffff;
+  --calcite-ui-component-input-file-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-file-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-file-border: #949494;
+  --calcite-ui-component-input-file-border-invalid: #d83020;
+  --calcite-ui-component-input-month-font-placeholder-value: #151515;
+  --calcite-ui-component-input-month-font-label: #151515;
+  --calcite-ui-component-input-month-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-month-icon: #6a6a6a;
+  --calcite-ui-component-input-month-background: #ffffff;
+  --calcite-ui-component-input-month-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-month-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-month-border: #949494;
+  --calcite-ui-component-input-month-border-invalid: #d83020;
+  --calcite-ui-component-input-number-font-placeholder-value: #151515;
+  --calcite-ui-component-input-number-font-label: #151515;
+  --calcite-ui-component-input-number-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-number-icon: #6a6a6a;
+  --calcite-ui-component-input-number-background: #ffffff;
+  --calcite-ui-component-input-number-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-number-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-number-border: #949494;
+  --calcite-ui-component-input-number-border-invalid: #d83020;
+  --calcite-ui-component-input-password-font-placeholder-value: #151515;
+  --calcite-ui-component-input-password-font-label: #151515;
+  --calcite-ui-component-input-password-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-password-icon: #6a6a6a;
+  --calcite-ui-component-input-password-background: #ffffff;
+  --calcite-ui-component-input-password-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-password-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-password-border: #949494;
+  --calcite-ui-component-input-password-border-invalid: #d83020;
+  --calcite-ui-component-input-search-font-placeholder-value: #151515;
+  --calcite-ui-component-input-search-font-label: #151515;
+  --calcite-ui-component-input-search-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-search-icon: #6a6a6a;
+  --calcite-ui-component-input-search-background: #ffffff;
+  --calcite-ui-component-input-search-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-search-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-search-border: #949494;
+  --calcite-ui-component-input-search-border-invalid: #d83020;
+  --calcite-ui-component-input-telephone-font-placeholder-value: #151515;
+  --calcite-ui-component-input-telephone-font-label: #151515;
+  --calcite-ui-component-input-telephone-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-telephone-icon: #6a6a6a;
+  --calcite-ui-component-input-telephone-background: #ffffff;
+  --calcite-ui-component-input-telephone-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-telephone-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-telephone-border: #949494;
+  --calcite-ui-component-input-telephone-border-invalid: #d83020;
+  --calcite-ui-component-input-text-font-placeholder-value: #151515;
+  --calcite-ui-component-input-text-font-label: #151515;
+  --calcite-ui-component-input-text-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-text-icon: #6a6a6a;
+  --calcite-ui-component-input-text-background: #ffffff;
+  --calcite-ui-component-input-text-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-text-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-text-border: #949494;
+  --calcite-ui-component-input-text-border-invalid: #d83020;
+  --calcite-ui-component-input-week-font-placeholder-value: #151515;
+  --calcite-ui-component-input-week-font-label: #151515;
+  --calcite-ui-component-input-week-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-week-icon: #6a6a6a;
+  --calcite-ui-component-input-week-background: #ffffff;
+  --calcite-ui-component-input-week-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-week-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-week-border: #949494;
+  --calcite-ui-component-input-week-border-invalid: #d83020;
+  --calcite-ui-component-textarea-font-placeholder-value: #151515;
+  --calcite-ui-component-textarea-font-label: #151515;
+  --calcite-ui-component-textarea-font-chat-limit: #4a4a4a;
+  --calcite-ui-component-textarea-icon: #6a6a6a;
+  --calcite-ui-component-textarea-background: #ffffff;
+  --calcite-ui-component-textarea-background-read-only: #f8f8f8;
+  --calcite-ui-component-textarea-border: #949494;
+  --calcite-ui-component-tab-title-font: #6a6a6a;
+  --calcite-ui-component-tab-title-font-active: #151515;
+  --calcite-ui-component-tab-title-icon: #6a6a6a;
+  --calcite-ui-component-tab-title-icon-active: #151515;
+  --calcite-ui-component-tab-title-bordered-border: #dfdfdf;
+  --calcite-ui-component-tab-title-bordered-background: #ffffff;
+  --calcite-ui-component-tab-title-border-active: #007ac2;
+  --calcite-ui-component-tabs-bordered-border: #dfdfdf;
+  --calcite-ui-component-tabs-bordered-background: #ffffff;
+  --calcite-ui-component-card-font-title: #151515;
+  --calcite-ui-component-card-font-subtitle: #4a4a4a;
+  --calcite-ui-component-card-font-description: #6a6a6a;
+  --calcite-ui-component-card-border: #d4d4d4;
+  --calcite-ui-component-card-border-active: #007ac2;
+  --calcite-ui-component-card-background: #ffffff;
+  --calcite-ui-component-action-font: #6a6a6a;
+  --calcite-ui-component-action-icon: #6a6a6a;
+  --calcite-ui-component-action-background: #ffffff;
+  --calcite-ui-component-action-background-active: #eaeaea;
+  --calcite-ui-component-action-bar-border: #cacaca;
+  --calcite-ui-component-action-bar-background: #ffffff;
+  --calcite-ui-component-action-pad-border: #cacaca;
+  --calcite-ui-component-action-pad-background: #ffffff;
+  --calcite-ui-component-action-bar-grid-border: #cacaca;
+  --calcite-ui-component-action-bar-grid-background: #ffffff;
+  --calcite-ui-component-action-pad-grid-border: #cacaca;
+  --calcite-ui-component-action-pad-grid-background: #ffffff;
+  --calcite-ui-component-block-font-heading: #4a4a4a;
+  --calcite-ui-component-block-font-active: #151515;
+  --calcite-ui-component-block-font-description: #6a6a6a;
+  --calcite-ui-component-block-font-content: #4a4a4a;
+  --calcite-ui-component-block-icon-idle: #4a4a4a;
+  --calcite-ui-component-block-icon-valid: #35ac46;
+  --calcite-ui-component-block-icon-invalid: #d83020;
+  --calcite-ui-component-block-icon-drag-handle: #949494;
+  --calcite-ui-component-block-icon-chevron: #6a6a6a;
+  --calcite-ui-component-block-border: #dfdfdf;
+  --calcite-ui-component-block-background: #ffffff;
+  --calcite-ui-component-block-section-font: #4a4a4a;
+  --calcite-ui-component-block-section-icon-valid: #35ac46;
+  --calcite-ui-component-block-section-icon-invalid: #d83020;
+  --calcite-ui-component-block-section-icon-chevron: #6a6a6a;
+  --calcite-ui-component-block-section-background: #ffffff;
+  --calcite-ui-component-notice-font-title: #151515;
+  --calcite-ui-component-notice-font-message: #6a6a6a;
+  --calcite-ui-component-notice-background: #ffffff;
+  --calcite-ui-component-notice-icon-info: #00619b;
+  --calcite-ui-component-notice-icon-success: #35ac46;
+  --calcite-ui-component-notice-icon-warning: #edd317;
+  --calcite-ui-component-notice-icon-danger: #d83020;
+  --calcite-ui-component-notice-icon-brand: #007ac2;
+  --calcite-ui-component-notice-highlight-info: #00619b;
+  --calcite-ui-component-notice-highlight-success: #35ac46;
+  --calcite-ui-component-notice-highlight-warning: #edd317;
+  --calcite-ui-component-notice-highlight-danger: #d83020;
+  --calcite-ui-component-notice-highlight-brand: #007ac2;
+  --calcite-ui-component-modal-font-header: #151515;
+  --calcite-ui-component-modal-font-content: #4a4a4a;
+  --calcite-ui-component-modal-icon: #6a6a6a;
+  --calcite-ui-component-modal-border: #dfdfdf;
+  --calcite-ui-component-modal-border-top-brand: #007ac2;
+  --calcite-ui-component-modal-border-top-info: #00619b;
+  --calcite-ui-component-modal-border-top-success: #35ac46;
+  --calcite-ui-component-modal-border-top-danger: #d83020;
+  --calcite-ui-component-modal-border-top-warning: #edd317;
+  --calcite-ui-component-modal-background: #ffffff;
+  --calcite-ui-component-panel-header-font: #4a4a4a;
+  --calcite-ui-component-panel-header-icon: #6a6a6a;
+  --calcite-ui-component-panel-header-border: #dfdfdf;
+  --calcite-ui-component-panel-header-background: #ffffff;
+  --calcite-ui-component-popover-font: #151515;
+  --calcite-ui-component-popover-icon: #6a6a6a;
+  --calcite-ui-component-popover-border: #dfdfdf;
+  --calcite-ui-component-popover-background: #ffffff;
+  --calcite-ui-component-slider-font-label: #151515;
+  --calcite-ui-component-slider-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-handle-background: #ffffff;
+  --calcite-ui-component-slider-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-border: #d4d4d4;
+  --calcite-ui-component-slider-border-active: #007ac2;
+  --calcite-ui-component-slider-tick-background: #949494;
+  --calcite-ui-component-slider-tick-border: #ffffff;
+  --calcite-ui-component-slider-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-range-font-label: #151515;
+  --calcite-ui-component-slider-range-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-range-handle-background: #ffffff;
+  --calcite-ui-component-slider-range-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-range-border: #d4d4d4;
+  --calcite-ui-component-slider-range-border-active: #007ac2;
+  --calcite-ui-component-slider-range-tick-background: #949494;
+  --calcite-ui-component-slider-range-tick-border: #ffffff;
+  --calcite-ui-component-slider-range-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-range-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-histogram-font-label: #151515;
+  --calcite-ui-component-slider-histogram-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-histogram-handle-background: #ffffff;
+  --calcite-ui-component-slider-histogram-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-histogram-border: #d4d4d4;
+  --calcite-ui-component-slider-histogram-border-active: #007ac2;
+  --calcite-ui-component-slider-histogram-tick-background: #949494;
+  --calcite-ui-component-slider-histogram-tick-border: #ffffff;
+  --calcite-ui-component-slider-histogram-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-histogram-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-histogram-area-active-background: #9BBDDF;
+  --calcite-ui-component-slider-histogram-active-end-background: #ffffff;
+  --calcite-ui-component-slider-histogram-range-font-label: #151515;
+  --calcite-ui-component-slider-histogram-range-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-histogram-range-handle-background: #ffffff;
+  --calcite-ui-component-slider-histogram-range-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-histogram-range-border: #d4d4d4;
+  --calcite-ui-component-slider-histogram-range-border-active: #007ac2;
+  --calcite-ui-component-slider-histogram-range-tick-background: #949494;
+  --calcite-ui-component-slider-histogram-range-tick-border: #ffffff;
+  --calcite-ui-component-slider-histogram-range-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-histogram-range-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-histogram-range-area-active-background: #9BBDDF;
+  --calcite-ui-component-slider-histogram-range-active-end-background: #ffffff;
+  --calcite-ui-component-filter-font: #151515;
+  --calcite-ui-component-filter-icon: #6a6a6a;
+  --calcite-ui-component-filter-border: #949494;
+  --calcite-ui-component-filter-background: #ffffff;
+  --calcite-ui-component-scrim-background: #ffffff;
+  --calcite-ui-component-tip-manager-font-heading: #151515;
+  --calcite-ui-component-tip-manager-icon: #6a6a6a;
+  --calcite-ui-component-tip-manager-background-light: #ffffff;
+  --calcite-ui-component-tip-manager-border: #d4d4d4;
+  --calcite-ui-component-button-font-brand-solid: #ffffff;
+  --calcite-ui-component-button-font-brand-outline-fill: #007ac2;
+  --calcite-ui-component-button-font-brand-outline: #007ac2;
+  --calcite-ui-component-button-font-brand-transparent: #007ac2;
+  --calcite-ui-component-button-font-inverse-solid: #ffffff;
+  --calcite-ui-component-button-font-inverse-outline-fill: #151515;
+  --calcite-ui-component-button-font-inverse-outline: #151515;
+  --calcite-ui-component-button-font-inverse-transparent: #151515;
+  --calcite-ui-component-button-font-neutral-solid: #ffffff;
+  --calcite-ui-component-button-font-neutral-outline-fill: #151515;
+  --calcite-ui-component-button-font-neutral-outline: #151515;
+  --calcite-ui-component-button-font-neutral-transparent: #151515;
+  --calcite-ui-component-button-font-danger-solid: #ffffff;
+  --calcite-ui-component-button-font-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-font-danger-outline: #d83020;
+  --calcite-ui-component-button-font-danger-transparent: #d83020;
+  --calcite-ui-component-button-icon-brand-solid: #ffffff;
+  --calcite-ui-component-button-icon-brand-outline-fill: #007ac2;
+  --calcite-ui-component-button-icon-brand-outline: #007ac2;
+  --calcite-ui-component-button-icon-brand-transparent: #007ac2;
+  --calcite-ui-component-button-icon-inverse-solid: #ffffff;
+  --calcite-ui-component-button-icon-inverse-outline-fill: #151515;
+  --calcite-ui-component-button-icon-inverse-outline: #151515;
+  --calcite-ui-component-button-icon-inverse-transparent: #151515;
+  --calcite-ui-component-button-icon-neutral-solid: #ffffff;
+  --calcite-ui-component-button-icon-neutral-outline-fill: #151515;
+  --calcite-ui-component-button-icon-neutral-outline: #151515;
+  --calcite-ui-component-button-icon-neutral-transparent: #151515;
+  --calcite-ui-component-button-icon-danger-solid: #ffffff;
+  --calcite-ui-component-button-icon-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-icon-danger-outline: #d83020;
+  --calcite-ui-component-button-icon-danger-transparent: #d83020;
+  --calcite-ui-component-button-background-brand-solid: #007ac2;
+  --calcite-ui-component-button-background-brand-outline-fill: #ffffff;
+  --calcite-ui-component-button-background-inverse-solid: #353535;
+  --calcite-ui-component-button-background-inverse-outline-fill: #353535;
+  --calcite-ui-component-button-background-neutral-solid: #353535;
+  --calcite-ui-component-button-background-neutral-outline-fill: #353535;
+  --calcite-ui-component-button-background-danger-solid: #d83020;
+  --calcite-ui-component-button-background-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-border-brand-outline-fill: #007ac2;
+  --calcite-ui-component-button-border-brand-outline: #007ac2;
+  --calcite-ui-component-button-border-inverse-outline-fill: #353535;
+  --calcite-ui-component-button-border-inverse-outline: #353535;
+  --calcite-ui-component-button-border-neutral-outline-fill: #353535;
+  --calcite-ui-component-button-border-neutral-outline: #353535;
+  --calcite-ui-component-button-border-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-border-danger-outline: #d83020;
+  --calcite-ui-component-split-button-font-brand-solid: #ffffff;
+  --calcite-ui-component-split-button-font-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-font-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-font-brand-transparent: #007ac2;
+  --calcite-ui-component-split-button-font-inverse-solid: #ffffff;
+  --calcite-ui-component-split-button-font-inverse-outline-fill: #151515;
+  --calcite-ui-component-split-button-font-inverse-outline: #151515;
+  --calcite-ui-component-split-button-font-inverse-transparent: #151515;
+  --calcite-ui-component-split-button-font-neutral-solid: #ffffff;
+  --calcite-ui-component-split-button-font-neutral-outline-fill: #151515;
+  --calcite-ui-component-split-button-font-neutral-outline: #151515;
+  --calcite-ui-component-split-button-font-neutral-transparent: #151515;
+  --calcite-ui-component-split-button-font-danger-solid: #ffffff;
+  --calcite-ui-component-split-button-font-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-font-danger-outline: #d83020;
+  --calcite-ui-component-split-button-font-danger-transparent: #d83020;
+  --calcite-ui-component-split-button-icon-brand-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-icon-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-icon-brand-transparent: #007ac2;
+  --calcite-ui-component-split-button-icon-inverse-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-inverse-outline-fill: #151515;
+  --calcite-ui-component-split-button-icon-inverse-outline: #151515;
+  --calcite-ui-component-split-button-icon-inverse-transparent: #151515;
+  --calcite-ui-component-split-button-icon-neutral-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-neutral-outline-fill: #151515;
+  --calcite-ui-component-split-button-icon-neutral-outline: #151515;
+  --calcite-ui-component-split-button-icon-neutral-transparent: #151515;
+  --calcite-ui-component-split-button-icon-danger-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-icon-danger-outline: #d83020;
+  --calcite-ui-component-split-button-icon-danger-transparent: #d83020;
+  --calcite-ui-component-split-button-background-brand-solid: #007ac2;
+  --calcite-ui-component-split-button-background-brand-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-background-inverse-solid: #353535;
+  --calcite-ui-component-split-button-background-inverse-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-background-neutral-solid: #353535;
+  --calcite-ui-component-split-button-background-neutral-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-background-danger-solid: #d83020;
+  --calcite-ui-component-split-button-background-danger-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-border-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-border-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-border-inverse-outline-fill: #353535;
+  --calcite-ui-component-split-button-border-inverse-outline: #353535;
+  --calcite-ui-component-split-button-border-neutral-outline-fill: #353535;
+  --calcite-ui-component-split-button-border-neutral-outline: #353535;
+  --calcite-ui-component-split-button-border-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-border-danger-outline: #d83020;
+  --calcite-ui-component-split-button-divider-brand-solid: #ffffff;
+  --calcite-ui-component-split-button-divider-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-divider-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-divider-brand-transparent: #007ac2;
+  --calcite-ui-component-split-button-divider-inverse-solid: #ffffff;
+  --calcite-ui-component-split-button-divider-inverse-outline-fill: #353535;
+  --calcite-ui-component-split-button-divider-inverse-outline: #353535;
+  --calcite-ui-component-split-button-divider-inverse-transparent: #353535;
+  --calcite-ui-component-split-button-divider-neutral-solid: #ffffff;
+  --calcite-ui-component-split-button-divider-neutral-outline-fill: #353535;
+  --calcite-ui-component-split-button-divider-neutral-outline: #353535;
+  --calcite-ui-component-split-button-divider-neutral-transparent: #353535;
+  --calcite-ui-component-split-button-divider-danger-solid: #d83020;
+  --calcite-ui-component-split-button-divider-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-divider-danger-outline: #d83020;
+  --calcite-ui-component-split-button-divider-danger-transparent: #d83020;
+  --calcite-ui-component-fab-font-brand-solid: #ffffff;
+  --calcite-ui-component-fab-font-brand-outline-fill: #007ac2;
+  --calcite-ui-component-fab-font-inverse-solid: #ffffff;
+  --calcite-ui-component-fab-font-inverse-outline-fill: #151515;
+  --calcite-ui-component-fab-font-neutral-solid: #ffffff;
+  --calcite-ui-component-fab-font-neutral-outline-fill: #151515;
+  --calcite-ui-component-fab-font-danger-solid: #ffffff;
+  --calcite-ui-component-fab-font-danger-outline-fill: #d83020;
+  --calcite-ui-component-fab-icon-brand-solid: #ffffff;
+  --calcite-ui-component-fab-icon-brand-outline-fill: #007ac2;
+  --calcite-ui-component-fab-icon-inverse-solid: #ffffff;
+  --calcite-ui-component-fab-icon-inverse-outline-fill: #151515;
+  --calcite-ui-component-fab-icon-neutral-solid: #ffffff;
+  --calcite-ui-component-fab-icon-neutral-outline-fill: #151515;
+  --calcite-ui-component-fab-icon-danger-solid: #ffffff;
+  --calcite-ui-component-fab-icon-danger-outline-fill: #d83020;
+  --calcite-ui-component-fab-background-brand-solid: #007ac2;
+  --calcite-ui-component-fab-background-brand-outline-fill: #ffffff;
+  --calcite-ui-component-fab-background-inverse-solid: #353535;
+  --calcite-ui-component-fab-background-inverse-outline-fill: #ffffff;
+  --calcite-ui-component-fab-background-neutral-solid: #353535;
+  --calcite-ui-component-fab-background-neutral-outline-fill: #ffffff;
+  --calcite-ui-component-fab-background-danger-solid: #d83020;
+  --calcite-ui-component-fab-background-danger-outline-fill: #ffffff;
+  --calcite-ui-component-fab-border-brand-outline-fill: #007ac2;
+  --calcite-ui-component-fab-border-brand-solid: #007ac2;
+  --calcite-ui-component-fab-border-inverse-outline-fill: #353535;
+  --calcite-ui-component-fab-border-inverse-solid: #353535;
+  --calcite-ui-component-fab-border-neutral-outline-fill: #353535;
+  --calcite-ui-component-fab-border-neutral-solid: #353535;
+  --calcite-ui-component-fab-border-danger-outline-fill: #d83020;
+  --calcite-ui-component-fab-border-danger-solid: #d83020;
+}"
+`;
+
+exports[`generated tokens SCSS global should match 1`] = `
+"/
+
+
+$z-index-tooltip: 901;
+$z-index-popup: 900;
+$z-index-modal: 800;
+$z-index-overlay: 700;
+$z-index-dropdown: 600;
+$z-index-toast: 500;
+$z-index-header: 400;
+$z-index-sticky: 300;
+$z-index: 1;
+$z-index-deep: -999999;
+$breakpoint-cols-lg: 24; // columns
+$breakpoint-cols-md: 24; // columns
+$breakpoint-cols-sm: 12; // columns
+$breakpoint-cols-xs: 6; // columns
+$breakpoint-content-fixed: 1440px; // only for lg breakpoint fixed grid width
+$breakpoint-content-fluid: 100%; // for fluid grid widths
+$breakpoint-width-lg-min: 1153px; // Large laptops and desktop computers
+$breakpoint-width-lg-max: 1722px; // Large laptops and desktop computers
+$breakpoint-width-md-min: 769px; // Small laptops
+$breakpoint-width-md-max: 1152px; // Small laptops
+$breakpoint-width-sm-min: 477px; // Small tablets
+$breakpoint-width-sm-max: 768px; // Small tablets
+$breakpoint-width-xs-min: 321px; // Handheld devices
+$breakpoint-width-xs-max: 476px; // Handheld devices
+$breakpoint-width-xxs-max: 320px; // Small handheld devices and mini-windows
+$breakpoint-width-lg: 1440px; // To be deprecated
+$breakpoint-width-md: 1152px; // To be deprecated
+$breakpoint-width-sm: 768px; // To be deprecated
+$breakpoint-width-xs: 476px; // To be deprecated
+$breakpoint-width-xxs: 320px; // To be deprecated
+$breakpoint-height-lg-min: 679px; // Large laptops and desktop computers
+$breakpoint-height-lg-max: 853px; // Large laptops and desktop computers
+$breakpoint-height-md-min: 504px; // Small laptops
+$breakpoint-height-md-max: 678px; // Small laptops
+$breakpoint-height-sm-min: 329px; // Small tablets
+$breakpoint-height-sm-max: 503px; // Small tablets
+$breakpoint-height-xs-min: 154px; // Handheld devices
+$breakpoint-height-xs-max: 328px; // Handheld devices
+$breakpoint-height-xxs-max: 153px; // Small handheld devices and mini-windows
+$spacing-none: 0px;
+$spacing-28: 288px;
+$spacing-27: 256px;
+$spacing-26: 224px;
+$spacing-25: 192px;
+$spacing-24: 160px;
+$spacing-23: 144px;
+$spacing-22: 128px;
+$spacing-21: 112px;
+$spacing-20: 96px;
+$spacing-19: 80px;
+$spacing-18: 72px;
+$spacing-17: 64px;
+$spacing-16: 56px;
+$spacing-15: 48px;
+$spacing-14: 44px;
+$spacing-13: 40px;
+$spacing-12: 36px;
+$spacing-11: 32px;
+$spacing-10: 28px;
+$spacing-9: 24px;
+$spacing-8: 20px;
+$spacing-7: 16px;
+$spacing-6: 14px;
+$spacing-5: 12px;
+$spacing-4: 10px;
+$spacing-3: 8px;
+$spacing-2: 6px;
+$spacing-1: 4px;
+$spacing-0: 2px;
+$sizing-none: 0px;
+$sizing-28: 288px;
+$sizing-27: 256px;
+$sizing-26: 224px;
+$sizing-25: 192px;
+$sizing-24: 160px;
+$sizing-23: 144px;
+$sizing-22: 128px;
+$sizing-21: 112px;
+$sizing-20: 96px;
+$sizing-19: 80px;
+$sizing-18: 72px;
+$sizing-17: 64px;
+$sizing-16: 56px;
+$sizing-15: 48px;
+$sizing-14: 44px;
+$sizing-13: 40px;
+$sizing-12: 36px;
+$sizing-11: 32px;
+$sizing-10: 28px;
+$sizing-9: 24px;
+$sizing-8: 20px;
+$sizing-7: 16px;
+$sizing-6: 14px;
+$sizing-5: 12px;
+$sizing-4: 10px;
+$sizing-3: 8px;
+$sizing-2: 6px;
+$sizing-1: 4px;
+$sizing-0: 2px;
+$d-bb-430: #0087D7;
+$d-bb-420: #00A0FF;
+$d-bb-410: #47BBFF;
+$d-rr-430: #F3381B;
+$d-rr-420: #FE583E;
+$d-rr-410: #FF7465;
+$d-yy-430: #F4B000;
+$d-yy-420: #FFC900;
+$d-yy-410: #FFE24D;
+$d-gg-430: #36DA43;
+$d-gg-420: #36DA43;
+$d-gg-410: #44ED51;
+$v-vv-180: #6a0be6;
+$v-vv-160: #8129ff;
+$v-vv-140: #974dff;
+$v-vv-120: #b580ff;
+$v-vr-180: #83009e;
+$v-vr-160: #ac08cc;
+$v-vr-140: #dd33ff;
+$v-vr-120: #ea80ff;
+$v-pk-180: #c00073;
+$v-pk-160: #d11486;
+$v-pk-140: #ff19a4;
+$v-pk-120: #ff66c2;
+$v-rr-180: #b3000f;
+$v-rr-160: #d90012;
+$v-rr-140: #ff0015;
+$v-rr-120: #ff624d;
+$v-ro-180: #c93b00;
+$v-ro-160: #de4300;
+$v-ro-140: #ff4d00;
+$v-ro-120: #ff824d;
+$v-oy-180: #d17300;
+$v-oy-160: #e68600;
+$v-oy-140: #ff9500;
+$v-oy-120: #ffb54d;
+$v-yy-180: #ebba17;
+$v-yy-160: #f5d000;
+$v-yy-140: #ffee33;
+$v-yy-120: #fff766;
+$v-yg-180: #7fab00;
+$v-yg-160: #96cc00;
+$v-yg-140: #bbed3b;
+$v-yg-120: #d7ff73;
+$v-gg-180: #00a118;
+$v-gg-160: #00b81b;
+$v-gg-140: #3bed52;
+$v-gg-120: #73ff84;
+$v-gb-180: #00cfca;
+$v-gb-160: #00e6e2;
+$v-gb-140: #00f7f3;
+$v-gb-120: #59fffc;
+$v-bb-180: #009af2;
+$v-bb-160: #009af2;
+$v-bb-140: #3db8ff;
+$v-bb-120: #59d6ff;
+$h-vv-100: #100026;
+$h-vv-090: #250f43;
+$h-vv-080: #3a1e61;
+$h-vv-070: #4e2c7e;
+$h-vv-060: #633b9b;
+$h-vv-050: #7e5baf;
+$h-vv-040: #987ac3;
+$h-vv-030: #b39ad7;
+$h-vv-020: #cdb9eb;
+$h-vv-010: #e8d9ff;
+$h-vr-100: #200026;
+$h-vr-090: #3c1243;
+$h-vr-080: #572561;
+$h-vr-070: #73377e;
+$h-vr-060: #8e499b;
+$h-vr-050: #a466af;
+$h-vr-040: #b983c3;
+$h-vr-030: #cfa1d7;
+$h-vr-020: #e4beeb;
+$h-vr-010: #fadbff;
+$h-pk-100: #260404;
+$h-pk-090: #590b32;
+$h-pk-080: #851b52;
+$h-pk-070: #ba2f7e;
+$h-pk-060: #e04ea6;
+$h-pk-050: #e673bb;
+$h-pk-040: #eb8dc9;
+$h-pk-030: #f2a5d6;
+$h-pk-020: #fabee4;
+$h-pk-010: #ffd1ef;
+$h-rr-100: #210300;
+$h-rr-090: #4f0e08;
+$h-rr-080: #7c1d13;
+$h-rr-070: #a82b1e;
+$h-rr-060: #d83020;
+$h-rr-050: #e65240;
+$h-rr-040: #f07062;
+$h-rr-030: #f2877b;
+$h-rr-020: #ffaaa1;
+$h-rr-010: #ffc6bf;
+$h-ro-100: #260a00;
+$h-ro-090: #531b07;
+$h-ro-080: #802c0f;
+$h-ro-070: #ad3c16;
+$h-ro-060: #da4d1e;
+$h-ro-050: #e1653c;
+$h-ro-040: #e97e5a;
+$h-ro-030: #f09677;
+$h-ro-020: #f8af95;
+$h-ro-010: #ffc7b3;
+$h-oo-100: #401900;
+$h-oo-090: #6d2f08;
+$h-oo-080: #9a4410;
+$h-oo-070: #c65a18;
+$h-oo-060: #f36f20;
+$h-oo-050: #f58440;
+$h-oo-040: #f89960;
+$h-oo-030: #faae7f;
+$h-oo-020: #fdc39f;
+$h-oo-010: #ffd8bf;
+$h-oy-100: #402300;
+$h-oy-090: #6d3f08;
+$h-oy-080: #9a5b10;
+$h-oy-070: #c67718;
+$h-oy-060: #f89927;
+$h-oy-050: #f9a845;
+$h-oy-040: #fbb664;
+$h-oy-030: #fcc582;
+$h-oy-020: #fed3a1;
+$h-oy-010: #ffe2bf;
+$h-yy-100: #5c4e00;
+$h-yy-090: #8c7500;
+$h-yy-080: #bfa200;
+$h-yy-070: #d9bc00;
+$h-yy-060: #edd317;
+$h-yy-050: #f9e54e;
+$h-yy-040: #fbea6e;
+$h-yy-030: #fcee8d;
+$h-yy-020: #fef3ad;
+$h-yy-010: #fff7cc;
+$h-yg-100: #121a00;
+$h-yg-090: #384813;
+$h-yg-080: #5e7526;
+$h-yg-070: #84a338;
+$h-yg-060: #aad04b;
+$h-yg-050: #b6d860;
+$h-yg-040: #c2e075;
+$h-yg-030: #cde78a;
+$h-yg-020: #d9ef9f;
+$h-yg-010: #e5f7b4;
+$h-gg-100: #001a03;
+$h-gg-090: #0d3f14;
+$h-gg-080: #1a6324;
+$h-gg-070: #288835;
+$h-gg-060: #35ac46;
+$h-gg-050: #50ba5f;
+$h-gg-040: #6bc878;
+$h-gg-030: #87d692;
+$h-gg-020: #a2e4ab;
+$h-gg-010: #bdf2c4;
+$h-gb-100: #002625;
+$h-gb-090: #004d4c;
+$h-gb-080: #007472;
+$h-gb-070: #009b98;
+$h-gb-060: #00bab5;
+$h-gb-050: #28cecb;
+$h-gb-040: #5ae0de;
+$h-gb-030: #8fe6e5;
+$h-gb-020: #afedec;
+$h-gb-010: #cef5f4;
+$h-bb-100: #001726;
+$h-bb-090: #00304d;
+$h-bb-080: #004874;
+$h-bb-070: #00619b;
+$h-bb-060: #007ac2;
+$h-bb-050: #2890ce;
+$h-bb-040: #50a7da;
+$h-bb-030: #77bde7;
+$h-bb-020: #9fd4f3;
+$h-bb-010: #c7eaff;
+$blk-240: #000000;
+$blk-235: #060606;
+$blk-230: #0b0b0b;
+$blk-220: #151515;
+$blk-210: #202020;
+$blk-200: #2b2b2b;
+$blk-190: #353535;
+$blk-180: #404040;
+$blk-170: #4a4a4a;
+$blk-160: #555555;
+$blk-150: #606060;
+$blk-140: #6a6a6a;
+$blk-130: #757575;
+$blk-120: #808080;
+$blk-110: #8a8a8a;
+$blk-100: #949494;
+$blk-090: #9f9f9f;
+$blk-080: #aaaaaa;
+$blk-070: #b5b5b5;
+$blk-060: #bfbfbf;
+$blk-050: #cacaca;
+$blk-040: #d4d4d4;
+$blk-030: #dfdfdf;
+$blk-020: #eaeaea;
+$blk-010: #f3f3f3;
+$blk-005: #f8f8f8;
+$blk-000: #ffffff;
+$opacity-100: 1;
+$opacity-96: 0.96;
+$opacity-92: 0.92;
+$opacity-90: 0.9;
+$opacity-85: 0.85;
+$opacity-80: 0.8;
+$opacity-70: 0.7;
+$opacity-60: 0.6;
+$opacity-50: 0.5;
+$opacity-40: 0.4;
+$opacity-30: 0.3;
+$opacity-20: 0.2;
+$opacity-10: 0.1;
+$opacity-8: 0.08;
+$opacity-4: 0.04;
+$opacity-0: 0;
+$border-border-width-none: 0px;
+$border-border-width-4: 8px;
+$border-border-width-3: 6px;
+$border-border-width-2: 4px;
+$border-border-width-1: 2px;
+$border-border-width-0: 1px;
+$border-border-radius-full: 9999px;
+$border-border-radius-half: 50%;
+$border-border-radius-none: 0px;
+$border-border-radius-6: 24px;
+$border-border-radius-5: 16px;
+$border-border-radius-4: 12px;
+$border-border-radius-3: 8px;
+$border-border-radius-2: 6px;
+$border-border-radius-1: 4px;
+$border-border-radius-0: 2px;
+$text-case-capitalize: capitalize;
+$text-case-lowercase: lowercase;
+$text-case-uppercase: uppercase;
+$text-case-none: none;
+$text-decoration-underline: underline;
+$text-decoration-none: none;
+$paragraph-spacing-normal: 10px;
+$letter-spacing-wide: 0.4px;
+$letter-spacing-normal: 0px;
+$letter-spacing-tight: -0.4px;
+$font-size-15: 120px;
+$font-size-14: 96px;
+$font-size-13: 80px;
+$font-size-12: 72px;
+$font-size-11: 64px;
+$font-size-10: 56px;
+$font-size-9: 48px;
+$font-size-8: 40px;
+$font-size-7: 32px;
+$font-size-6: 24px;
+$font-size-5: 20px;
+$font-size-4: 18px;
+$font-size-3: 16px;
+$font-size-2: 14px;
+$font-size-1: 12px;
+$font-size-0: 10px;
+$line-height-relative-loose: 2; // 2
+$line-height-relative-relaxed: 1.625; // 1.625
+$line-height-relative-normal: 1.5; // 1.5
+$line-height-relative-snug: 1.375; // 1.375
+$line-height-relative-tight: 1.25; // 1.25
+$line-height-relative: auto; // 1
+$line-height-fixed-12: 80px;
+$line-height-fixed-11: 72px;
+$line-height-fixed-10: 64px;
+$line-height-fixed-9: 56px;
+$line-height-fixed-8: 48px;
+$line-height-fixed-7: 40px;
+$line-height-fixed-6: 36px;
+$line-height-fixed-5: 32px;
+$line-height-fixed-4: 28px;
+$line-height-fixed-3: 24px;
+$line-height-fixed-2: 20px;
+$line-height-fixed-1: 16px;
+$line-height-fixed-0: 12px;
+$font-weight-heavy: 900;
+$font-weight-black: 900; // only for Avenir Next World (secondary font family)
+$font-weight-extrabold: 800; // only for Avenir Next World (secondary font family)
+$font-weight-bold: 700;
+$font-weight-demi: 600;
+$font-weight-medium-italic: \\"Medium Italic\\";
+$font-weight-medium: 500;
+$font-weight-regular: 400;
+$font-weight-light: 300; // only for Avenir Next World (secondary font family)
+$font-weight-thin: 100;
+$font-weight-ultralight: 200; // only for Avenir Next World (secondary font family)
+$font-family-code: Monaco;
+$font-family-secondary: \\"Avenir Next World\\";
+$font-family-primary: \\"Avenir Next LT Pro\\";
+$breakpoint-gutter: 16px;
+$breakpoint-margin: 24px;
+
+@mixin calcite-theme-headless() {
+  --calcite-semantic-ui-color-foreground-current-dark: #214155;
+  --calcite-app-z-index-tooltip: 901;
+  --calcite-app-z-index-popup: 900;
+  --calcite-app-z-index-modal: 800;
+  --calcite-app-z-index-overlay: 700;
+  --calcite-app-z-index-dropdown: 600;
+  --calcite-app-z-index-toast: 500;
+  --calcite-app-z-index-header: 400;
+  --calcite-app-z-index-sticky: 300;
+  --calcite-app-z-index: 1;
+  --calcite-app-z-index-deep: -999999;
+  --calcite-app-breakpoint-cols-lg: 24; /* columns */
+  --calcite-app-breakpoint-cols-md: 24; /* columns */
+  --calcite-app-breakpoint-cols-sm: 12; /* columns */
+  --calcite-app-breakpoint-cols-xs: 6; /* columns */
+  --calcite-app-breakpoint-content-fixed: 1440px; /* only for lg breakpoint fixed grid width */
+  --calcite-app-breakpoint-content-fluid: 100%; /* for fluid grid widths */
+  --calcite-app-breakpoint-width-lg-min: 1153px; /* Large laptops and desktop computers */
+  --calcite-app-breakpoint-width-lg-max: 1722px; /* Large laptops and desktop computers */
+  --calcite-app-breakpoint-width-md-min: 769px; /* Small laptops */
+  --calcite-app-breakpoint-width-md-max: 1152px; /* Small laptops */
+  --calcite-app-breakpoint-width-sm-min: 477px; /* Small tablets */
+  --calcite-app-breakpoint-width-sm-max: 768px; /* Small tablets */
+  --calcite-app-breakpoint-width-xs-min: 321px; /* Handheld devices */
+  --calcite-app-breakpoint-width-xs-max: 476px; /* Handheld devices */
+  --calcite-app-breakpoint-width-xxs-max: 320px; /* Small handheld devices and mini-windows */
+  --calcite-app-breakpoint-width-lg: 1440px; /* To be deprecated */
+  --calcite-app-breakpoint-width-md: 1152px; /* To be deprecated */
+  --calcite-app-breakpoint-width-sm: 768px; /* To be deprecated */
+  --calcite-app-breakpoint-width-xs: 476px; /* To be deprecated */
+  --calcite-app-breakpoint-width-xxs: 320px; /* To be deprecated */
+  --calcite-app-breakpoint-height-lg-min: 679px; /* Large laptops and desktop computers */
+  --calcite-app-breakpoint-height-lg-max: 853px; /* Large laptops and desktop computers */
+  --calcite-app-breakpoint-height-md-min: 504px; /* Small laptops */
+  --calcite-app-breakpoint-height-md-max: 678px; /* Small laptops */
+  --calcite-app-breakpoint-height-sm-min: 329px; /* Small tablets */
+  --calcite-app-breakpoint-height-sm-max: 503px; /* Small tablets */
+  --calcite-app-breakpoint-height-xs-min: 154px; /* Handheld devices */
+  --calcite-app-breakpoint-height-xs-max: 328px; /* Handheld devices */
+  --calcite-app-breakpoint-height-xxs-max: 153px; /* Small handheld devices and mini-windows */
+  --calcite-app-spacing-none: 0px;
+  --calcite-app-spacing-28: 288px;
+  --calcite-app-spacing-27: 256px;
+  --calcite-app-spacing-26: 224px;
+  --calcite-app-spacing-25: 192px;
+  --calcite-app-spacing-24: 160px;
+  --calcite-app-spacing-23: 144px;
+  --calcite-app-spacing-22: 128px;
+  --calcite-app-spacing-21: 112px;
+  --calcite-app-spacing-20: 96px;
+  --calcite-app-spacing-19: 80px;
+  --calcite-app-spacing-18: 72px;
+  --calcite-app-spacing-17: 64px;
+  --calcite-app-spacing-16: 56px;
+  --calcite-app-spacing-15: 48px;
+  --calcite-app-spacing-14: 44px;
+  --calcite-app-spacing-13: 40px;
+  --calcite-app-spacing-12: 36px;
+  --calcite-app-spacing-11: 32px;
+  --calcite-app-spacing-10: 28px;
+  --calcite-app-spacing-9: 24px;
+  --calcite-app-spacing-8: 20px;
+  --calcite-app-spacing-7: 16px;
+  --calcite-app-spacing-6: 14px;
+  --calcite-app-spacing-5: 12px;
+  --calcite-app-spacing-4: 10px;
+  --calcite-app-spacing-3: 8px;
+  --calcite-app-spacing-2: 6px;
+  --calcite-app-spacing-1: 4px;
+  --calcite-app-spacing-0: 2px;
+  --calcite-app-sizing-none: 0px;
+  --calcite-app-sizing-28: 288px;
+  --calcite-app-sizing-27: 256px;
+  --calcite-app-sizing-26: 224px;
+  --calcite-app-sizing-25: 192px;
+  --calcite-app-sizing-24: 160px;
+  --calcite-app-sizing-23: 144px;
+  --calcite-app-sizing-22: 128px;
+  --calcite-app-sizing-21: 112px;
+  --calcite-app-sizing-20: 96px;
+  --calcite-app-sizing-19: 80px;
+  --calcite-app-sizing-18: 72px;
+  --calcite-app-sizing-17: 64px;
+  --calcite-app-sizing-16: 56px;
+  --calcite-app-sizing-15: 48px;
+  --calcite-app-sizing-14: 44px;
+  --calcite-app-sizing-13: 40px;
+  --calcite-app-sizing-12: 36px;
+  --calcite-app-sizing-11: 32px;
+  --calcite-app-sizing-10: 28px;
+  --calcite-app-sizing-9: 24px;
+  --calcite-app-sizing-8: 20px;
+  --calcite-app-sizing-7: 16px;
+  --calcite-app-sizing-6: 14px;
+  --calcite-app-sizing-5: 12px;
+  --calcite-app-sizing-4: 10px;
+  --calcite-app-sizing-3: 8px;
+  --calcite-app-sizing-2: 6px;
+  --calcite-app-sizing-1: 4px;
+  --calcite-app-sizing-0: 2px;
+  --calcite-app-color-palette-dark-blue-d-bb-430: #0087D7;
+  --calcite-app-color-palette-dark-blue-d-bb-420: #00A0FF;
+  --calcite-app-color-palette-dark-blue-d-bb-410: #47BBFF;
+  --calcite-app-color-palette-dark-red-d-rr-430: #F3381B;
+  --calcite-app-color-palette-dark-red-d-rr-420: #FE583E;
+  --calcite-app-color-palette-dark-red-d-rr-410: #FF7465;
+  --calcite-app-color-palette-dark-yellow-d-yy-430: #F4B000;
+  --calcite-app-color-palette-dark-yellow-d-yy-420: #FFC900;
+  --calcite-app-color-palette-dark-yellow-d-yy-410: #FFE24D;
+  --calcite-app-color-palette-dark-green-d-gg-430: #36DA43;
+  --calcite-app-color-palette-dark-green-d-gg-420: #36DA43;
+  --calcite-app-color-palette-dark-green-d-gg-410: #44ED51;
+  --calcite-app-color-palette-vibrant-violet-v-vv-180: #6a0be6;
+  --calcite-app-color-palette-vibrant-violet-v-vv-160: #8129ff;
+  --calcite-app-color-palette-vibrant-violet-v-vv-140: #974dff;
+  --calcite-app-color-palette-vibrant-violet-v-vv-120: #b580ff;
+  --calcite-app-color-palette-vibrant-violet-red-v-vr-180: #83009e;
+  --calcite-app-color-palette-vibrant-violet-red-v-vr-160: #ac08cc;
+  --calcite-app-color-palette-vibrant-violet-red-v-vr-140: #dd33ff;
+  --calcite-app-color-palette-vibrant-violet-red-v-vr-120: #ea80ff;
+  --calcite-app-color-palette-vibrant-pink-v-pk-180: #c00073;
+  --calcite-app-color-palette-vibrant-pink-v-pk-160: #d11486;
+  --calcite-app-color-palette-vibrant-pink-v-pk-140: #ff19a4;
+  --calcite-app-color-palette-vibrant-pink-v-pk-120: #ff66c2;
+  --calcite-app-color-palette-vibrant-red-v-rr-180: #b3000f;
+  --calcite-app-color-palette-vibrant-red-v-rr-160: #d90012;
+  --calcite-app-color-palette-vibrant-red-v-rr-140: #ff0015;
+  --calcite-app-color-palette-vibrant-red-v-rr-120: #ff624d;
+  --calcite-app-color-palette-vibrant-red-orange-v-ro-180: #c93b00;
+  --calcite-app-color-palette-vibrant-red-orange-v-ro-160: #de4300;
+  --calcite-app-color-palette-vibrant-red-orange-v-ro-140: #ff4d00;
+  --calcite-app-color-palette-vibrant-red-orange-v-ro-120: #ff824d;
+  --calcite-app-color-palette-vibrant-orange-yellow-v-oy-180: #d17300;
+  --calcite-app-color-palette-vibrant-orange-yellow-v-oy-160: #e68600;
+  --calcite-app-color-palette-vibrant-orange-yellow-v-oy-140: #ff9500;
+  --calcite-app-color-palette-vibrant-orange-yellow-v-oy-120: #ffb54d;
+  --calcite-app-color-palette-vibrant-yellow-v-yy-180: #ebba17;
+  --calcite-app-color-palette-vibrant-yellow-v-yy-160: #f5d000;
+  --calcite-app-color-palette-vibrant-yellow-v-yy-140: #ffee33;
+  --calcite-app-color-palette-vibrant-yellow-v-yy-120: #fff766;
+  --calcite-app-color-palette-vibrant-yellow-green-v-yg-180: #7fab00;
+  --calcite-app-color-palette-vibrant-yellow-green-v-yg-160: #96cc00;
+  --calcite-app-color-palette-vibrant-yellow-green-v-yg-140: #bbed3b;
+  --calcite-app-color-palette-vibrant-yellow-green-v-yg-120: #d7ff73;
+  --calcite-app-color-palette-vibrant-green-v-gg-180: #00a118;
+  --calcite-app-color-palette-vibrant-green-v-gg-160: #00b81b;
+  --calcite-app-color-palette-vibrant-green-v-gg-140: #3bed52;
+  --calcite-app-color-palette-vibrant-green-v-gg-120: #73ff84;
+  --calcite-app-color-palette-vibrant-green-blue-v-gb-180: #00cfca;
+  --calcite-app-color-palette-vibrant-green-blue-v-gb-160: #00e6e2;
+  --calcite-app-color-palette-vibrant-green-blue-v-gb-140: #00f7f3;
+  --calcite-app-color-palette-vibrant-green-blue-v-gb-120: #59fffc;
+  --calcite-app-color-palette-vibrant-blue-v-bb-180: #009af2;
+  --calcite-app-color-palette-vibrant-blue-v-bb-160: #009af2;
+  --calcite-app-color-palette-vibrant-blue-v-bb-140: #3db8ff;
+  --calcite-app-color-palette-vibrant-blue-v-bb-120: #59d6ff;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-100: #100026;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-090: #250f43;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-080: #3a1e61;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-070: #4e2c7e;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-060: #633b9b;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-050: #7e5baf;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-040: #987ac3;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-030: #b39ad7;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-020: #cdb9eb;
+  --calcite-app-color-palette-high-saturation-violet-h-vv-010: #e8d9ff;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-100: #200026;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-090: #3c1243;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-080: #572561;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-070: #73377e;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-060: #8e499b;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-050: #a466af;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-040: #b983c3;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-030: #cfa1d7;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-020: #e4beeb;
+  --calcite-app-color-palette-high-saturation-violet-red-h-vr-010: #fadbff;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-100: #260404;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-090: #590b32;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-080: #851b52;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-070: #ba2f7e;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-060: #e04ea6;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-050: #e673bb;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-040: #eb8dc9;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-030: #f2a5d6;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-020: #fabee4;
+  --calcite-app-color-palette-high-saturation-pink-h-pk-010: #ffd1ef;
+  --calcite-app-color-palette-high-saturation-red-h-rr-100: #210300;
+  --calcite-app-color-palette-high-saturation-red-h-rr-090: #4f0e08;
+  --calcite-app-color-palette-high-saturation-red-h-rr-080: #7c1d13;
+  --calcite-app-color-palette-high-saturation-red-h-rr-070: #a82b1e;
+  --calcite-app-color-palette-high-saturation-red-h-rr-060: #d83020;
+  --calcite-app-color-palette-high-saturation-red-h-rr-050: #e65240;
+  --calcite-app-color-palette-high-saturation-red-h-rr-040: #f07062;
+  --calcite-app-color-palette-high-saturation-red-h-rr-030: #f2877b;
+  --calcite-app-color-palette-high-saturation-red-h-rr-020: #ffaaa1;
+  --calcite-app-color-palette-high-saturation-red-h-rr-010: #ffc6bf;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-100: #260a00;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-090: #531b07;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-080: #802c0f;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-070: #ad3c16;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-060: #da4d1e;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-050: #e1653c;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-040: #e97e5a;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-030: #f09677;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-020: #f8af95;
+  --calcite-app-color-palette-high-saturation-red-orange-h-ro-010: #ffc7b3;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-100: #401900;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-090: #6d2f08;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-080: #9a4410;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-070: #c65a18;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-060: #f36f20;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-050: #f58440;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-040: #f89960;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-030: #faae7f;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-020: #fdc39f;
+  --calcite-app-color-palette-high-saturation-orange-h-oo-010: #ffd8bf;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-100: #402300;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-090: #6d3f08;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-080: #9a5b10;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-070: #c67718;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-060: #f89927;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-050: #f9a845;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-040: #fbb664;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-030: #fcc582;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-020: #fed3a1;
+  --calcite-app-color-palette-high-saturation-orange-yellow-h-oy-010: #ffe2bf;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-100: #5c4e00;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-090: #8c7500;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-080: #bfa200;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-070: #d9bc00;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-060: #edd317;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-050: #f9e54e;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-040: #fbea6e;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-030: #fcee8d;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-020: #fef3ad;
+  --calcite-app-color-palette-high-saturation-yellow-h-yy-010: #fff7cc;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-100: #121a00;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-090: #384813;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-080: #5e7526;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-070: #84a338;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-060: #aad04b;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-050: #b6d860;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-040: #c2e075;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-030: #cde78a;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-020: #d9ef9f;
+  --calcite-app-color-palette-high-saturation-yellow-green-h-yg-010: #e5f7b4;
+  --calcite-app-color-palette-high-saturation-green-h-gg-100: #001a03;
+  --calcite-app-color-palette-high-saturation-green-h-gg-090: #0d3f14;
+  --calcite-app-color-palette-high-saturation-green-h-gg-080: #1a6324;
+  --calcite-app-color-palette-high-saturation-green-h-gg-070: #288835;
+  --calcite-app-color-palette-high-saturation-green-h-gg-060: #35ac46;
+  --calcite-app-color-palette-high-saturation-green-h-gg-050: #50ba5f;
+  --calcite-app-color-palette-high-saturation-green-h-gg-040: #6bc878;
+  --calcite-app-color-palette-high-saturation-green-h-gg-030: #87d692;
+  --calcite-app-color-palette-high-saturation-green-h-gg-020: #a2e4ab;
+  --calcite-app-color-palette-high-saturation-green-h-gg-010: #bdf2c4;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-100: #002625;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-090: #004d4c;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-080: #007472;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-070: #009b98;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-060: #00bab5;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-050: #28cecb;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-040: #5ae0de;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-030: #8fe6e5;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-020: #afedec;
+  --calcite-app-color-palette-high-saturation-green-blue-h-gb-010: #cef5f4;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-100: #001726;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-090: #00304d;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-080: #004874;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-070: #00619b;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-060: #007ac2;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-050: #2890ce;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-040: #50a7da;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-030: #77bde7;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-020: #9fd4f3;
+  --calcite-app-color-palette-high-saturation-blue-h-bb-010: #c7eaff;
+  --calcite-app-color-neutral-blk-240: #000000;
+  --calcite-app-color-neutral-blk-235: #060606;
+  --calcite-app-color-neutral-blk-230: #0b0b0b;
+  --calcite-app-color-neutral-blk-220: #151515;
+  --calcite-app-color-neutral-blk-210: #202020;
+  --calcite-app-color-neutral-blk-200: #2b2b2b;
+  --calcite-app-color-neutral-blk-190: #353535;
+  --calcite-app-color-neutral-blk-180: #404040;
+  --calcite-app-color-neutral-blk-170: #4a4a4a;
+  --calcite-app-color-neutral-blk-160: #555555;
+  --calcite-app-color-neutral-blk-150: #606060;
+  --calcite-app-color-neutral-blk-140: #6a6a6a;
+  --calcite-app-color-neutral-blk-130: #757575;
+  --calcite-app-color-neutral-blk-120: #808080;
+  --calcite-app-color-neutral-blk-110: #8a8a8a;
+  --calcite-app-color-neutral-blk-100: #949494;
+  --calcite-app-color-neutral-blk-090: #9f9f9f;
+  --calcite-app-color-neutral-blk-080: #aaaaaa;
+  --calcite-app-color-neutral-blk-070: #b5b5b5;
+  --calcite-app-color-neutral-blk-060: #bfbfbf;
+  --calcite-app-color-neutral-blk-050: #cacaca;
+  --calcite-app-color-neutral-blk-040: #d4d4d4;
+  --calcite-app-color-neutral-blk-030: #dfdfdf;
+  --calcite-app-color-neutral-blk-020: #eaeaea;
+  --calcite-app-color-neutral-blk-010: #f3f3f3;
+  --calcite-app-color-neutral-blk-005: #f8f8f8;
+  --calcite-app-color-neutral-blk-000: #ffffff;
+  --calcite-app-opacity-100: 1;
+  --calcite-app-opacity-96: 0.96;
+  --calcite-app-opacity-92: 0.92;
+  --calcite-app-opacity-90: 0.9;
+  --calcite-app-opacity-85: 0.85;
+  --calcite-app-opacity-80: 0.8;
+  --calcite-app-opacity-70: 0.7;
+  --calcite-app-opacity-60: 0.6;
+  --calcite-app-opacity-50: 0.5;
+  --calcite-app-opacity-40: 0.4;
+  --calcite-app-opacity-30: 0.3;
+  --calcite-app-opacity-20: 0.2;
+  --calcite-app-opacity-10: 0.1;
+  --calcite-app-opacity-8: 0.08;
+  --calcite-app-opacity-4: 0.04;
+  --calcite-app-opacity-0: 0;
+  --calcite-app-border-width-none: 0px;
+  --calcite-app-border-width-4: 8px;
+  --calcite-app-border-width-3: 6px;
+  --calcite-app-border-width-2: 4px;
+  --calcite-app-border-width-1: 2px;
+  --calcite-app-border-width-0: 1px;
+  --calcite-app-border-radius-full: 9999px;
+  --calcite-app-border-radius-half: 50%;
+  --calcite-app-border-radius-none: 0px;
+  --calcite-app-border-radius-6: 24px;
+  --calcite-app-border-radius-5: 16px;
+  --calcite-app-border-radius-4: 12px;
+  --calcite-app-border-radius-3: 8px;
+  --calcite-app-border-radius-2: 6px;
+  --calcite-app-border-radius-1: 4px;
+  --calcite-app-border-radius-0: 2px;
+  --calcite-app-font-text-case-capitalize: capitalize;
+  --calcite-app-font-text-case-lowercase: lowercase;
+  --calcite-app-font-text-case-uppercase: uppercase;
+  --calcite-app-font-text-case-none: none;
+  --calcite-app-font-text-decoration-underline: underline;
+  --calcite-app-font-text-decoration-none: none;
+  --calcite-app-font-paragraph-spacing-normal: 10px;
+  --calcite-app-font-letter-spacing-wide: 0.4px;
+  --calcite-app-font-letter-spacing-normal: 0px;
+  --calcite-app-font-letter-spacing-tight: -0.4px;
+  --calcite-app-font-size-15: 120px;
+  --calcite-app-font-size-14: 96px;
+  --calcite-app-font-size-13: 80px;
+  --calcite-app-font-size-12: 72px;
+  --calcite-app-font-size-11: 64px;
+  --calcite-app-font-size-10: 56px;
+  --calcite-app-font-size-9: 48px;
+  --calcite-app-font-size-8: 40px;
+  --calcite-app-font-size-7: 32px;
+  --calcite-app-font-size-6: 24px;
+  --calcite-app-font-size-5: 20px;
+  --calcite-app-font-size-4: 18px;
+  --calcite-app-font-size-3: 16px;
+  --calcite-app-font-size-2: 14px;
+  --calcite-app-font-size-1: 12px;
+  --calcite-app-font-size-0: 10px;
+  --calcite-app-font-line-height-relative-loose: 2; /* 2 */
+  --calcite-app-font-line-height-relative-relaxed: 1.625; /* 1.625 */
+  --calcite-app-font-line-height-relative-normal: 1.5; /* 1.5 */
+  --calcite-app-font-line-height-relative-snug: 1.375; /* 1.375 */
+  --calcite-app-font-line-height-relative-tight: 1.25; /* 1.25 */
+  --calcite-app-font-line-height-relative: auto; /* 1 */
+  --calcite-app-font-line-height-fixed-12: 80px;
+  --calcite-app-font-line-height-fixed-11: 72px;
+  --calcite-app-font-line-height-fixed-10: 64px;
+  --calcite-app-font-line-height-fixed-9: 56px;
+  --calcite-app-font-line-height-fixed-8: 48px;
+  --calcite-app-font-line-height-fixed-7: 40px;
+  --calcite-app-font-line-height-fixed-6: 36px;
+  --calcite-app-font-line-height-fixed-5: 32px;
+  --calcite-app-font-line-height-fixed-4: 28px;
+  --calcite-app-font-line-height-fixed-3: 24px;
+  --calcite-app-font-line-height-fixed-2: 20px;
+  --calcite-app-font-line-height-fixed-1: 16px;
+  --calcite-app-font-line-height-fixed-0: 12px;
+  --calcite-app-font-weight-heavy: 900;
+  --calcite-app-font-weight-black: 900; /* only for Avenir Next World (secondary font family) */
+  --calcite-app-font-weight-extrabold: 800; /* only for Avenir Next World (secondary font family) */
+  --calcite-app-font-weight-bold: 700;
+  --calcite-app-font-weight-demi: 600;
+  --calcite-app-font-weight-medium-italic: \\"Medium Italic\\";
+  --calcite-app-font-weight-medium: 500;
+  --calcite-app-font-weight-regular: 400;
+  --calcite-app-font-weight-light: 300; /* only for Avenir Next World (secondary font family) */
+  --calcite-app-font-weight-thin: 100;
+  --calcite-app-font-weight-ultralight: 200; /* only for Avenir Next World (secondary font family) */
+  --calcite-app-font-family-code: Monaco;
+  --calcite-app-font-family-secondary: \\"Avenir Next World\\";
+  --calcite-app-font-family-primary: \\"Avenir Next LT Pro\\";
+  --calcite-slider-histogram-area-active-background-dark: #8DCEF7;
+  --calcite-slider-histogram-area-active-background-light: #9BBDDF;
+  --calcite-slider-histogram-range-area-active-background-dark: #8DCEF7;
+  --calcite-slider-histogram-range-area-active-background-light: #9BBDDF;
+  --calcite-modal-comp-size-full-width: 1504px;
+  --calcite-modal-comp-size-medium-width: 768px;
+  --calcite-modal-comp-size-small-width: 512px;
+  --calcite-color-picker-channels-space-between-lg: auto;
+  --calcite-color-picker-channels-space-between-md: auto;
+  --calcite-semantic-spacing-base: var(--calcite-app-spacing-0);
+  --calcite-semantic-ui-color-inverse-dark: var(--calcite-app-color-neutral-blk-005);
+  --calcite-semantic-ui-color-inverse-light: var(--calcite-app-color-neutral-blk-190);
+  --calcite-semantic-ui-color-danger-press-dark: var(--calcite-app-color-palette-vibrant-red-v-rr-160);
+  --calcite-semantic-ui-color-danger-press-light: var(--calcite-app-color-palette-high-saturation-red-h-rr-080);
+  --calcite-semantic-ui-color-danger-hover-dark: var(--calcite-app-color-palette-vibrant-red-v-rr-140);
+  --calcite-semantic-ui-color-danger-hover-light: var(--calcite-app-color-palette-high-saturation-red-h-rr-070);
+  --calcite-semantic-ui-color-danger-dark: var(--calcite-app-color-palette-dark-red-d-rr-420);
+  --calcite-semantic-ui-color-danger-light: var(--calcite-app-color-palette-high-saturation-red-h-rr-060);
+  --calcite-semantic-ui-color-warning-press-dark: var(--calcite-app-color-palette-vibrant-yellow-v-yy-160);
+  --calcite-semantic-ui-color-warning-press-light: var(--calcite-app-color-palette-high-saturation-yellow-h-yy-080);
+  --calcite-semantic-ui-color-warning-hover-dark: var(--calcite-app-color-palette-vibrant-yellow-v-yy-140);
+  --calcite-semantic-ui-color-warning-hover-light: var(--calcite-app-color-palette-high-saturation-yellow-h-yy-070);
+  --calcite-semantic-ui-color-warning-dark: var(--calcite-app-color-palette-dark-yellow-d-yy-420);
+  --calcite-semantic-ui-color-warning-light: var(--calcite-app-color-palette-high-saturation-yellow-h-yy-060);
+  --calcite-semantic-ui-color-success-press-dark: var(--calcite-app-color-palette-vibrant-green-v-gg-160);
+  --calcite-semantic-ui-color-success-press-light: var(--calcite-app-color-palette-high-saturation-green-h-gg-080);
+  --calcite-semantic-ui-color-success-hover-dark: var(--calcite-app-color-palette-vibrant-green-v-gg-140);
+  --calcite-semantic-ui-color-success-hover-light: var(--calcite-app-color-palette-high-saturation-green-h-gg-070);
+  --calcite-semantic-ui-color-success-dark: var(--calcite-app-color-palette-dark-green-d-gg-420);
+  --calcite-semantic-ui-color-success-light: var(--calcite-app-color-palette-high-saturation-green-h-gg-060);
+  --calcite-semantic-ui-color-info-press-dark: var(--calcite-app-color-palette-vibrant-blue-v-bb-160);
+  --calcite-semantic-ui-color-info-press-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-090);
+  --calcite-semantic-ui-color-info-hover-dark: var(--calcite-app-color-palette-vibrant-blue-v-bb-140);
+  --calcite-semantic-ui-color-info-hover-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-080);
+  --calcite-semantic-ui-color-info-dark: var(--calcite-app-color-palette-dark-blue-d-bb-420);
+  --calcite-semantic-ui-color-info-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-070);
+  --calcite-semantic-ui-color-border-input-dark: var(--calcite-app-color-neutral-blk-130);
+  --calcite-semantic-ui-color-border-input-light: var(--calcite-app-color-neutral-blk-100);
+  --calcite-semantic-ui-color-border-3-dark: var(--calcite-app-color-neutral-blk-180);
+  --calcite-semantic-ui-color-border-3-light: var(--calcite-app-color-neutral-blk-030);
+  --calcite-semantic-ui-color-border-2-dark: var(--calcite-app-color-neutral-blk-170);
+  --calcite-semantic-ui-color-border-2-light: var(--calcite-app-color-neutral-blk-040);
+  --calcite-semantic-ui-color-border-1-dark: var(--calcite-app-color-neutral-blk-160);
+  --calcite-semantic-ui-color-border-1-light: var(--calcite-app-color-neutral-blk-050);
+  --calcite-semantic-ui-color-text-link-dark: var(--calcite-app-color-palette-dark-blue-d-bb-420);
+  --calcite-semantic-ui-color-text-link-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-070);
+  --calcite-semantic-ui-color-text-inverse-dark: var(--calcite-app-color-neutral-blk-220);
+  --calcite-semantic-ui-color-text-inverse-light: var(--calcite-app-color-neutral-blk-000);
+  --calcite-semantic-ui-color-text-3-dark: var(--calcite-app-color-neutral-blk-090);
+  --calcite-semantic-ui-color-text-3-light: var(--calcite-app-color-neutral-blk-140);
+  --calcite-semantic-ui-color-text-2-dark: var(--calcite-app-color-neutral-blk-060);
+  --calcite-semantic-ui-color-text-2-light: var(--calcite-app-color-neutral-blk-170);
+  --calcite-semantic-ui-color-text-1-dark: var(--calcite-app-color-neutral-blk-000);
+  --calcite-semantic-ui-color-text-1-light: var(--calcite-app-color-neutral-blk-220);
+  --calcite-semantic-ui-color-foreground-current-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-010);
+  --calcite-semantic-ui-color-foreground-3-dark: var(--calcite-app-color-neutral-blk-220);
+  --calcite-semantic-ui-color-foreground-3-light: var(--calcite-app-color-neutral-blk-020);
+  --calcite-semantic-ui-color-foreground-2-dark: var(--calcite-app-color-neutral-blk-210);
+  --calcite-semantic-ui-color-foreground-2-light: var(--calcite-app-color-neutral-blk-010);
+  --calcite-semantic-ui-color-foreground-1-dark: var(--calcite-app-color-neutral-blk-200);
+  --calcite-semantic-ui-color-foreground-1-light: var(--calcite-app-color-neutral-blk-000);
+  --calcite-semantic-ui-color-background-dark: var(--calcite-app-color-neutral-blk-190);
+  --calcite-semantic-ui-color-background-light: var(--calcite-app-color-neutral-blk-005);
+  --calcite-semantic-ui-color-brand-press-dark: var(--calcite-app-color-palette-high-saturation-blue-h-bb-070);
+  --calcite-semantic-ui-color-brand-press-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-080);
+  --calcite-semantic-ui-color-brand-hover-dark: var(--calcite-app-color-palette-high-saturation-blue-h-bb-060);
+  --calcite-semantic-ui-color-brand-hover-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-070);
+  --calcite-semantic-ui-color-brand-dark: var(--calcite-app-color-palette-vibrant-blue-v-bb-160);
+  --calcite-semantic-ui-color-brand-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-060);
+  --calcite-semantic-border-radius-pill: var(--calcite-app-border-radius-full);
+  --calcite-semantic-border-radius-circular: var(--calcite-app-border-radius-half);
+  --calcite-semantic-border-radius-round: var(--calcite-app-border-radius-1);
+  --calcite-semantic-border-radius-sharp: var(--calcite-app-border-radius-none);
+  --calcite-app-breakpoint-gutter: var(--calcite-app-spacing-7);
+  --calcite-app-breakpoint-margin: var(--calcite-app-spacing-9);
+  --calcite-tree-item-space-around-lg: var(--calcite-app-spacing-5);
+  --calcite-tree-item-space-around-md: var(--calcite-app-spacing-3);
+  --calcite-tree-item-space-around-sm: var(--calcite-app-spacing-1);
+  --calcite-tree-item-space-between-lg: var(--calcite-app-spacing-14);
+  --calcite-tree-item-space-between-md: var(--calcite-app-spacing-11);
+  --calcite-tree-item-space-between-sm: var(--calcite-app-spacing-9);
+  --calcite-tree-item-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-tree-item-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-tree-item-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-tree-item-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-tree-item-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-tree-item-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-tree-item-border-width-lg: var(--calcite-app-border-width-4);
+  --calcite-tree-item-border-width-md: var(--calcite-app-border-width-2);
+  --calcite-tree-item-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-tree-item-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-tree-item-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-tree-item-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-tooltip-arrow-height: var(--calcite-app-sizing-2);
+  --calcite-tooltip-arrow-width: var(--calcite-app-sizing-6);
+  --calcite-tooltip-border-width: var(--calcite-app-border-width-0);
+  --calcite-tooltip-border-radius: var(--calcite-app-border-radius-1);
+  --calcite-tooltip-space-arround-left-right: var(--calcite-app-spacing-7);
+  --calcite-tooltip-space-arround-top-bottom: var(--calcite-app-spacing-5);
+  --calcite-tip-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-tip-selected-space-around-md: var(--calcite-app-spacing-none);
+  --calcite-tip-selected-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-tip-space-around-md: var(--calcite-app-spacing-7);
+  --calcite-tip-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-tip-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-tip-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-textarea-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-textarea-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-textarea-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-textarea-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-textarea-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-textarea-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-textarea-icon-size-lg: var(--calcite-app-sizing-7);
+  --calcite-textarea-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-textarea-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-textarea-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-textarea-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-textarea-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-textarea-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-textarea-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-textarea-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-tabs-space-between-lg: var(--calcite-app-spacing-9);
+  --calcite-tabs-space-between-md: var(--calcite-app-spacing-8);
+  --calcite-tabs-space-between-sm: var(--calcite-app-spacing-7);
+  --calcite-tabs-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-tabs-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-tabs-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-tabs-space-around-left-right-lg: var(--calcite-app-spacing-none);
+  --calcite-tabs-space-around-left-right-md: var(--calcite-app-spacing-none);
+  --calcite-tabs-space-around-left-right-sm: var(--calcite-app-spacing-none);
+  --calcite-tabs-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-tabs-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-tabs-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-tabs-border-width-active-lg: var(--calcite-app-border-width-1);
+  --calcite-tabs-border-width-active-md: var(--calcite-app-border-width-1);
+  --calcite-tabs-border-width-active-sm: var(--calcite-app-border-width-1);
+  --calcite-tabs-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-tabs-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-tabs-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-tabs-bordered-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-tabs-bordered-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-tabs-bordered-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-tabs-bordered-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-tabs-bordered-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-tabs-bordered-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-tabs-bordered-space-around-top-bottom-lg: var(--calcite-app-spacing-10);
+  --calcite-tabs-bordered-space-around-top-bottom-md: var(--calcite-app-spacing-7);
+  --calcite-tabs-bordered-space-around-top-bottom-sm: var(--calcite-app-spacing-7);
+  --calcite-tabs-bordered-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-tabs-bordered-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-tabs-bordered-space-around-left-right-sm: var(--calcite-app-spacing-5);
+  --calcite-tab-title-space-around-top-bottom-lg: var(--calcite-app-spacing-4);
+  --calcite-tab-title-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-tab-title-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-tab-title-space-around-left-right-lg: var(--calcite-app-spacing-1);
+  --calcite-tab-title-space-around-left-right-md: var(--calcite-app-spacing-1);
+  --calcite-tab-title-space-around-left-right-sm: var(--calcite-app-spacing-1);
+  --calcite-tab-title-space-between-lg: var(--calcite-app-spacing-3);
+  --calcite-tab-title-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-tab-title-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-tab-title-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-tab-title-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-tab-title-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-tab-title-border-width-active-lg: var(--calcite-app-border-width-1);
+  --calcite-tab-title-border-width-active-md: var(--calcite-app-border-width-1);
+  --calcite-tab-title-border-width-active-sm: var(--calcite-app-border-width-1);
+  --calcite-tab-title-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-tab-title-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-tab-title-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-tab-title-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-tab-title-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-tab-title-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-tab-title-bordered-space-around-top-bottom-lg: var(--calcite-app-spacing-4);
+  --calcite-tab-title-bordered-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-tab-title-bordered-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-tab-title-bordered-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-tab-title-bordered-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-tab-title-bordered-space-around-left-right-sm: var(--calcite-app-spacing-5);
+  --calcite-switch-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-switch-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-switch-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-switch-handle-border-width-lg: var(--calcite-app-border-width-1);
+  --calcite-switch-handle-border-width-md: var(--calcite-app-border-width-1);
+  --calcite-switch-handle-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-switch-handle-border-radius-lg: var(--calcite-app-border-radius-half);
+  --calcite-switch-handle-border-radius-md: var(--calcite-app-border-radius-half);
+  --calcite-switch-handle-border-radius-sm: var(--calcite-app-border-radius-half);
+  --calcite-switch-handle-size-lg: var(--calcite-app-sizing-9);
+  --calcite-switch-handle-size-md: var(--calcite-app-sizing-7);
+  --calcite-switch-handle-size-sm: var(--calcite-app-sizing-5);
+  --calcite-switch-comp-size-lg: var(--calcite-app-sizing-15);
+  --calcite-switch-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-switch-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-switch-border-radius-lg: var(--calcite-app-border-radius-full);
+  --calcite-switch-border-radius-md: var(--calcite-app-border-radius-full);
+  --calcite-switch-border-radius-sm: var(--calcite-app-border-radius-full);
+  --calcite-stepper-space-around-lg: var(--calcite-app-spacing-11);
+  --calcite-stepper-space-around-md: var(--calcite-app-spacing-9);
+  --calcite-stepper-space-around-sm: var(--calcite-app-spacing-7);
+  --calcite-stepper-space-between-lg: var(--calcite-app-spacing-14);
+  --calcite-stepper-space-between-md: var(--calcite-app-spacing-11);
+  --calcite-stepper-space-between-sm: var(--calcite-app-spacing-9);
+  --calcite-stepper-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-stepper-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-stepper-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-stepper-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-stepper-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-stepper-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-stepper-border-width-lg: var(--calcite-app-border-width-4);
+  --calcite-stepper-border-width-md: var(--calcite-app-border-width-2);
+  --calcite-stepper-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-stepper-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-stepper-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-stepper-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-stepper-item-disabled: var(--calcite-app-opacity-50);
+  --calcite-stepper-item-space-around-top-bottom-lg: var(--calcite-app-spacing-9);
+  --calcite-stepper-item-space-around-top-bottom-md: var(--calcite-app-spacing-8);
+  --calcite-stepper-item-space-around-top-bottom-sm: var(--calcite-app-spacing-7);
+  --calcite-stepper-item-space-around-right-lg: var(--calcite-app-spacing-8);
+  --calcite-stepper-item-space-around-right-md: var(--calcite-app-spacing-7);
+  --calcite-stepper-item-space-around-right-sm: var(--calcite-app-spacing-5);
+  --calcite-stepper-item-space-around-left-lg: var(--calcite-app-spacing-none);
+  --calcite-stepper-item-space-around-left-md: var(--calcite-app-spacing-none);
+  --calcite-stepper-item-space-around-left-sm: var(--calcite-app-spacing-none);
+  --calcite-stepper-item-space-between-lg: var(--calcite-app-spacing-14);
+  --calcite-stepper-item-space-between-md: var(--calcite-app-spacing-7);
+  --calcite-stepper-item-space-between-sm: var(--calcite-app-spacing-5);
+  --calcite-stepper-item-icon-size-lg: var(--calcite-app-sizing-7);
+  --calcite-stepper-item-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-stepper-item-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-stepper-item-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-stepper-item-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-stepper-item-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-stepper-item-border-width-lg: var(--calcite-app-border-width-1);
+  --calcite-stepper-item-border-width-md: var(--calcite-app-border-width-1);
+  --calcite-stepper-item-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-stepper-item-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-stepper-item-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-stepper-item-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-split-button-space-around-divider-solid-top-bottom: var(--calcite-app-spacing-1);
+  --calcite-split-button-space-around-dropdown-lg: var(--calcite-app-spacing-4);
+  --calcite-split-button-space-around-dropdown-md: var(--calcite-app-spacing-3);
+  --calcite-split-button-space-around-dropdown-sm: var(--calcite-app-spacing-1);
+  --calcite-split-button-space-around-content-top-bottom-lg: var(--calcite-app-spacing-4);
+  --calcite-split-button-space-around-content-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-split-button-space-around-content-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-split-button-space-around-content-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-split-button-space-around-content-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-split-button-space-around-content-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-split-button-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-split-button-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-split-button-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-split-button-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-split-button-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-split-button-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-split-button-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-split-button-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-split-button-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-split-button-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-split-button-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-split-button-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-split-button-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-split-button-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-split-button-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-slider-space-around-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-space-around-md: var(--calcite-app-spacing-2);
+  --calcite-slider-space-around-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-space-between-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-slider-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-handle-size-lg: var(--calcite-app-sizing-7);
+  --calcite-slider-handle-size-md: var(--calcite-app-sizing-6);
+  --calcite-slider-handle-size-sm: var(--calcite-app-sizing-4);
+  --calcite-slider-tick-size-height-lg: var(--calcite-app-sizing-2);
+  --calcite-slider-tick-size-height-md: var(--calcite-app-sizing-2);
+  --calcite-slider-tick-size-height-sm: var(--calcite-app-sizing-2);
+  --calcite-slider-tick-size-width-lg: var(--calcite-app-sizing-1);
+  --calcite-slider-tick-size-width-md: var(--calcite-app-sizing-1);
+  --calcite-slider-tick-size-width-sm: var(--calcite-app-sizing-1);
+  --calcite-slider-border-width-lg: var(--calcite-app-border-width-1);
+  --calcite-slider-border-width-md: var(--calcite-app-border-width-1);
+  --calcite-slider-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-slider-range-space-around-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-range-space-around-md: var(--calcite-app-spacing-2);
+  --calcite-slider-range-space-around-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-range-space-between-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-range-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-slider-range-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-range-handle-size-lg: var(--calcite-app-sizing-7);
+  --calcite-slider-range-handle-size-md: var(--calcite-app-sizing-6);
+  --calcite-slider-range-handle-size-sm: var(--calcite-app-sizing-4);
+  --calcite-slider-range-tick-size-height-lg: var(--calcite-app-sizing-2);
+  --calcite-slider-range-tick-size-height-md: var(--calcite-app-sizing-2);
+  --calcite-slider-range-tick-size-height-sm: var(--calcite-app-sizing-2);
+  --calcite-slider-range-tick-size-width-lg: var(--calcite-app-sizing-1);
+  --calcite-slider-range-tick-size-width-md: var(--calcite-app-sizing-1);
+  --calcite-slider-range-tick-size-width-sm: var(--calcite-app-sizing-1);
+  --calcite-slider-range-border-width-lg: var(--calcite-app-border-width-1);
+  --calcite-slider-range-border-width-md: var(--calcite-app-border-width-1);
+  --calcite-slider-range-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-slider-histogram-active-end-height-lg: var(--calcite-app-sizing-15);
+  --calcite-slider-histogram-active-end-height-md: var(--calcite-app-sizing-15);
+  --calcite-slider-histogram-active-end-height-sm: var(--calcite-app-sizing-15);
+  --calcite-slider-histogram-active-end-width-lg: var(--calcite-app-sizing-0);
+  --calcite-slider-histogram-active-end-width-md: var(--calcite-app-sizing-0);
+  --calcite-slider-histogram-active-end-width-sm: var(--calcite-app-sizing-0);
+  --calcite-slider-histogram-space-around-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-histogram-space-around-md: var(--calcite-app-spacing-2);
+  --calcite-slider-histogram-space-around-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-histogram-space-between-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-histogram-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-slider-histogram-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-histogram-handle-size-lg: var(--calcite-app-sizing-7);
+  --calcite-slider-histogram-handle-size-md: var(--calcite-app-sizing-6);
+  --calcite-slider-histogram-handle-size-sm: var(--calcite-app-sizing-4);
+  --calcite-slider-histogram-tick-size-height-lg: var(--calcite-app-sizing-2);
+  --calcite-slider-histogram-tick-size-height-md: var(--calcite-app-sizing-2);
+  --calcite-slider-histogram-tick-size-height-sm: var(--calcite-app-sizing-2);
+  --calcite-slider-histogram-tick-size-width-lg: var(--calcite-app-sizing-1);
+  --calcite-slider-histogram-tick-size-width-md: var(--calcite-app-sizing-1);
+  --calcite-slider-histogram-tick-size-width-sm: var(--calcite-app-sizing-1);
+  --calcite-slider-histogram-border-width-lg: var(--calcite-app-border-width-1);
+  --calcite-slider-histogram-border-width-md: var(--calcite-app-border-width-1);
+  --calcite-slider-histogram-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-slider-histogram-range-active-start-end-height-lg: var(--calcite-app-sizing-15);
+  --calcite-slider-histogram-range-active-start-end-height-md: var(--calcite-app-sizing-15);
+  --calcite-slider-histogram-range-active-start-end-height-sm: var(--calcite-app-sizing-15);
+  --calcite-slider-histogram-range-active-start-end-width-lg: var(--calcite-app-sizing-0);
+  --calcite-slider-histogram-range-active-start-end-width-md: var(--calcite-app-sizing-0);
+  --calcite-slider-histogram-range-active-start-end-width-sm: var(--calcite-app-sizing-0);
+  --calcite-slider-histogram-range-tick-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-slider-histogram-range-tick-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-slider-histogram-range-tick-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-slider-histogram-range-space-around-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-histogram-range-space-around-md: var(--calcite-app-spacing-2);
+  --calcite-slider-histogram-range-space-around-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-histogram-range-space-between-lg: var(--calcite-app-spacing-3);
+  --calcite-slider-histogram-range-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-slider-histogram-range-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-slider-histogram-range-handle-size-lg: var(--calcite-app-sizing-7);
+  --calcite-slider-histogram-range-handle-size-md: var(--calcite-app-sizing-6);
+  --calcite-slider-histogram-range-handle-size-sm: var(--calcite-app-sizing-4);
+  --calcite-slider-histogram-range-tick-size-height-lg: var(--calcite-app-sizing-2);
+  --calcite-slider-histogram-range-tick-size-height-md: var(--calcite-app-sizing-2);
+  --calcite-slider-histogram-range-tick-size-height-sm: var(--calcite-app-sizing-2);
+  --calcite-slider-histogram-range-tick-size-width-lg: var(--calcite-app-sizing-1);
+  --calcite-slider-histogram-range-tick-size-width-md: var(--calcite-app-sizing-1);
+  --calcite-slider-histogram-range-tick-size-width-sm: var(--calcite-app-sizing-1);
+  --calcite-slider-histogram-range-handle-border-width-lg: var(--calcite-app-border-width-1);
+  --calcite-slider-histogram-range-handle-border-width-md: var(--calcite-app-border-width-1);
+  --calcite-slider-histogram-range-handle-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-segmented-control-space-around-lg: var(--calcite-app-spacing-11);
+  --calcite-segmented-control-space-around-md: var(--calcite-app-spacing-9);
+  --calcite-segmented-control-space-around-sm: var(--calcite-app-spacing-7);
+  --calcite-segmented-control-space-between-lg: var(--calcite-app-spacing-14);
+  --calcite-segmented-control-space-between-md: var(--calcite-app-spacing-11);
+  --calcite-segmented-control-space-between-sm: var(--calcite-app-spacing-9);
+  --calcite-segmented-control-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-segmented-control-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-segmented-control-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-segmented-control-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-segmented-control-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-segmented-control-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-segmented-control-border-width-lg: var(--calcite-app-border-width-4);
+  --calcite-segmented-control-border-width-md: var(--calcite-app-border-width-2);
+  --calcite-segmented-control-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-segmented-control-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-segmented-control-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-segmented-control-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-scrim-opacity: var(--calcite-app-opacity-85);
+  --calcite-rating-space-around-lg: var(--calcite-app-spacing-7);
+  --calcite-rating-space-around-md: var(--calcite-app-spacing-5);
+  --calcite-rating-space-around-sm: var(--calcite-app-spacing-3);
+  --calcite-rating-space-between-lg: var(--calcite-app-spacing-3);
+  --calcite-rating-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-rating-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-rating-average-chip-space-arround-lg: var(--calcite-app-sizing-7);
+  --calcite-rating-average-chip-space-arround-md: var(--calcite-app-sizing-5);
+  --calcite-rating-average-chip-space-arround-sm: var(--calcite-app-sizing-3);
+  --calcite-rating-average-chip-space-between-lg: var(--calcite-app-sizing-5);
+  --calcite-rating-average-chip-space-between-md: var(--calcite-app-sizing-3);
+  --calcite-rating-average-chip-space-between-sm: var(--calcite-app-sizing-1);
+  --calcite-rating-average-space-between-lg: var(--calcite-app-sizing-5);
+  --calcite-rating-average-space-between-md: var(--calcite-app-sizing-3);
+  --calcite-rating-average-space-between-sm: var(--calcite-app-sizing-1);
+  --calcite-rating-star-container-space-around-lg: var(--calcite-app-sizing-2);
+  --calcite-rating-star-container-space-around-md: var(--calcite-app-sizing-1);
+  --calcite-rating-star-container-space-around-sm: var(--calcite-app-sizing-1);
+  --calcite-rating-star-container-space-between-lg: var(--calcite-app-sizing-5);
+  --calcite-rating-star-container-space-between-md: var(--calcite-app-sizing-3);
+  --calcite-rating-star-container-space-between-sm: var(--calcite-app-sizing-1);
+  --calcite-rating-star-comp-size-lg: var(--calcite-app-sizing-11);
+  --calcite-rating-star-comp-size-md: var(--calcite-app-sizing-9);
+  --calcite-rating-star-comp-size-sm: var(--calcite-app-sizing-7);
+  --calcite-rating-chip-count-font-weights: var(--calcite-app-font-weight-medium-italic);
+  --calcite-rating-chip-count-font-typography: var(--calcite-app-font-size-3);
+  --calcite-rating-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-rating-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-rating-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-radio-space-around-lg: var(--calcite-app-sizing-7);
+  --calcite-radio-space-around-md: var(--calcite-app-sizing-5);
+  --calcite-radio-space-around-sm: var(--calcite-app-sizing-3);
+  --calcite-radio-border-width-checked-lg: var(--calcite-app-border-width-3);
+  --calcite-radio-border-width-checked-md: var(--calcite-app-border-width-2);
+  --calcite-radio-border-width-checked-sm: var(--calcite-app-border-width-2);
+  --calcite-radio-border-width-unchecked: var(--calcite-app-border-width-0);
+  --calcite-radio-space-between-lg: var(--calcite-app-sizing-3);
+  --calcite-radio-space-between-md: var(--calcite-app-sizing-3);
+  --calcite-radio-space-between-sm: var(--calcite-app-sizing-3);
+  --calcite-radio-comp-size-lg: var(--calcite-app-sizing-7);
+  --calcite-radio-comp-size-md: var(--calcite-app-sizing-6);
+  --calcite-radio-comp-size-sm: var(--calcite-app-sizing-5);
+  --calcite-popover-space-around-left-top-bottom-lg: var(--calcite-app-spacing-7);
+  --calcite-popover-space-around-left-top-bottom-md: var(--calcite-app-spacing-5);
+  --calcite-popover-space-around-left-top-bottom-sm: var(--calcite-app-spacing-3);
+  --calcite-popover-space-around-left-right-lg: var(--calcite-app-spacing-8);
+  --calcite-popover-space-around-left-right-md: var(--calcite-app-spacing-7);
+  --calcite-popover-space-around-left-right-sm: var(--calcite-app-spacing-5);
+  --calcite-popover-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-popover-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-popover-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-popover-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-popover-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-popover-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-popover-pointer-size-lg: var(--calcite-app-sizing-6);
+  --calcite-popover-pointer-size-md: var(--calcite-app-sizing-6);
+  --calcite-popover-pointer-size-sm: var(--calcite-app-sizing-6);
+  --calcite-popover-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-popover-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-popover-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-popover-border-radius-lg: var(--calcite-app-border-radius-1);
+  --calcite-popover-border-radius-md: var(--calcite-app-border-radius-1);
+  --calcite-popover-border-radius-sm: var(--calcite-app-border-radius-1);
+  --calcite-panel-header-space-around-top-bottom-md: var(--calcite-app-spacing-6);
+  --calcite-panel-header-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-panel-header-space-between-md: var(--calcite-app-spacing-1);
+  --calcite-panel-header-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-panel-header-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-pagination-space-around-lg: var(--calcite-app-spacing-11);
+  --calcite-pagination-space-around-md: var(--calcite-app-spacing-9);
+  --calcite-pagination-space-around-sm: var(--calcite-app-spacing-7);
+  --calcite-pagination-space-between-lg: var(--calcite-app-spacing-14);
+  --calcite-pagination-space-between-md: var(--calcite-app-spacing-11);
+  --calcite-pagination-space-between-sm: var(--calcite-app-spacing-9);
+  --calcite-pagination-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-pagination-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-pagination-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-pagination-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-pagination-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-pagination-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-pagination-border-width-lg: var(--calcite-app-border-width-4);
+  --calcite-pagination-border-width-md: var(--calcite-app-border-width-2);
+  --calcite-pagination-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-pagination-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-pagination-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-pagination-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-notice-space-around-right-lg: var(--calcite-app-spacing-7);
+  --calcite-notice-space-around-right-md: var(--calcite-app-spacing-5);
+  --calcite-notice-space-around-right-sm: var(--calcite-app-spacing-3);
+  --calcite-notice-space-around-left-lg: var(--calcite-app-spacing-8);
+  --calcite-notice-space-around-left-md: var(--calcite-app-spacing-7);
+  --calcite-notice-space-around-left-sm: var(--calcite-app-spacing-5);
+  --calcite-notice-space-around-top-bottom-lg: var(--calcite-app-spacing-7);
+  --calcite-notice-space-around-top-bottom-md: var(--calcite-app-spacing-6);
+  --calcite-notice-space-around-top-bottom-sm: var(--calcite-app-spacing-4);
+  --calcite-notice-content-space-between-lg: var(--calcite-app-spacing-1);
+  --calcite-notice-content-space-between-md: var(--calcite-app-spacing-1);
+  --calcite-notice-content-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-notice-highlight-border-lg: var(--calcite-app-border-width-1);
+  --calcite-notice-highlight-border-md: var(--calcite-app-border-width-1);
+  --calcite-notice-highlight-border-sm: var(--calcite-app-border-width-1);
+  --calcite-notice-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-notice-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-notice-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-notice-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-notice-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-notice-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-modal-border-radius-md: var(--calcite-app-border-radius-1);
+  --calcite-modal-border-radius-lg: var(--calcite-app-border-radius-1);
+  --calcite-modal-border-radius-sm: var(--calcite-app-border-radius-1);
+  --calcite-modal-border-width-top-lg: var(--calcite-app-border-width-2);
+  --calcite-modal-border-width-top-md: var(--calcite-app-border-width-2);
+  --calcite-modal-border-width-top-sm: var(--calcite-app-border-width-2);
+  --calcite-modal-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-modal-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-modal-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-modal-space-around-cancel-button-lg: var(--calcite-app-spacing-1);
+  --calcite-modal-space-around-cancel-button-md: var(--calcite-app-spacing-1);
+  --calcite-modal-space-around-cancel-button-sm: var(--calcite-app-spacing-1);
+  --calcite-modal-space-around-content-lg: var(--calcite-app-spacing-8);
+  --calcite-modal-space-around-content-md: var(--calcite-app-spacing-7);
+  --calcite-modal-space-around-content-sm: var(--calcite-app-spacing-5);
+  --calcite-modal-space-around-top-bottom-lg: var(--calcite-app-spacing-8);
+  --calcite-modal-space-around-top-bottom-md: var(--calcite-app-spacing-7);
+  --calcite-modal-space-around-top-bottom-sm: var(--calcite-app-spacing-5);
+  --calcite-modal-space-around-left-right-lg: var(--calcite-app-spacing-9);
+  --calcite-modal-space-around-left-right-md: var(--calcite-app-spacing-8);
+  --calcite-modal-space-around-left-right-sm: var(--calcite-app-spacing-7);
+  --calcite-modal-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-modal-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-modal-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-modal-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-modal-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-modal-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-loader-inline-space-around-lg: var(--calcite-app-spacing-5);
+  --calcite-loader-inline-space-around-md: var(--calcite-app-spacing-3);
+  --calcite-loader-inline-space-around-sm: var(--calcite-app-spacing-2);
+  --calcite-loader-inline-space-between-lg: var(--calcite-app-spacing-5);
+  --calcite-loader-inline-space-between-md: var(--calcite-app-spacing-3);
+  --calcite-loader-inline-space-between-sm: var(--calcite-app-spacing-2);
+  --calcite-loader-inline-comp-size-lg: var(--calcite-app-sizing-9);
+  --calcite-loader-inline-comp-size-md: var(--calcite-app-sizing-7);
+  --calcite-loader-inline-comp-size-sm: var(--calcite-app-sizing-5);
+  --calcite-loader-space-between-standard: var(--calcite-app-spacing-1);
+  --calcite-loader-comp-size-lg: var(--calcite-app-sizing-20);
+  --calcite-loader-comp-size-md: var(--calcite-app-sizing-17);
+  --calcite-loader-comp-size-sm: var(--calcite-app-sizing-11);
+  --calcite-link-bottom-border-width: var(--calcite-app-border-width-0);
+  --calcite-input-week-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-week-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-week-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-week-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-week-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-week-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-week-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-week-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-week-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-week-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-week-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-week-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-week-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-week-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-week-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-week-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-week-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-week-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-week-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-text-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-text-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-text-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-text-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-text-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-text-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-text-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-text-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-text-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-text-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-text-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-text-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-text-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-text-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-text-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-text-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-text-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-text-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-text-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-telephone-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-telephone-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-telephone-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-telephone-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-telephone-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-telephone-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-telephone-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-telephone-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-telephone-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-telephone-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-telephone-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-telephone-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-telephone-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-telephone-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-telephone-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-telephone-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-telephone-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-telephone-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-telephone-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-search-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-search-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-search-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-search-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-search-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-search-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-search-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-search-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-search-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-search-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-search-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-search-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-search-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-search-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-search-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-search-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-search-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-search-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-search-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-password-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-password-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-password-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-password-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-password-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-password-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-password-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-password-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-password-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-password-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-password-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-password-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-password-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-password-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-password-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-password-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-password-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-password-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-password-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-number-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-number-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-number-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-number-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-number-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-number-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-number-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-number-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-number-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-number-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-number-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-number-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-number-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-number-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-number-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-number-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-number-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-number-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-number-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-month-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-month-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-month-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-month-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-month-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-month-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-month-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-month-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-month-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-month-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-month-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-month-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-month-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-month-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-month-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-month-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-month-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-month-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-month-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-message-icon-size-lg: var(--calcite-app-sizing-7);
+  --calcite-input-message-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-message-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-file-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-file-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-file-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-file-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-file-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-file-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-file-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-file-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-file-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-file-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-file-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-file-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-file-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-file-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-file-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-file-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-file-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-file-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-file-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-email-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-email-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-email-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-email-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-email-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-email-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-email-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-email-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-email-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-email-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-email-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-email-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-email-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-email-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-email-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-email-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-email-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-email-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-email-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-datetime-local-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-datetime-local-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-datetime-local-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-datetime-local-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-datetime-local-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-datetime-local-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-datetime-local-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-datetime-local-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-datetime-local-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-datetime-local-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-datetime-local-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-datetime-local-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-datetime-local-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-datetime-local-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-datetime-local-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-datetime-local-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-datetime-local-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-datetime-local-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-datetime-local-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-input-date-picker-opacity-placeholder-light: var(--calcite-app-opacity-50);
+  --calcite-input-date-picker-arrow-size-lg: var(--calcite-app-sizing-7);
+  --calcite-input-date-picker-arrow-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-date-picker-arrow-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-date-picker-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-input-date-picker-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-input-date-picker-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-input-date-picker-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-input-date-picker-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-input-date-picker-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-input-date-picker-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-input-date-picker-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-input-date-picker-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-input-date-picker-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-input-date-picker-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-input-date-picker-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-input-date-picker-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-input-date-picker-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-input-date-picker-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-input-date-picker-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-input-date-picker-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-input-date-picker-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-filter-space-around-top-bottom-lg: var(--calcite-app-spacing-3);
+  --calcite-filter-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-filter-space-around-top-bottom-sm: var(--calcite-app-spacing-3);
+  --calcite-filter-space-around-left-right-lg: var(--calcite-app-spacing-5);
+  --calcite-filter-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-filter-space-around-left-right-sm: var(--calcite-app-spacing-5);
+  --calcite-filter-input-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-filter-input-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-filter-input-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-filter-input-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-filter-input-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-filter-input-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-filter-input-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-filter-input-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-filter-input-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-filter-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-filter-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-filter-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-filter-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-filter-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-filter-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-filter-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-filter-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-filter-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-fab-space-around-icon-only-lg: var(--calcite-app-spacing-4);
+  --calcite-fab-space-around-icon-only-md: var(--calcite-app-spacing-3);
+  --calcite-fab-space-around-icon-only-sm: var(--calcite-app-spacing-1);
+  --calcite-fab-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-fab-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-fab-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-fab-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-fab-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-fab-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-fab-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-fab-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-fab-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-fab-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-fab-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-fab-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-fab-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-fab-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-fab-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-fab-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-fab-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-fab-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-fab-border-radius-lg: var(--calcite-app-border-radius-full);
+  --calcite-fab-border-radius-md: var(--calcite-app-border-radius-full);
+  --calcite-fab-border-radius-sm: var(--calcite-app-border-radius-full);
+  --calcite-dropdown-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-dropdown-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-dropdown-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-dropdown-border-radius-lg: var(--calcite-app-border-radius-1);
+  --calcite-dropdown-border-radius-md: var(--calcite-app-border-radius-1);
+  --calcite-dropdown-border-radius-sm: var(--calcite-app-border-radius-1);
+  --calcite-dropdown-item-space-around-icon-end-left-lg: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-icon-end-left-md: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-icon-end-left-sm: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-icon-start-right-lg: var(--calcite-app-spacing-7);
+  --calcite-dropdown-item-space-around-icon-start-right-md: var(--calcite-app-spacing-5);
+  --calcite-dropdown-item-space-around-icon-start-right-sm: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-icon-start-left-lg: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-icon-start-left-md: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-icon-start-left-sm: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-group-title-lg: var(--calcite-app-spacing-7);
+  --calcite-dropdown-item-space-around-group-title-md: var(--calcite-app-spacing-5);
+  --calcite-dropdown-item-space-around-group-title-sm: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-multi-top-bottom-lg: var(--calcite-app-spacing-4);
+  --calcite-dropdown-item-space-around-container-multi-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-multi-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-container-multi-right-lg: var(--calcite-app-spacing-7);
+  --calcite-dropdown-item-space-around-container-multi-right-md: var(--calcite-app-spacing-5);
+  --calcite-dropdown-item-space-around-container-multi-right-sm: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-multi-left-lg: var(--calcite-app-spacing-13);
+  --calcite-dropdown-item-space-around-container-multi-left-md: var(--calcite-app-spacing-11);
+  --calcite-dropdown-item-space-around-container-multi-left-sm: var(--calcite-app-spacing-9);
+  --calcite-dropdown-item-space-around-container-single-top-bottom-lg: var(--calcite-app-spacing-4);
+  --calcite-dropdown-item-space-around-container-single-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-single-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-container-single-right-lg: var(--calcite-app-spacing-7);
+  --calcite-dropdown-item-space-around-container-single-right-md: var(--calcite-app-spacing-5);
+  --calcite-dropdown-item-space-around-container-single-right-sm: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-single-left-lg: var(--calcite-app-spacing-13);
+  --calcite-dropdown-item-space-around-container-single-left-md: var(--calcite-app-spacing-11);
+  --calcite-dropdown-item-space-around-container-single-left-sm: var(--calcite-app-spacing-9);
+  --calcite-dropdown-item-space-around-container-top-bottom-lg: var(--calcite-app-spacing-4);
+  --calcite-dropdown-item-space-around-container-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-container-right-lg: var(--calcite-app-spacing-7);
+  --calcite-dropdown-item-space-around-container-right-md: var(--calcite-app-spacing-5);
+  --calcite-dropdown-item-space-around-container-right-sm: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-left-lg: var(--calcite-app-spacing-5);
+  --calcite-dropdown-item-space-around-container-left-md: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-around-container-left-sm: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-content-top-bottom-lg: var(--calcite-app-spacing-0);
+  --calcite-dropdown-item-space-around-content-top-bottom-md: var(--calcite-app-spacing-0);
+  --calcite-dropdown-item-space-around-content-top-bottom-sm: var(--calcite-app-spacing-none);
+  --calcite-dropdown-item-space-around-content-left-lg: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-content-left-md: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-around-content-left-sm: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-between-container-lg: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-space-between-container-md: var(--calcite-app-spacing-3);
+  --calcite-dropdown-item-space-between-container-sm: var(--calcite-app-spacing-1);
+  --calcite-dropdown-item-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-dropdown-item-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-dropdown-item-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-dropdown-item-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-dropdown-item-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-dropdown-item-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-date-picker-month-space-around-lg: var(--calcite-app-spacing-4);
+  --calcite-date-picker-month-space-around-md: var(--calcite-app-spacing-4);
+  --calcite-date-picker-month-space-around-sm: var(--calcite-app-spacing-3);
+  --calcite-date-picker-month-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-date-picker-month-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-date-picker-month-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-date-picker-day-space-around-lg: var(--calcite-app-spacing-1);
+  --calcite-date-picker-day-space-around-md: var(--calcite-app-spacing-1);
+  --calcite-date-picker-day-space-around-sm: var(--calcite-app-spacing-1);
+  --calcite-date-picker-day-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-date-picker-day-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-date-picker-day-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-date-picker-date-space-around-top-bottom-lg: var(--calcite-app-spacing-1);
+  --calcite-date-picker-date-space-around-top-bottom-md: var(--calcite-app-spacing-1);
+  --calcite-date-picker-date-space-around-top-bottom-sm: var(--calcite-app-spacing-none);
+  --calcite-date-picker-date-space-around-left-right-lg: var(--calcite-app-spacing-1);
+  --calcite-date-picker-date-space-around-left-right-md: var(--calcite-app-spacing-0);
+  --calcite-date-picker-date-space-around-left-right-sm: var(--calcite-app-spacing-0);
+  --calcite-date-picker-date-row-space-around-top-bottom-lg: var(--calcite-app-spacing-none);
+  --calcite-date-picker-date-row-space-around-top-bottom-md: var(--calcite-app-spacing-none);
+  --calcite-date-picker-date-row-space-around-top-bottom-sm: var(--calcite-app-spacing-0);
+  --calcite-date-picker-date-row-space-around-left-right-lg: var(--calcite-app-spacing-2);
+  --calcite-date-picker-date-row-space-around-left-right-md: var(--calcite-app-spacing-2);
+  --calcite-date-picker-date-row-space-around-left-right-sm: var(--calcite-app-spacing-2);
+  --calcite-date-picker-date-row-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-date-picker-date-row-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-date-picker-date-row-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-date-picker-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-date-picker-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-date-picker-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-date-picker-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-date-picker-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-date-picker-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-date-picker-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-date-picker-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-date-picker-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-date-picker-background-date-range-dark: var(--calcite-semantic-ui-color-foreground-current-dark);
+  --calcite-combobox-space-around-lg: var(--calcite-app-spacing-11);
+  --calcite-combobox-space-around-md: var(--calcite-app-spacing-9);
+  --calcite-combobox-space-around-sm: var(--calcite-app-spacing-7);
+  --calcite-combobox-space-between-lg: var(--calcite-app-spacing-14);
+  --calcite-combobox-space-between-md: var(--calcite-app-spacing-11);
+  --calcite-combobox-space-between-sm: var(--calcite-app-spacing-9);
+  --calcite-combobox-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-combobox-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-combobox-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-combobox-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-combobox-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-combobox-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-combobox-border-width-lg: var(--calcite-app-border-width-4);
+  --calcite-combobox-border-width-md: var(--calcite-app-border-width-2);
+  --calcite-combobox-border-width-sm: var(--calcite-app-border-width-1);
+  --calcite-combobox-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-combobox-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-combobox-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-color-picker-space-around-lg: var(--calcite-app-spacing-7);
+  --calcite-color-picker-space-around-md: var(--calcite-app-spacing-5);
+  --calcite-color-picker-space-around-sm: var(--calcite-app-spacing-5);
+  --calcite-color-picker-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-color-picker-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-color-picker-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-color-picker-channels-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-color-picker-swatch-size-lg: var(--calcite-app-sizing-9);
+  --calcite-color-picker-swatch-size-md: var(--calcite-app-sizing-8);
+  --calcite-color-picker-swatch-size-sm: var(--calcite-app-sizing-8);
+  --calcite-color-picker-saved-size-lg: var(--calcite-app-sizing-11);
+  --calcite-color-picker-saved-size-md: var(--calcite-app-sizing-9);
+  --calcite-color-picker-saved-size-sm: var(--calcite-app-sizing-8);
+  --calcite-color-picker-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-color-picker-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-color-picker-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-color-picker-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-color-picker-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-color-picker-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-chip-text-space-around-lg: var(--calcite-app-spacing-5);
+  --calcite-chip-text-space-around-md: var(--calcite-app-spacing-3);
+  --calcite-chip-text-space-around-sm: var(--calcite-app-spacing-3);
+  --calcite-chip-border-width: var(--calcite-app-border-width-0);
+  --calcite-chip-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-chip-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-chip-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-chip-space-around-lg: var(--calcite-app-spacing-7);
+  --calcite-chip-space-around-md: var(--calcite-app-spacing-5);
+  --calcite-chip-space-around-sm: var(--calcite-app-spacing-3);
+  --calcite-chip-closable-icon-space-around-lg: var(--calcite-app-spacing-1);
+  --calcite-chip-closable-icon-space-around-md: var(--calcite-app-spacing-1);
+  --calcite-chip-closable-icon-space-around-sm: var(--calcite-app-spacing-1);
+  --calcite-chip-icon-size-lg: var(--calcite-app-sizing-7);
+  --calcite-chip-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-chip-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-chip-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-chip-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-chip-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-chip-icon-space-around-left-lg: var(--calcite-app-spacing-5);
+  --calcite-chip-icon-space-around-left-md: var(--calcite-app-spacing-3);
+  --calcite-chip-icon-space-around-left-sm: var(--calcite-app-spacing-3);
+  --calcite-chip-icon-space-around-right-lg: var(--calcite-app-spacing-1);
+  --calcite-chip-icon-space-around-right-md: var(--calcite-app-spacing-1);
+  --calcite-chip-icon-space-around-right-sm: var(--calcite-app-spacing-none);
+  --calcite-checkbox-space-around-standard: var(--calcite-app-spacing-5);
+  --calcite-checkbox-border-width: var(--calcite-app-border-width-0);
+  --calcite-checkbox-space-between-lg: var(--calcite-app-sizing-3);
+  --calcite-checkbox-space-between-md: var(--calcite-app-sizing-3);
+  --calcite-checkbox-space-between-sm: var(--calcite-app-sizing-1);
+  --calcite-checkbox-comp-size-lg: var(--calcite-app-sizing-7);
+  --calcite-checkbox-comp-size-md: var(--calcite-app-sizing-6);
+  --calcite-checkbox-comp-size-sm: var(--calcite-app-sizing-5);
+  --calcite-card-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-card-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-card-space-between-title-md: var(--calcite-app-spacing-3);
+  --calcite-card-space-between-card-md: var(--calcite-app-spacing-7);
+  --calcite-card-space-around-md: var(--calcite-app-spacing-5);
+  --calcite-button-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-button-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-button-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-button-space-around-icon-only-lg: var(--calcite-app-spacing-5);
+  --calcite-button-space-around-icon-only-md: var(--calcite-app-spacing-3);
+  --calcite-button-space-around-icon-only-sm: var(--calcite-app-spacing-1);
+  --calcite-button-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-button-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-button-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-button-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-button-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-button-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-button-icon-size-lg: var(--calcite-app-sizing-7);
+  --calcite-button-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-button-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-button-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-button-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-button-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-button-border-width-lg: var(--calcite-app-border-width-0);
+  --calcite-button-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-button-border-width-sm: var(--calcite-app-border-width-0);
+  --calcite-button-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-button-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-button-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-block-drag-handle-space-around-drag-right-left-md: var(--calcite-app-spacing-1);
+  --calcite-block-drag-size-md: var(--calcite-app-sizing-9);
+  --calcite-block-chevron-size-md: var(--calcite-app-sizing-7);
+  --calcite-block-space-around-block-content-top-down-md: var(--calcite-app-spacing-3);
+  --calcite-block-space-around-block-content-right-left-md: var(--calcite-app-spacing-5);
+  --calcite-block-space-around-block-right-md: var(--calcite-app-spacing-7);
+  --calcite-block-space-around-block-top-down-left-md: var(--calcite-app-spacing-5);
+  --calcite-block-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-block-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-block-border-width-md: var(--calcite-app-border-width-0);
+  --calcite-block-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-block-section-chevron-size-md: var(--calcite-app-sizing-7);
+  --calcite-block-section-space-around-switch-left-md: var(--calcite-app-spacing-1);
+  --calcite-block-section-space-around-icon-left-md: var(--calcite-app-spacing-3);
+  --calcite-block-section-space-around-block-section-top-bottom-md: var(--calcite-app-spacing-5);
+  --calcite-block-section-space-around-block-content-md: var(--calcite-app-spacing-none);
+  --calcite-block-section-space-around-block-text-right-left-md: var(--calcite-app-spacing-5);
+  --calcite-block-section-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-block-section-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-block-section-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-avatar-icon-size-lg: var(--calcite-app-sizing-11);
+  --calcite-avatar-icon-size-md: var(--calcite-app-sizing-9);
+  --calcite-avatar-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-avatar-comp-size-lg: var(--calcite-app-sizing-14);
+  --calcite-avatar-comp-size-md: var(--calcite-app-sizing-11);
+  --calcite-avatar-comp-size-sm: var(--calcite-app-sizing-9);
+  --calcite-avatar-border-radius-lg: var(--calcite-app-border-radius-6);
+  --calcite-avatar-border-radius-md: var(--calcite-app-border-radius-5);
+  --calcite-avatar-border-radius-sm: var(--calcite-app-border-radius-4);
+  --calcite-avatar-background-yellow-dark: var(--calcite-app-color-palette-high-saturation-yellow-h-yy-100);
+  --calcite-avatar-background-yellow-light: var(--calcite-app-color-palette-high-saturation-yellow-h-yy-010);
+  --calcite-avatar-background-green-dark: var(--calcite-app-color-palette-high-saturation-yellow-green-h-yg-090);
+  --calcite-avatar-background-green-light: var(--calcite-app-color-palette-high-saturation-yellow-green-h-yg-010);
+  --calcite-avatar-background-blue-dark: var(--calcite-app-color-palette-high-saturation-blue-h-bb-090);
+  --calcite-avatar-background-blue-light: var(--calcite-app-color-palette-high-saturation-blue-h-bb-010);
+  --calcite-avatar-background-teal-dark: var(--calcite-app-color-palette-high-saturation-green-blue-h-gb-090);
+  --calcite-avatar-background-teal-light: var(--calcite-app-color-palette-high-saturation-green-blue-h-gb-010);
+  --calcite-avatar-background-red-dark: var(--calcite-app-color-palette-high-saturation-red-h-rr-090);
+  --calcite-avatar-background-red-light: var(--calcite-app-color-palette-high-saturation-red-h-rr-010);
+  --calcite-alert-space-around-right-lg: var(--calcite-app-spacing-8);
+  --calcite-alert-space-around-right-md: var(--calcite-app-spacing-5);
+  --calcite-alert-space-around-right-sm: var(--calcite-app-spacing-4);
+  --calcite-alert-space-around-left-lg: var(--calcite-app-spacing-8);
+  --calcite-alert-space-around-left-md: var(--calcite-app-spacing-5);
+  --calcite-alert-space-around-left-sm: var(--calcite-app-spacing-4);
+  --calcite-alert-space-around-bottom-lg: var(--calcite-app-spacing-8);
+  --calcite-alert-space-around-bottom-md: var(--calcite-app-spacing-5);
+  --calcite-alert-space-around-bottom-sm: var(--calcite-app-spacing-4);
+  --calcite-alert-space-around-top-lg: var(--calcite-app-spacing-8);
+  --calcite-alert-space-around-top-md: var(--calcite-app-spacing-5);
+  --calcite-alert-space-around-top-sm: var(--calcite-app-spacing-4);
+  --calcite-alert-space-between-lg: var(--calcite-app-spacing-8);
+  --calcite-alert-space-between-md: var(--calcite-app-spacing-7);
+  --calcite-alert-space-between-sm: var(--calcite-app-spacing-5);
+  --calcite-alert-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-alert-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-alert-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-alert-border-radius-lg: var(--calcite-app-border-radius-1);
+  --calcite-alert-border-radius-md: var(--calcite-app-border-radius-1);
+  --calcite-alert-border-radius-sm: var(--calcite-app-border-radius-1);
+  --calcite-action-indicator-size-lg: var(--calcite-app-sizing-3);
+  --calcite-action-indicator-size-md: var(--calcite-app-sizing-3);
+  --calcite-action-indicator-size-sm: var(--calcite-app-sizing-3);
+  --calcite-action-space-around-lg: var(--calcite-app-spacing-8);
+  --calcite-action-space-around-md: var(--calcite-app-spacing-7);
+  --calcite-action-space-around-sm: var(--calcite-app-spacing-3);
+  --calcite-action-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-action-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-action-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-action-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-action-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-action-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-action-pad-space-around-lg: var(--calcite-app-spacing-none);
+  --calcite-action-pad-space-around-md: var(--calcite-app-spacing-none);
+  --calcite-action-pad-space-around-sm: var(--calcite-app-spacing-none);
+  --calcite-action-pad-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-action-pad-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-action-pad-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-action-pad-border-radius-lg: var(--calcite-app-border-radius-1);
+  --calcite-action-pad-border-radius-md: var(--calcite-app-border-radius-1);
+  --calcite-action-pad-border-radius-sm: var(--calcite-app-border-radius-1);
+  --calcite-action-pad-grid-space-around-lg: var(--calcite-app-spacing-none);
+  --calcite-action-pad-grid-space-around-md: var(--calcite-app-spacing-none);
+  --calcite-action-pad-grid-space-around-sm: var(--calcite-app-spacing-none);
+  --calcite-action-pad-grid-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-action-pad-grid-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-action-pad-grid-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-action-pad-grid-border-radius-lg: var(--calcite-app-border-radius-1);
+  --calcite-action-pad-grid-border-radius-md: var(--calcite-app-border-radius-1);
+  --calcite-action-pad-grid-border-radius-sm: var(--calcite-app-border-radius-1);
+  --calcite-action-bar-space-around-lg: var(--calcite-app-spacing-none);
+  --calcite-action-bar-space-around-md: var(--calcite-app-spacing-none);
+  --calcite-action-bar-space-around-sm: var(--calcite-app-spacing-none);
+  --calcite-action-bar-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-action-bar-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-action-bar-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-action-bar-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-action-bar-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-action-bar-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-action-bar-grid-space-around-lg: var(--calcite-app-spacing-none);
+  --calcite-action-bar-grid-space-around-md: var(--calcite-app-spacing-none);
+  --calcite-action-bar-grid-space-around-sm: var(--calcite-app-spacing-none);
+  --calcite-action-bar-grid-space-between-lg: var(--calcite-app-spacing-none);
+  --calcite-action-bar-grid-space-between-md: var(--calcite-app-spacing-none);
+  --calcite-action-bar-grid-space-between-sm: var(--calcite-app-spacing-none);
+  --calcite-action-bar-grid-border-radius-lg: var(--calcite-app-border-radius-none);
+  --calcite-action-bar-grid-border-radius-md: var(--calcite-app-border-radius-none);
+  --calcite-action-bar-grid-border-radius-sm: var(--calcite-app-border-radius-none);
+  --calcite-accordion-minimal-space-around-left-right-lg: var(--calcite-app-spacing-none);
+  --calcite-accordion-minimal-space-around-left-right-md: var(--calcite-app-spacing-none);
+  --calcite-accordion-minimal-space-around-left-right-sm: var(--calcite-app-spacing-none);
+  --calcite-accordion-minimal-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-accordion-minimal-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-accordion-minimal-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-accordion-minimal-text-space-between-lg: var(--calcite-app-spacing-1);
+  --calcite-accordion-minimal-text-space-between-md: var(--calcite-app-spacing-1);
+  --calcite-accordion-minimal-text-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-accordion-minimal-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-accordion-minimal-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-accordion-minimal-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-accordion-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-accordion-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-accordion-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-accordion-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-accordion-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-accordion-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-accordion-text-space-between-lg: var(--calcite-app-spacing-1);
+  --calcite-accordion-text-space-between-md: var(--calcite-app-spacing-1);
+  --calcite-accordion-text-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-accordion-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-accordion-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-accordion-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-accordion-item-border-width: var(--calcite-app-border-width-0);
+  --calcite-accordion-item-space-around-left-right-lg: var(--calcite-app-spacing-7);
+  --calcite-accordion-item-space-around-left-right-md: var(--calcite-app-spacing-5);
+  --calcite-accordion-item-space-around-left-right-sm: var(--calcite-app-spacing-3);
+  --calcite-accordion-item-space-around-top-bottom-lg: var(--calcite-app-spacing-5);
+  --calcite-accordion-item-space-around-top-bottom-md: var(--calcite-app-spacing-3);
+  --calcite-accordion-item-space-around-top-bottom-sm: var(--calcite-app-spacing-1);
+  --calcite-accordion-item-text-space-between-lg: var(--calcite-app-spacing-1);
+  --calcite-accordion-item-text-space-between-md: var(--calcite-app-spacing-1);
+  --calcite-accordion-item-text-space-between-sm: var(--calcite-app-spacing-1);
+  --calcite-accordion-item-space-between-lg: var(--calcite-app-spacing-7);
+  --calcite-accordion-item-space-between-md: var(--calcite-app-spacing-5);
+  --calcite-accordion-item-space-between-sm: var(--calcite-app-spacing-3);
+  --calcite-accordion-item-icon-size-lg: var(--calcite-app-sizing-9);
+  --calcite-accordion-item-icon-size-md: var(--calcite-app-sizing-7);
+  --calcite-accordion-item-icon-size-sm: var(--calcite-app-sizing-7);
+  --calcite-semantic-spacing-xl: \\"var(--calcite-semantic-spacing-base) *10\\";
+  --calcite-semantic-spacing-lg: 16px;
+  --calcite-semantic-spacing-md: \\"var(--calcite-semantic-spacing-base) *6\\";
+  --calcite-semantic-spacing-sm: 8px;
+  --calcite-semantic-spacing-xs: 4px;
+  --calcite-semantic-ui-border-radius: var(--calcite-semantic-border-radius-sharp);
+  --calcite-tree-item-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-tree-item-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-tree-item-icon-selected-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-tree-item-icon-selected-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-tree-item-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-tree-item-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-tree-item-font-children-selected-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-tree-item-font-children-selected-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-tree-item-font-selected-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-tree-item-font-selected-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-tree-item-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-tree-item-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-tooltip-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-tooltip-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-tooltip-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-tooltip-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-tooltip-foreground-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-tooltip-foreground-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-tip-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-tip-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-tip-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-tip-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-tip-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-tip-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-tip-font-description-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-tip-font-description-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-tip-font-heading-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-tip-font-heading-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-textarea-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-textarea-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-textarea-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-textarea-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-textarea-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-textarea-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-textarea-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-textarea-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-textarea-font-chat-limit-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-textarea-font-chat-limit-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-textarea-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-textarea-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-textarea-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-textarea-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-tabs-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-tabs-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-tabs-bordered-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-tabs-bordered-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-tabs-bordered-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-tabs-bordered-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-tabs-icon-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-tabs-icon-active-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-tabs-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-tabs-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-tabs-font-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-tabs-font-active-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-tabs-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-tabs-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-tab-title-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-tab-title-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-tab-title-bordered-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-tab-title-bordered-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-tab-title-bordered-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-tab-title-bordered-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-tab-title-icon-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-tab-title-icon-active-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-tab-title-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-tab-title-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-tab-title-font-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-tab-title-font-active-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-tab-title-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-tab-title-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-switch-handle-border-checked-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-switch-handle-border-checked-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-switch-handle-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-switch-handle-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-switch-handle-background-checked-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-switch-handle-background-checked-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-switch-handle-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-switch-handle-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-switch-border-checked-dark: var(--calcite-semantic-ui-color-brand-hover-dark);
+  --calcite-switch-border-checked-light: var(--calcite-semantic-ui-color-brand-hover-light);
+  --calcite-switch-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-switch-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-switch-background-checked-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-switch-background-checked-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-switch-background-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-switch-background-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-stepper-foreground-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-stepper-foreground-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-stepper-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-stepper-background-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-stepper-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-stepper-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-stepper-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-stepper-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-stepper-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-item-foreground-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-stepper-item-foreground-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-stepper-item-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-stepper-item-background-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-stepper-item-border-error-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-stepper-item-border-error-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-stepper-item-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-stepper-item-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-stepper-item-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-stepper-item-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-stepper-item-icon-error-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-stepper-item-icon-error-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-stepper-item-icon-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-stepper-item-icon-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-stepper-item-icon-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-stepper-item-icon-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-stepper-item-font-context-complete-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-stepper-item-font-context-complete-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-item-font-context-error-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-stepper-item-font-context-error-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-item-font-context-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-stepper-item-font-context-active-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-stepper-item-font-context-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-stepper-item-font-context-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-item-font-description-complete-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-stepper-item-font-description-complete-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-item-font-description-error-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-stepper-item-font-description-error-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-item-font-description-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-stepper-item-font-description-active-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-stepper-item-font-description-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-stepper-item-font-description-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-stepper-item-font-heading-complete-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-stepper-item-font-heading-complete-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-stepper-item-font-heading-error-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-stepper-item-font-heading-error-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-stepper-item-font-heading-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-stepper-item-font-heading-active-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-stepper-item-font-heading-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-stepper-item-font-heading-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-split-button-divider-danger-transparent-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-divider-danger-transparent-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-divider-danger-outline-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-divider-danger-outline-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-divider-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-divider-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-divider-danger-solid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-divider-danger-solid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-divider-neutral-transparent-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-split-button-divider-neutral-transparent-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-split-button-divider-neutral-outline-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-split-button-divider-neutral-outline-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-split-button-divider-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-split-button-divider-neutral-outline-fill-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-split-button-divider-neutral-solid-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-divider-neutral-solid-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-divider-inverse-transparent-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-divider-inverse-transparent-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-divider-inverse-outline-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-divider-inverse-outline-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-divider-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-divider-inverse-outline-fill-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-divider-inverse-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-divider-inverse-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-divider-brand-transparent-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-divider-brand-transparent-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-divider-brand-outline-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-divider-brand-outline-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-divider-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-divider-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-divider-brand-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-divider-brand-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-background-danger-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-background-danger-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-background-danger-solid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-background-danger-solid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-background-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-background-neutral-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-background-neutral-solid-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-split-button-background-neutral-solid-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-split-button-background-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-background-inverse-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-background-inverse-solid-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-background-inverse-solid-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-background-brand-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-background-brand-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-background-brand-solid-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-background-brand-solid-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-border-danger-outline-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-border-danger-outline-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-border-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-border-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-border-neutral-outline-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-border-neutral-outline-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-border-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-border-neutral-outline-fill-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-border-inverse-outline-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-border-inverse-outline-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-border-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-split-button-border-inverse-outline-fill-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-split-button-border-brand-outline-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-border-brand-outline-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-border-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-border-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-icon-danger-transparent-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-icon-danger-transparent-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-icon-danger-outline-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-icon-danger-outline-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-icon-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-icon-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-icon-danger-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-icon-danger-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-icon-neutral-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-icon-neutral-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-icon-neutral-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-icon-neutral-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-icon-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-icon-neutral-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-icon-neutral-solid-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-icon-neutral-solid-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-icon-inverse-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-icon-inverse-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-icon-inverse-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-icon-inverse-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-icon-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-icon-inverse-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-icon-inverse-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-split-button-icon-inverse-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-split-button-icon-brand-transparent-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-icon-brand-transparent-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-icon-brand-outline-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-icon-brand-outline-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-icon-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-icon-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-icon-brand-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-split-button-icon-brand-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-split-button-font-danger-transparent-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-font-danger-transparent-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-font-danger-outline-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-font-danger-outline-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-font-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-split-button-font-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-split-button-font-danger-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-split-button-font-danger-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-split-button-font-neutral-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-font-neutral-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-font-neutral-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-font-neutral-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-font-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-font-neutral-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-font-neutral-solid-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-font-neutral-solid-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-font-inverse-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-font-inverse-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-font-inverse-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-font-inverse-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-font-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-split-button-font-inverse-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-split-button-font-inverse-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-split-button-font-inverse-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-split-button-font-brand-transparent-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-font-brand-transparent-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-font-brand-outline-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-font-brand-outline-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-font-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-split-button-font-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-split-button-font-brand-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-split-button-font-brand-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-slider-tick-active-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-tick-active-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-tick-active-background-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-tick-active-background-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-tick-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-tick-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-tick-background-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-tick-background-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-slider-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-slider-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-slider-handle-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-handle-border-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-slider-handle-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-handle-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-font-tick-label-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-slider-font-tick-label-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-slider-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-slider-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-slider-range-tick-active-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-range-tick-active-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-range-tick-active-background-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-range-tick-active-background-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-range-tick-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-range-tick-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-range-tick-background-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-range-tick-background-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-slider-range-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-range-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-range-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-slider-range-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-slider-range-handle-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-range-handle-border-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-slider-range-handle-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-range-handle-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-range-font-tick-label-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-slider-range-font-tick-label-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-slider-range-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-slider-range-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-slider-histogram-active-end-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-histogram-active-end-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-histogram-tick-active-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-histogram-tick-active-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-histogram-tick-active-background-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-histogram-tick-active-background-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-histogram-tick-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-histogram-tick-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-histogram-tick-background-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-histogram-tick-background-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-slider-histogram-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-histogram-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-histogram-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-slider-histogram-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-slider-histogram-handle-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-histogram-handle-border-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-slider-histogram-handle-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-histogram-handle-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-histogram-font-tick-label-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-slider-histogram-font-tick-label-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-slider-histogram-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-slider-histogram-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-slider-histogram-range-tick-active-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-histogram-range-tick-active-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-histogram-range-tick-active-background-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-histogram-range-tick-active-background-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-histogram-range-tick-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-histogram-range-tick-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-histogram-range-tick-background-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-histogram-range-tick-background-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-slider-histogram-range-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-slider-histogram-range-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-slider-histogram-range-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-slider-histogram-range-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-slider-histogram-range-handle-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-slider-histogram-range-handle-border-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-slider-histogram-range-handle-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-slider-histogram-range-handle-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-slider-histogram-range-font-tick-label-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-slider-histogram-range-font-tick-label-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-slider-histogram-range-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-slider-histogram-range-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-segmented-control-foreground-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-segmented-control-foreground-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-segmented-control-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-segmented-control-background-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-segmented-control-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-segmented-control-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-segmented-control-font-checked-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-segmented-control-font-checked-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-segmented-control-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-segmented-control-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-scrim-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-scrim-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-rating-star-background-average-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-rating-star-background-average-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-rating-star-background-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-rating-star-background-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-rating-star-background-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-rating-star-background-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-rating-chip-foreground-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-rating-chip-foreground-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-rating-chip-count-font-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-rating-chip-count-font-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-rating-chip-value-text-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-rating-chip-value-text-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-rating-chip-border-radius: var(--calcite-semantic-border-radius-pill);
+  --calcite-radio-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-radio-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-radio-border-checked-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-radio-border-checked-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-radio-border-unchecked-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-radio-border-unchecked-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-radio-border-radius: var(--calcite-semantic-border-radius-pill);
+  --calcite-radio-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-radio-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-popover-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-popover-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-popover-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-popover-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-popover-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-popover-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-popover-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-popover-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-panel-header-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-panel-header-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-panel-header-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-panel-header-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-panel-header-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-panel-header-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-panel-header-font-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-panel-header-font-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-pagination-foreground-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-pagination-foreground-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-pagination-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-pagination-background-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-pagination-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-pagination-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-pagination-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-pagination-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-pagination-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-pagination-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-notice-highlight-brand-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-notice-highlight-brand-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-notice-highlight-danger-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-notice-highlight-danger-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-notice-highlight-warning-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-notice-highlight-warning-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-notice-highlight-success-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-notice-highlight-success-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-notice-highlight-info-dark: var(--calcite-semantic-ui-color-info-dark);
+  --calcite-notice-highlight-info-light: var(--calcite-semantic-ui-color-info-light);
+  --calcite-notice-icon-brand-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-notice-icon-brand-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-notice-icon-danger-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-notice-icon-danger-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-notice-icon-warning-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-notice-icon-warning-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-notice-icon-success-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-notice-icon-success-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-notice-icon-info-dark: var(--calcite-semantic-ui-color-info-dark);
+  --calcite-notice-icon-info-light: var(--calcite-semantic-ui-color-info-light);
+  --calcite-notice-background-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-notice-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-notice-font-message-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-notice-font-message-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-notice-font-title-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-notice-font-title-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-modal-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-modal-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-modal-border-top-warning-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-modal-border-top-warning-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-modal-border-top-danger-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-modal-border-top-danger-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-modal-border-top-success-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-modal-border-top-success-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-modal-border-top-info-dark: var(--calcite-semantic-ui-color-info-dark);
+  --calcite-modal-border-top-info-light: var(--calcite-semantic-ui-color-info-light);
+  --calcite-modal-border-top-brand-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-modal-border-top-brand-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-modal-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-modal-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-modal-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-modal-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-modal-font-content-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-modal-font-content-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-modal-font-header-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-modal-font-header-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-loader-inline-foreground-determinate-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-loader-inline-foreground-determinate-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-loader-inline-foreground-indeterminate-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-loader-inline-foreground-indeterminate-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-loader-foreground-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-loader-foreground-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-loader-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-loader-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-link-border-dark: var(--calcite-semantic-ui-color-text-link-dark);
+  --calcite-link-border-light: var(--calcite-semantic-ui-color-text-link-light);
+  --calcite-link-icon-dark: var(--calcite-semantic-ui-color-text-link-dark);
+  --calcite-link-icon-light: var(--calcite-semantic-ui-color-text-link-light);
+  --calcite-link-font-dark: var(--calcite-semantic-ui-color-text-link-dark);
+  --calcite-link-font-light: var(--calcite-semantic-ui-color-text-link-light);
+  --calcite-label-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-label-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-week-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-week-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-week-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-week-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-week-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-week-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-week-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-week-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-week-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-week-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-week-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-week-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-week-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-week-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-week-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-week-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-week-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-week-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-text-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-text-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-text-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-text-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-text-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-text-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-text-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-text-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-text-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-text-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-text-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-text-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-text-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-text-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-text-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-text-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-text-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-text-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-telephone-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-telephone-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-telephone-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-telephone-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-telephone-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-telephone-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-telephone-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-telephone-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-telephone-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-telephone-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-telephone-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-telephone-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-telephone-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-telephone-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-telephone-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-telephone-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-telephone-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-telephone-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-search-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-search-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-search-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-search-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-search-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-search-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-search-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-search-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-search-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-search-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-search-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-search-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-search-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-search-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-search-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-search-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-search-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-search-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-password-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-password-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-password-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-password-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-password-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-password-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-password-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-password-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-password-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-password-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-password-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-password-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-password-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-password-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-password-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-password-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-password-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-password-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-number-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-number-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-number-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-number-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-number-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-number-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-number-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-number-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-number-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-number-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-number-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-number-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-number-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-number-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-number-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-number-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-number-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-number-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-month-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-month-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-month-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-month-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-month-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-month-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-month-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-month-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-month-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-month-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-month-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-month-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-month-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-month-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-month-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-month-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-month-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-month-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-message-icon-valid-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-input-message-icon-valid-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-input-message-icon-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-message-icon-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-message-icon-idle-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-input-message-icon-idle-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-input-message-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-message-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-file-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-file-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-file-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-file-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-file-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-file-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-file-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-file-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-file-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-file-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-file-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-file-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-file-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-file-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-file-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-file-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-file-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-file-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-email-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-email-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-email-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-email-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-email-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-email-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-email-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-email-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-email-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-email-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-email-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-email-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-email-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-email-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-email-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-email-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-email-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-email-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-datetime-local-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-datetime-local-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-datetime-local-background-prefix-suffix-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-datetime-local-background-prefix-suffix-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-datetime-local-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-datetime-local-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-datetime-local-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-datetime-local-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-datetime-local-border-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-input-datetime-local-border-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-input-datetime-local-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-datetime-local-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-datetime-local-font-prefix-suffix-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-input-datetime-local-font-prefix-suffix-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-input-datetime-local-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-datetime-local-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-datetime-local-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-datetime-local-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-date-picker-background-read-only-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-date-picker-background-read-only-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-date-picker-background-arrow-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-input-date-picker-background-arrow-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-input-date-picker-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-input-date-picker-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-input-date-picker-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-input-date-picker-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-input-date-picker-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-input-date-picker-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-input-date-picker-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-date-picker-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-input-date-picker-font-placeholder-value-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-input-date-picker-font-placeholder-value-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-filter-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-filter-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-filter-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-filter-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-filter-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-filter-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-filter-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-filter-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-fab-background-danger-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-fab-background-danger-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-fab-background-danger-solid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-fab-background-danger-solid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-fab-background-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-fab-background-neutral-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-fab-background-neutral-solid-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-fab-background-neutral-solid-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-fab-background-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-fab-background-inverse-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-fab-background-inverse-solid-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-fab-background-inverse-solid-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-fab-background-brand-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-fab-background-brand-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-fab-background-brand-solid-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-fab-background-brand-solid-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-fab-border-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-fab-border-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-fab-border-danger-solid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-fab-border-danger-solid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-fab-border-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-fab-border-neutral-outline-fill-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-fab-border-neutral-solid-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-fab-border-neutral-solid-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-fab-border-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-fab-border-inverse-outline-fill-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-fab-border-inverse-solid-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-fab-border-inverse-solid-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-fab-border-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-fab-border-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-fab-border-brand-solid-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-fab-border-brand-solid-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-fab-icon-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-fab-icon-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-fab-icon-danger-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-fab-icon-danger-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-fab-icon-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-fab-icon-neutral-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-fab-icon-neutral-solid-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-fab-icon-neutral-solid-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-fab-icon-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-fab-icon-inverse-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-fab-icon-inverse-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-fab-icon-inverse-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-fab-icon-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-fab-icon-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-fab-icon-brand-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-fab-icon-brand-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-fab-font-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-fab-font-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-fab-font-danger-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-fab-font-danger-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-fab-font-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-fab-font-neutral-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-fab-font-neutral-solid-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-fab-font-neutral-solid-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-fab-font-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-fab-font-inverse-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-fab-font-inverse-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-fab-font-inverse-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-fab-font-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-fab-font-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-fab-font-brand-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-fab-font-brand-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-dropdown-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-dropdown-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-dropdown-item-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-dropdown-item-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-dropdown-item-icon-select-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-dropdown-item-icon-select-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-dropdown-item-icon-selected-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-dropdown-item-icon-selected-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-dropdown-item-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-dropdown-item-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-dropdown-item-font-group-title-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-dropdown-item-font-group-title-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-dropdown-item-font-selected-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-dropdown-item-font-selected-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-dropdown-item-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-dropdown-item-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-date-picker-date-active-border-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-date-picker-date-active-border-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-date-picker-background-date-range-light: var(--calcite-semantic-ui-color-foreground-current-light);
+  --calcite-date-picker-background-date-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-date-picker-background-date-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-date-picker-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-date-picker-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-date-picker-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-date-picker-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-date-picker-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-date-picker-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-date-picker-font-active-date-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-date-picker-font-active-date-light: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-date-picker-font-selected-date-dark: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-date-picker-font-selected-date-light: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-date-picker-font-range-date-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-date-picker-font-range-date-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-date-picker-font-month-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-date-picker-font-month-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-date-picker-font-day-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-date-picker-font-day-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-date-picker-font-date-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-date-picker-font-date-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-combobox-foreground-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-combobox-foreground-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-combobox-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-combobox-background-light: var(--calcite-semantic-ui-color-background-light);
+  --calcite-combobox-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-combobox-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-combobox-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-combobox-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-combobox-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-combobox-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-color-picker-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-color-picker-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-color-picker-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-color-picker-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-color-picker-icon-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-color-picker-icon-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-color-picker-font-label-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-color-picker-font-label-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-border-clear-yellow-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-chip-border-clear-yellow-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-chip-border-clear-green-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-chip-border-clear-green-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-chip-border-clear-blue-dark: var(--calcite-semantic-ui-color-info-dark);
+  --calcite-chip-border-clear-blue-light: var(--calcite-semantic-ui-color-info-light);
+  --calcite-chip-border-clear-red-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-chip-border-clear-red-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-chip-border-clear-grey-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-chip-border-clear-grey-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-chip-closable-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-chip-closable-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-chip-background-solid-yellow-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-chip-background-solid-yellow-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-chip-background-solid-green-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-chip-background-solid-green-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-chip-background-solid-blue-dark: var(--calcite-semantic-ui-color-info-dark);
+  --calcite-chip-background-solid-blue-light: var(--calcite-semantic-ui-color-info-light);
+  --calcite-chip-background-solid-red-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-chip-background-solid-red-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-chip-background-solid-grey-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-chip-background-solid-grey-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-chip-icon-clear-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-chip-icon-clear-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-icon-solid-green-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-icon-solid-green-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-icon-solid-yellow-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-icon-solid-yellow-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-icon-solid-red-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-icon-solid-red-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-chip-icon-solid-blue-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-icon-solid-blue-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-chip-icon-solid-grey-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-chip-icon-solid-grey-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-font-solid-green-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-font-solid-green-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-font-solid-yellow-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-font-solid-yellow-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-font-solid-red-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-font-solid-red-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-chip-font-solid-blue-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-chip-font-solid-blue-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-chip-font-solid-grey-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-chip-font-solid-grey-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-chip-font-clear-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-chip-font-clear-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-checkbox-font-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-checkbox-font-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-checkbox-border-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-checkbox-border-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-checkbox-border-radius: var(--calcite-semantic-border-radius-sharp);
+  --calcite-checkbox-icon-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-checkbox-icon-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-checkbox-background-selected-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-checkbox-background-selected-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-checkbox-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-checkbox-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-card-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-card-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-card-border-active-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-card-border-active-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-card-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-card-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-card-font-subtitle-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-card-font-subtitle-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-card-font-description-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-card-font-description-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-card-font-title-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-card-font-title-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-background-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-background-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-background-danger-solid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-background-danger-solid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-background-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-button-background-neutral-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-button-background-neutral-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-button-background-neutral-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-button-background-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-button-background-inverse-outline-fill-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-button-background-inverse-solid-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-button-background-inverse-solid-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-button-background-brand-outline-fill-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-button-background-brand-outline-fill-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-button-background-brand-solid-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-background-brand-solid-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-border-danger-outline-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-border-danger-outline-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-border-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-border-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-border-neutral-outline-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-button-border-neutral-outline-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-button-border-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-button-border-neutral-outline-fill-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-button-border-inverse-outline-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-button-border-inverse-outline-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-button-border-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-inverse-dark);
+  --calcite-button-border-inverse-outline-fill-light: var(--calcite-semantic-ui-color-inverse-light);
+  --calcite-button-border-brand-outline-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-border-brand-outline-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-border-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-border-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-icon-danger-transparent-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-icon-danger-transparent-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-icon-danger-outline-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-icon-danger-outline-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-icon-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-icon-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-icon-danger-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-button-icon-danger-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-button-icon-neutral-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-icon-neutral-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-icon-neutral-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-icon-neutral-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-icon-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-icon-neutral-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-icon-neutral-solid-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-icon-neutral-solid-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-icon-inverse-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-icon-inverse-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-icon-inverse-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-icon-inverse-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-icon-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-icon-inverse-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-icon-inverse-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-button-icon-inverse-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-button-icon-brand-transparent-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-icon-brand-transparent-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-icon-brand-outline-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-icon-brand-outline-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-icon-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-icon-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-icon-brand-solid-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-button-icon-brand-solid-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-button-font-danger-transparent-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-font-danger-transparent-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-font-danger-outline-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-font-danger-outline-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-font-danger-outline-fill-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-button-font-danger-outline-fill-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-button-font-danger-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-button-font-danger-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-button-font-neutral-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-font-neutral-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-font-neutral-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-font-neutral-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-font-neutral-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-font-neutral-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-font-neutral-solid-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-font-neutral-solid-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-font-inverse-transparent-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-font-inverse-transparent-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-font-inverse-outline-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-font-inverse-outline-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-font-inverse-outline-fill-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-button-font-inverse-outline-fill-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-button-font-inverse-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-button-font-inverse-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-button-font-brand-transparent-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-font-brand-transparent-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-font-brand-outline-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-font-brand-outline-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-font-brand-outline-fill-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-button-font-brand-outline-fill-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-button-font-brand-solid-dark: var(--calcite-semantic-ui-color-text-inverse-dark);
+  --calcite-button-font-brand-solid-light: var(--calcite-semantic-ui-color-text-inverse-light);
+  --calcite-block-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-block-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-block-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-block-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-block-icon-chevron-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-block-icon-chevron-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-block-icon-drag-handle-dark: var(--calcite-semantic-ui-color-border-input-dark);
+  --calcite-block-icon-drag-handle-light: var(--calcite-semantic-ui-color-border-input-light);
+  --calcite-block-icon-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-block-icon-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-block-icon-valid-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-block-icon-valid-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-block-icon-idle-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-block-icon-idle-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-block-font-content-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-block-font-content-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-block-font-description-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-block-font-description-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-block-font-heading-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-block-font-heading-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-block-section-background-dark: var(--calcite-semantic-ui-color-background-dark);
+  --calcite-block-section-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-block-section-icon-chevron-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-block-section-icon-chevron-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-block-section-icon-invalid-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-block-section-icon-invalid-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-block-section-icon-valid-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-block-section-icon-valid-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-block-section-font-dark: var(--calcite-semantic-ui-color-text-2-dark);
+  --calcite-block-section-font-light: var(--calcite-semantic-ui-color-text-2-light);
+  --calcite-avatar-background-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-avatar-background-light: var(--calcite-semantic-ui-color-foreground-2-light);
+  --calcite-avatar-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-avatar-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-avatar-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-avatar-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-alert-highlight-red-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-alert-highlight-red-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-alert-highlight-yellow-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-alert-highlight-yellow-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-alert-highlight-green-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-alert-highlight-green-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-alert-highlight-blue-dark: var(--calcite-semantic-ui-color-info-dark);
+  --calcite-alert-highlight-blue-light: var(--calcite-semantic-ui-color-info-light);
+  --calcite-alert-icon-red-dark: var(--calcite-semantic-ui-color-danger-dark);
+  --calcite-alert-icon-red-light: var(--calcite-semantic-ui-color-danger-light);
+  --calcite-alert-icon-yellow-dark: var(--calcite-semantic-ui-color-warning-dark);
+  --calcite-alert-icon-yellow-light: var(--calcite-semantic-ui-color-warning-light);
+  --calcite-alert-icon-green-dark: var(--calcite-semantic-ui-color-success-dark);
+  --calcite-alert-icon-green-light: var(--calcite-semantic-ui-color-success-light);
+  --calcite-alert-icon-blue-dark: var(--calcite-semantic-ui-color-info-dark);
+  --calcite-alert-icon-blue-light: var(--calcite-semantic-ui-color-info-light);
+  --calcite-alert-border-dark: var(--calcite-semantic-ui-color-border-3-dark);
+  --calcite-alert-border-light: var(--calcite-semantic-ui-color-border-3-light);
+  --calcite-alert-background-dark: var(--calcite-semantic-ui-color-foreground-2-dark);
+  --calcite-alert-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-alert-font-message-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-alert-font-message-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-alert-font-title-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-alert-font-title-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-action-loader-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-action-loader-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-action-indicator-dark: var(--calcite-semantic-ui-color-brand-dark);
+  --calcite-action-indicator-light: var(--calcite-semantic-ui-color-brand-light);
+  --calcite-action-background-active-dark: var(--calcite-semantic-ui-color-foreground-3-dark);
+  --calcite-action-background-active-light: var(--calcite-semantic-ui-color-foreground-3-light);
+  --calcite-action-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-action-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-action-icon-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-action-icon-active-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-action-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-action-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-action-font-active-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-action-font-active-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-action-font-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-action-font-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-action-pad-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-action-pad-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-action-pad-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-action-pad-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-action-pad-grid-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-action-pad-grid-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-action-pad-grid-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-action-pad-grid-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-action-bar-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-action-bar-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-action-bar-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-action-bar-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-action-bar-grid-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-action-bar-grid-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-action-bar-grid-border-dark: var(--calcite-semantic-ui-color-border-1-dark);
+  --calcite-action-bar-grid-border-light: var(--calcite-semantic-ui-color-border-1-light);
+  --calcite-accordion-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-accordion-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-accordion-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-accordion-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-accordion-icon-expanded-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-accordion-icon-expanded-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-accordion-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-accordion-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-accordion-description-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-accordion-description-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-accordion-heading-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-accordion-heading-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-accordion-item-border-dark: var(--calcite-semantic-ui-color-border-2-dark);
+  --calcite-accordion-item-border-light: var(--calcite-semantic-ui-color-border-2-light);
+  --calcite-accordion-item-background-dark: var(--calcite-semantic-ui-color-foreground-1-dark);
+  --calcite-accordion-item-background-light: var(--calcite-semantic-ui-color-foreground-1-light);
+  --calcite-accordion-item-icon-expanded-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-accordion-item-icon-expanded-light: var(--calcite-semantic-ui-color-text-1-light);
+  --calcite-accordion-item-icon-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-accordion-item-icon-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-accordion-item-font-description-dark: var(--calcite-semantic-ui-color-text-3-dark);
+  --calcite-accordion-item-font-description-light: var(--calcite-semantic-ui-color-text-3-light);
+  --calcite-accordion-item-font-heading-dark: var(--calcite-semantic-ui-color-text-1-dark);
+  --calcite-accordion-item-font-heading-light: var(--calcite-semantic-ui-color-text-1-light);
+}"
+`;
+
+exports[`generated tokens SCSS light should match 1`] = `
+"/
+
+
+$ui-brand-light: #007ac2;
+$ui-brand-hover-light: #00619b;
+$ui-brand-press-light: #004874;
+$ui-background-light: #f8f8f8;
+$ui-foreground-1-light: #ffffff;
+$ui-foreground-2-light: #f3f3f3;
+$ui-foreground-3-light: #eaeaea;
+$ui-text-1-light: #151515;
+$ui-text-2-light: #4a4a4a;
+$ui-text-3-light: #6a6a6a;
+$ui-text-inverse-light: #ffffff;
+$ui-text-link-light: #00619b;
+$ui-border-1-light: #cacaca;
+$ui-border-2-light: #d4d4d4;
+$ui-border-3-light: #dfdfdf;
+$ui-border-input-light: #949494;
+$ui-info-light: #00619b;
+$ui-info-hover-light: #004874;
+$ui-info-press-light: #00304d;
+$ui-success-light: #35ac46;
+$ui-success-hover-light: #288835;
+$ui-success-press-light: #1a6324;
+$ui-warning-light: #edd317;
+$ui-warning-hover-light: #d9bc00;
+$ui-warning-press-light: #bfa200;
+$ui-danger-light: #d83020;
+$ui-danger-hover-light: #a82b1e;
+$ui-danger-press-light: #7c1d13;
+$ui-inverse-light: #353535;
+
+@mixin calcite-theme-light() {
+  --calcite-ui-brand: #007ac2;
+  --calcite-ui-brand-hover: #00619b;
+  --calcite-ui-brand-press: #004874;
+  --calcite-ui-background: #f8f8f8;
+  --calcite-ui-foreground-1: #ffffff;
+  --calcite-ui-foreground-2: #f3f3f3;
+  --calcite-ui-foreground-3: #eaeaea;
+  --calcite-ui-text-1: #151515;
+  --calcite-ui-text-2: #4a4a4a;
+  --calcite-ui-text-3: #6a6a6a;
+  --calcite-ui-text-inverse: #ffffff;
+  --calcite-ui-text-link: #00619b;
+  --calcite-ui-border-1: #cacaca;
+  --calcite-ui-border-2: #d4d4d4;
+  --calcite-ui-border-3: #dfdfdf;
+  --calcite-ui-border-input: #949494;
+  --calcite-ui-info: #00619b;
+  --calcite-ui-info-hover: #004874;
+  --calcite-ui-info-press: #00304d;
+  --calcite-ui-success: #35ac46;
+  --calcite-ui-success-hover: #288835;
+  --calcite-ui-success-press: #1a6324;
+  --calcite-ui-warning: #edd317;
+  --calcite-ui-warning-hover: #d9bc00;
+  --calcite-ui-warning-press: #bfa200;
+  --calcite-ui-danger: #d83020;
+  --calcite-ui-danger-hover: #a82b1e;
+  --calcite-ui-danger-press: #7c1d13;
+  --calcite-ui-inverse: #353535;
+  --calcite-ui-component-avatar-font: #6a6a6a;
+  --calcite-ui-component-avatar-icon: #6a6a6a;
+  --calcite-ui-component-avatar-background: #f3f3f3;
+  --calcite-ui-component-avatar-background-red: #ffc6bf;
+  --calcite-ui-component-avatar-background-teal: #cef5f4;
+  --calcite-ui-component-avatar-background-blue: #c7eaff;
+  --calcite-ui-component-avatar-background-green: #e5f7b4;
+  --calcite-ui-component-avatar-background-yellow: #fff7cc;
+  --calcite-ui-component-checkbox-font: #151515;
+  --calcite-ui-component-checkbox-background: #ffffff;
+  --calcite-ui-component-checkbox-background-selected: #007ac2;
+  --calcite-ui-component-checkbox-icon: #ffffff;
+  --calcite-ui-component-checkbox-border: #949494;
+  --calcite-ui-component-radio-font: #151515;
+  --calcite-ui-component-radio-background: #ffffff;
+  --calcite-ui-component-radio-border-unchecked: #6a6a6a;
+  --calcite-ui-component-radio-border-checked: #007ac2;
+  --calcite-ui-component-chip-font-clear: #151515;
+  --calcite-ui-component-chip-font-solid-grey: #151515;
+  --calcite-ui-component-chip-font-solid-blue: #ffffff;
+  --calcite-ui-component-chip-font-solid-red: #ffffff;
+  --calcite-ui-component-chip-font-solid-yellow: #151515;
+  --calcite-ui-component-chip-font-solid-green: #151515;
+  --calcite-ui-component-chip-icon-clear: #151515;
+  --calcite-ui-component-chip-icon-solid-grey: #151515;
+  --calcite-ui-component-chip-icon-solid-blue: #ffffff;
+  --calcite-ui-component-chip-icon-solid-red: #ffffff;
+  --calcite-ui-component-chip-icon-solid-yellow: #151515;
+  --calcite-ui-component-chip-icon-solid-green: #151515;
+  --calcite-ui-component-chip-closable-icon: #6a6a6a;
+  --calcite-ui-component-chip-background-solid-grey: #f3f3f3;
+  --calcite-ui-component-chip-background-solid-blue: #00619b;
+  --calcite-ui-component-chip-background-solid-red: #d83020;
+  --calcite-ui-component-chip-background-solid-yellow: #edd317;
+  --calcite-ui-component-chip-background-solid-green: #35ac46;
+  --calcite-ui-component-chip-border-clear-grey: #cacaca;
+  --calcite-ui-component-chip-border-clear-blue: #00619b;
+  --calcite-ui-component-chip-border-clear-red: #d83020;
+  --calcite-ui-component-chip-border-clear-yellow: #edd317;
+  --calcite-ui-component-chip-border-clear-green: #35ac46;
+  --calcite-ui-component-label-font: #151515;
+  --calcite-ui-component-loader-font: #151515;
+  --calcite-ui-component-loader-foreground: #007ac2;
+  --calcite-ui-component-loader-inline-foreground-indeterminate: #151515;
+  --calcite-ui-component-loader-inline-foreground-determinate: #007ac2;
+  --calcite-ui-component-rating-star-background: #949494;
+  --calcite-ui-component-rating-star-background-active: #007ac2;
+  --calcite-ui-component-rating-star-background-average: #edd317;
+  --calcite-ui-component-rating-chip-count-font: #4a4a4a;
+  --calcite-ui-component-rating-chip-foreground: #f3f3f3;
+  --calcite-ui-component-tooltip-foreground: #ffffff;
+  --calcite-ui-component-tooltip-border: #dfdfdf;
+  --calcite-ui-component-tooltip-font: #151515;
+  --calcite-ui-component-accordion-item-font-heading: #151515;
+  --calcite-ui-component-accordion-item-font-description: #6a6a6a;
+  --calcite-ui-component-accordion-item-icon: #6a6a6a;
+  --calcite-ui-component-accordion-item-icon-expanded: #151515;
+  --calcite-ui-component-accordion-item-background: #ffffff;
+  --calcite-ui-component-accordion-item-border: #d4d4d4;
+  --calcite-ui-component-input-message-font: #151515;
+  --calcite-ui-component-input-message-icon-idle: #007ac2;
+  --calcite-ui-component-input-message-icon-invalid: #d83020;
+  --calcite-ui-component-input-message-icon-valid: #35ac46;
+  --calcite-ui-component-alert-font-title: #151515;
+  --calcite-ui-component-alert-font-message: #6a6a6a;
+  --calcite-ui-component-alert-background: #ffffff;
+  --calcite-ui-component-alert-border: #dfdfdf;
+  --calcite-ui-component-alert-icon-blue: #00619b;
+  --calcite-ui-component-alert-icon-green: #35ac46;
+  --calcite-ui-component-alert-icon-yellow: #edd317;
+  --calcite-ui-component-alert-icon-red: #d83020;
+  --calcite-ui-component-alert-highlight-blue: #00619b;
+  --calcite-ui-component-alert-highlight-green: #35ac46;
+  --calcite-ui-component-alert-highlight-yellow: #edd317;
+  --calcite-ui-component-alert-highlight-red: #d83020;
+  --calcite-ui-component-tip-font-heading: #151515;
+  --calcite-ui-component-tip-font-description: #4a4a4a;
+  --calcite-ui-component-tip-icon: #6a6a6a;
+  --calcite-ui-component-tip-background-light: #ffffff;
+  --calcite-ui-component-tip-border: #d4d4d4;
+  --calcite-ui-component-color-picker-font-label: #151515;
+  --calcite-ui-component-color-picker-icon: #151515;
+  --calcite-ui-component-color-picker-border: #cacaca;
+  --calcite-ui-component-color-picker-background: #ffffff;
+  --calcite-ui-component-date-picker-font-date: #6a6a6a;
+  --calcite-ui-component-date-picker-font-range-date: #151515;
+  --calcite-ui-component-date-picker-font-day: #6a6a6a;
+  --calcite-ui-component-date-picker-font-month: #151515;
+  --calcite-ui-component-date-picker-font-selected-date: #ffffff;
+  --calcite-ui-component-date-picker-font-active-date: #ffffff;
+  --calcite-ui-component-date-picker-icon: #6a6a6a;
+  --calcite-ui-component-date-picker-border: #cacaca;
+  --calcite-ui-component-date-picker-date-active-border: #ffffff;
+  --calcite-ui-component-date-picker-background: #ffffff;
+  --calcite-ui-component-date-picker-background-date-range: #c7eaff;
+  --calcite-ui-component-date-picker-background-date-active-light: #007ac2;
+  --calcite-ui-component-input-date-picker-font-placeholder-value: #151515;
+  --calcite-ui-component-input-date-picker-font-label: #151515;
+  --calcite-ui-component-input-date-picker-icon: #6a6a6a;
+  --calcite-ui-component-input-date-picker-border: #949494;
+  --calcite-ui-component-input-date-picker-background: #ffffff;
+  --calcite-ui-component-input-date-picker-background-arrow: #f8f8f8;
+  --calcite-ui-component-input-date-picker-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-datetime-local-font-placeholder-value: #151515;
+  --calcite-ui-component-input-datetime-local-font-label: #151515;
+  --calcite-ui-component-input-datetime-local-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-datetime-local-icon: #6a6a6a;
+  --calcite-ui-component-input-datetime-local-background: #ffffff;
+  --calcite-ui-component-input-datetime-local-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-datetime-local-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-datetime-local-border: #949494;
+  --calcite-ui-component-input-datetime-local-border-invalid: #d83020;
+  --calcite-ui-component-input-email-font-placeholder-value: #151515;
+  --calcite-ui-component-input-email-font-label: #151515;
+  --calcite-ui-component-input-email-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-email-icon: #6a6a6a;
+  --calcite-ui-component-input-email-background: #ffffff;
+  --calcite-ui-component-input-email-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-email-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-email-border: #949494;
+  --calcite-ui-component-input-email-border-invalid: #d83020;
+  --calcite-ui-component-input-file-font-placeholder-value: #151515;
+  --calcite-ui-component-input-file-font-label: #151515;
+  --calcite-ui-component-input-file-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-file-icon: #6a6a6a;
+  --calcite-ui-component-input-file-background: #ffffff;
+  --calcite-ui-component-input-file-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-file-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-file-border: #949494;
+  --calcite-ui-component-input-file-border-invalid: #d83020;
+  --calcite-ui-component-input-month-font-placeholder-value: #151515;
+  --calcite-ui-component-input-month-font-label: #151515;
+  --calcite-ui-component-input-month-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-month-icon: #6a6a6a;
+  --calcite-ui-component-input-month-background: #ffffff;
+  --calcite-ui-component-input-month-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-month-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-month-border: #949494;
+  --calcite-ui-component-input-month-border-invalid: #d83020;
+  --calcite-ui-component-input-number-font-placeholder-value: #151515;
+  --calcite-ui-component-input-number-font-label: #151515;
+  --calcite-ui-component-input-number-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-number-icon: #6a6a6a;
+  --calcite-ui-component-input-number-background: #ffffff;
+  --calcite-ui-component-input-number-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-number-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-number-border: #949494;
+  --calcite-ui-component-input-number-border-invalid: #d83020;
+  --calcite-ui-component-input-password-font-placeholder-value: #151515;
+  --calcite-ui-component-input-password-font-label: #151515;
+  --calcite-ui-component-input-password-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-password-icon: #6a6a6a;
+  --calcite-ui-component-input-password-background: #ffffff;
+  --calcite-ui-component-input-password-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-password-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-password-border: #949494;
+  --calcite-ui-component-input-password-border-invalid: #d83020;
+  --calcite-ui-component-input-search-font-placeholder-value: #151515;
+  --calcite-ui-component-input-search-font-label: #151515;
+  --calcite-ui-component-input-search-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-search-icon: #6a6a6a;
+  --calcite-ui-component-input-search-background: #ffffff;
+  --calcite-ui-component-input-search-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-search-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-search-border: #949494;
+  --calcite-ui-component-input-search-border-invalid: #d83020;
+  --calcite-ui-component-input-telephone-font-placeholder-value: #151515;
+  --calcite-ui-component-input-telephone-font-label: #151515;
+  --calcite-ui-component-input-telephone-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-telephone-icon: #6a6a6a;
+  --calcite-ui-component-input-telephone-background: #ffffff;
+  --calcite-ui-component-input-telephone-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-telephone-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-telephone-border: #949494;
+  --calcite-ui-component-input-telephone-border-invalid: #d83020;
+  --calcite-ui-component-input-text-font-placeholder-value: #151515;
+  --calcite-ui-component-input-text-font-label: #151515;
+  --calcite-ui-component-input-text-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-text-icon: #6a6a6a;
+  --calcite-ui-component-input-text-background: #ffffff;
+  --calcite-ui-component-input-text-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-text-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-text-border: #949494;
+  --calcite-ui-component-input-text-border-invalid: #d83020;
+  --calcite-ui-component-input-week-font-placeholder-value: #151515;
+  --calcite-ui-component-input-week-font-label: #151515;
+  --calcite-ui-component-input-week-font-prefix-suffix: #4a4a4a;
+  --calcite-ui-component-input-week-icon: #6a6a6a;
+  --calcite-ui-component-input-week-background: #ffffff;
+  --calcite-ui-component-input-week-background-prefix-sufix: #f8f8f8;
+  --calcite-ui-component-input-week-background-read-only: #f8f8f8;
+  --calcite-ui-component-input-week-border: #949494;
+  --calcite-ui-component-input-week-border-invalid: #d83020;
+  --calcite-ui-component-textarea-font-placeholder-value: #151515;
+  --calcite-ui-component-textarea-font-label: #151515;
+  --calcite-ui-component-textarea-font-chat-limit: #4a4a4a;
+  --calcite-ui-component-textarea-icon: #6a6a6a;
+  --calcite-ui-component-textarea-background: #ffffff;
+  --calcite-ui-component-textarea-background-read-only: #f8f8f8;
+  --calcite-ui-component-textarea-border: #949494;
+  --calcite-ui-component-tab-title-font: #6a6a6a;
+  --calcite-ui-component-tab-title-font-active: #151515;
+  --calcite-ui-component-tab-title-icon: #6a6a6a;
+  --calcite-ui-component-tab-title-icon-active: #151515;
+  --calcite-ui-component-tab-title-bordered-border: #dfdfdf;
+  --calcite-ui-component-tab-title-bordered-background: #ffffff;
+  --calcite-ui-component-tab-title-border-active: #007ac2;
+  --calcite-ui-component-tabs-bordered-border: #dfdfdf;
+  --calcite-ui-component-tabs-bordered-background: #ffffff;
+  --calcite-ui-component-card-font-title: #151515;
+  --calcite-ui-component-card-font-subtitle: #4a4a4a;
+  --calcite-ui-component-card-font-description: #6a6a6a;
+  --calcite-ui-component-card-border: #d4d4d4;
+  --calcite-ui-component-card-border-active: #007ac2;
+  --calcite-ui-component-card-background: #ffffff;
+  --calcite-ui-component-action-font: #6a6a6a;
+  --calcite-ui-component-action-icon: #6a6a6a;
+  --calcite-ui-component-action-background: #ffffff;
+  --calcite-ui-component-action-background-active: #eaeaea;
+  --calcite-ui-component-action-bar-border: #cacaca;
+  --calcite-ui-component-action-bar-background: #ffffff;
+  --calcite-ui-component-action-pad-border: #cacaca;
+  --calcite-ui-component-action-pad-background: #ffffff;
+  --calcite-ui-component-action-bar-grid-border: #cacaca;
+  --calcite-ui-component-action-bar-grid-background: #ffffff;
+  --calcite-ui-component-action-pad-grid-border: #cacaca;
+  --calcite-ui-component-action-pad-grid-background: #ffffff;
+  --calcite-ui-component-block-font-heading: #4a4a4a;
+  --calcite-ui-component-block-font-active: #151515;
+  --calcite-ui-component-block-font-description: #6a6a6a;
+  --calcite-ui-component-block-font-content: #4a4a4a;
+  --calcite-ui-component-block-icon-idle: #4a4a4a;
+  --calcite-ui-component-block-icon-valid: #35ac46;
+  --calcite-ui-component-block-icon-invalid: #d83020;
+  --calcite-ui-component-block-icon-drag-handle: #949494;
+  --calcite-ui-component-block-icon-chevron: #6a6a6a;
+  --calcite-ui-component-block-border: #dfdfdf;
+  --calcite-ui-component-block-background: #ffffff;
+  --calcite-ui-component-block-section-font: #4a4a4a;
+  --calcite-ui-component-block-section-icon-valid: #35ac46;
+  --calcite-ui-component-block-section-icon-invalid: #d83020;
+  --calcite-ui-component-block-section-icon-chevron: #6a6a6a;
+  --calcite-ui-component-block-section-background: #ffffff;
+  --calcite-ui-component-notice-font-title: #151515;
+  --calcite-ui-component-notice-font-message: #6a6a6a;
+  --calcite-ui-component-notice-background: #ffffff;
+  --calcite-ui-component-notice-icon-info: #00619b;
+  --calcite-ui-component-notice-icon-success: #35ac46;
+  --calcite-ui-component-notice-icon-warning: #edd317;
+  --calcite-ui-component-notice-icon-danger: #d83020;
+  --calcite-ui-component-notice-icon-brand: #007ac2;
+  --calcite-ui-component-notice-highlight-info: #00619b;
+  --calcite-ui-component-notice-highlight-success: #35ac46;
+  --calcite-ui-component-notice-highlight-warning: #edd317;
+  --calcite-ui-component-notice-highlight-danger: #d83020;
+  --calcite-ui-component-notice-highlight-brand: #007ac2;
+  --calcite-ui-component-modal-font-header: #151515;
+  --calcite-ui-component-modal-font-content: #4a4a4a;
+  --calcite-ui-component-modal-icon: #6a6a6a;
+  --calcite-ui-component-modal-border: #dfdfdf;
+  --calcite-ui-component-modal-border-top-brand: #007ac2;
+  --calcite-ui-component-modal-border-top-info: #00619b;
+  --calcite-ui-component-modal-border-top-success: #35ac46;
+  --calcite-ui-component-modal-border-top-danger: #d83020;
+  --calcite-ui-component-modal-border-top-warning: #edd317;
+  --calcite-ui-component-modal-background: #ffffff;
+  --calcite-ui-component-panel-header-font: #4a4a4a;
+  --calcite-ui-component-panel-header-icon: #6a6a6a;
+  --calcite-ui-component-panel-header-border: #dfdfdf;
+  --calcite-ui-component-panel-header-background: #ffffff;
+  --calcite-ui-component-popover-font: #151515;
+  --calcite-ui-component-popover-icon: #6a6a6a;
+  --calcite-ui-component-popover-border: #dfdfdf;
+  --calcite-ui-component-popover-background: #ffffff;
+  --calcite-ui-component-slider-font-label: #151515;
+  --calcite-ui-component-slider-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-handle-background: #ffffff;
+  --calcite-ui-component-slider-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-border: #d4d4d4;
+  --calcite-ui-component-slider-border-active: #007ac2;
+  --calcite-ui-component-slider-tick-background: #949494;
+  --calcite-ui-component-slider-tick-border: #ffffff;
+  --calcite-ui-component-slider-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-range-font-label: #151515;
+  --calcite-ui-component-slider-range-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-range-handle-background: #ffffff;
+  --calcite-ui-component-slider-range-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-range-border: #d4d4d4;
+  --calcite-ui-component-slider-range-border-active: #007ac2;
+  --calcite-ui-component-slider-range-tick-background: #949494;
+  --calcite-ui-component-slider-range-tick-border: #ffffff;
+  --calcite-ui-component-slider-range-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-range-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-histogram-font-label: #151515;
+  --calcite-ui-component-slider-histogram-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-histogram-handle-background: #ffffff;
+  --calcite-ui-component-slider-histogram-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-histogram-border: #d4d4d4;
+  --calcite-ui-component-slider-histogram-border-active: #007ac2;
+  --calcite-ui-component-slider-histogram-tick-background: #949494;
+  --calcite-ui-component-slider-histogram-tick-border: #ffffff;
+  --calcite-ui-component-slider-histogram-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-histogram-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-histogram-area-active-background: #9BBDDF;
+  --calcite-ui-component-slider-histogram-active-end-background: #ffffff;
+  --calcite-ui-component-slider-histogram-range-font-label: #151515;
+  --calcite-ui-component-slider-histogram-range-font-tick-label: #4a4a4a;
+  --calcite-ui-component-slider-histogram-range-handle-background: #ffffff;
+  --calcite-ui-component-slider-histogram-range-handle-border: #6a6a6a;
+  --calcite-ui-component-slider-histogram-range-border: #d4d4d4;
+  --calcite-ui-component-slider-histogram-range-border-active: #007ac2;
+  --calcite-ui-component-slider-histogram-range-tick-background: #949494;
+  --calcite-ui-component-slider-histogram-range-tick-border: #ffffff;
+  --calcite-ui-component-slider-histogram-range-tick-active-background: #007ac2;
+  --calcite-ui-component-slider-histogram-range-tick-active-border: #ffffff;
+  --calcite-ui-component-slider-histogram-range-area-active-background: #9BBDDF;
+  --calcite-ui-component-slider-histogram-range-active-end-background: #ffffff;
+  --calcite-ui-component-filter-font: #151515;
+  --calcite-ui-component-filter-icon: #6a6a6a;
+  --calcite-ui-component-filter-border: #949494;
+  --calcite-ui-component-filter-background: #ffffff;
+  --calcite-ui-component-scrim-background: #ffffff;
+  --calcite-ui-component-tip-manager-font-heading: #151515;
+  --calcite-ui-component-tip-manager-icon: #6a6a6a;
+  --calcite-ui-component-tip-manager-background-light: #ffffff;
+  --calcite-ui-component-tip-manager-border: #d4d4d4;
+  --calcite-ui-component-button-font-brand-solid: #ffffff;
+  --calcite-ui-component-button-font-brand-outline-fill: #007ac2;
+  --calcite-ui-component-button-font-brand-outline: #007ac2;
+  --calcite-ui-component-button-font-brand-transparent: #007ac2;
+  --calcite-ui-component-button-font-inverse-solid: #ffffff;
+  --calcite-ui-component-button-font-inverse-outline-fill: #151515;
+  --calcite-ui-component-button-font-inverse-outline: #151515;
+  --calcite-ui-component-button-font-inverse-transparent: #151515;
+  --calcite-ui-component-button-font-neutral-solid: #ffffff;
+  --calcite-ui-component-button-font-neutral-outline-fill: #151515;
+  --calcite-ui-component-button-font-neutral-outline: #151515;
+  --calcite-ui-component-button-font-neutral-transparent: #151515;
+  --calcite-ui-component-button-font-danger-solid: #ffffff;
+  --calcite-ui-component-button-font-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-font-danger-outline: #d83020;
+  --calcite-ui-component-button-font-danger-transparent: #d83020;
+  --calcite-ui-component-button-icon-brand-solid: #ffffff;
+  --calcite-ui-component-button-icon-brand-outline-fill: #007ac2;
+  --calcite-ui-component-button-icon-brand-outline: #007ac2;
+  --calcite-ui-component-button-icon-brand-transparent: #007ac2;
+  --calcite-ui-component-button-icon-inverse-solid: #ffffff;
+  --calcite-ui-component-button-icon-inverse-outline-fill: #151515;
+  --calcite-ui-component-button-icon-inverse-outline: #151515;
+  --calcite-ui-component-button-icon-inverse-transparent: #151515;
+  --calcite-ui-component-button-icon-neutral-solid: #ffffff;
+  --calcite-ui-component-button-icon-neutral-outline-fill: #151515;
+  --calcite-ui-component-button-icon-neutral-outline: #151515;
+  --calcite-ui-component-button-icon-neutral-transparent: #151515;
+  --calcite-ui-component-button-icon-danger-solid: #ffffff;
+  --calcite-ui-component-button-icon-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-icon-danger-outline: #d83020;
+  --calcite-ui-component-button-icon-danger-transparent: #d83020;
+  --calcite-ui-component-button-background-brand-solid: #007ac2;
+  --calcite-ui-component-button-background-brand-outline-fill: #ffffff;
+  --calcite-ui-component-button-background-inverse-solid: #353535;
+  --calcite-ui-component-button-background-inverse-outline-fill: #353535;
+  --calcite-ui-component-button-background-neutral-solid: #353535;
+  --calcite-ui-component-button-background-neutral-outline-fill: #353535;
+  --calcite-ui-component-button-background-danger-solid: #d83020;
+  --calcite-ui-component-button-background-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-border-brand-outline-fill: #007ac2;
+  --calcite-ui-component-button-border-brand-outline: #007ac2;
+  --calcite-ui-component-button-border-inverse-outline-fill: #353535;
+  --calcite-ui-component-button-border-inverse-outline: #353535;
+  --calcite-ui-component-button-border-neutral-outline-fill: #353535;
+  --calcite-ui-component-button-border-neutral-outline: #353535;
+  --calcite-ui-component-button-border-danger-outline-fill: #d83020;
+  --calcite-ui-component-button-border-danger-outline: #d83020;
+  --calcite-ui-component-split-button-font-brand-solid: #ffffff;
+  --calcite-ui-component-split-button-font-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-font-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-font-brand-transparent: #007ac2;
+  --calcite-ui-component-split-button-font-inverse-solid: #ffffff;
+  --calcite-ui-component-split-button-font-inverse-outline-fill: #151515;
+  --calcite-ui-component-split-button-font-inverse-outline: #151515;
+  --calcite-ui-component-split-button-font-inverse-transparent: #151515;
+  --calcite-ui-component-split-button-font-neutral-solid: #ffffff;
+  --calcite-ui-component-split-button-font-neutral-outline-fill: #151515;
+  --calcite-ui-component-split-button-font-neutral-outline: #151515;
+  --calcite-ui-component-split-button-font-neutral-transparent: #151515;
+  --calcite-ui-component-split-button-font-danger-solid: #ffffff;
+  --calcite-ui-component-split-button-font-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-font-danger-outline: #d83020;
+  --calcite-ui-component-split-button-font-danger-transparent: #d83020;
+  --calcite-ui-component-split-button-icon-brand-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-icon-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-icon-brand-transparent: #007ac2;
+  --calcite-ui-component-split-button-icon-inverse-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-inverse-outline-fill: #151515;
+  --calcite-ui-component-split-button-icon-inverse-outline: #151515;
+  --calcite-ui-component-split-button-icon-inverse-transparent: #151515;
+  --calcite-ui-component-split-button-icon-neutral-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-neutral-outline-fill: #151515;
+  --calcite-ui-component-split-button-icon-neutral-outline: #151515;
+  --calcite-ui-component-split-button-icon-neutral-transparent: #151515;
+  --calcite-ui-component-split-button-icon-danger-solid: #ffffff;
+  --calcite-ui-component-split-button-icon-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-icon-danger-outline: #d83020;
+  --calcite-ui-component-split-button-icon-danger-transparent: #d83020;
+  --calcite-ui-component-split-button-background-brand-solid: #007ac2;
+  --calcite-ui-component-split-button-background-brand-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-background-inverse-solid: #353535;
+  --calcite-ui-component-split-button-background-inverse-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-background-neutral-solid: #353535;
+  --calcite-ui-component-split-button-background-neutral-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-background-danger-solid: #d83020;
+  --calcite-ui-component-split-button-background-danger-outline-fill: #ffffff;
+  --calcite-ui-component-split-button-border-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-border-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-border-inverse-outline-fill: #353535;
+  --calcite-ui-component-split-button-border-inverse-outline: #353535;
+  --calcite-ui-component-split-button-border-neutral-outline-fill: #353535;
+  --calcite-ui-component-split-button-border-neutral-outline: #353535;
+  --calcite-ui-component-split-button-border-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-border-danger-outline: #d83020;
+  --calcite-ui-component-split-button-divider-brand-solid: #ffffff;
+  --calcite-ui-component-split-button-divider-brand-outline-fill: #007ac2;
+  --calcite-ui-component-split-button-divider-brand-outline: #007ac2;
+  --calcite-ui-component-split-button-divider-brand-transparent: #007ac2;
+  --calcite-ui-component-split-button-divider-inverse-solid: #ffffff;
+  --calcite-ui-component-split-button-divider-inverse-outline-fill: #353535;
+  --calcite-ui-component-split-button-divider-inverse-outline: #353535;
+  --calcite-ui-component-split-button-divider-inverse-transparent: #353535;
+  --calcite-ui-component-split-button-divider-neutral-solid: #ffffff;
+  --calcite-ui-component-split-button-divider-neutral-outline-fill: #353535;
+  --calcite-ui-component-split-button-divider-neutral-outline: #353535;
+  --calcite-ui-component-split-button-divider-neutral-transparent: #353535;
+  --calcite-ui-component-split-button-divider-danger-solid: #d83020;
+  --calcite-ui-component-split-button-divider-danger-outline-fill: #d83020;
+  --calcite-ui-component-split-button-divider-danger-outline: #d83020;
+  --calcite-ui-component-split-button-divider-danger-transparent: #d83020;
+  --calcite-ui-component-fab-font-brand-solid: #ffffff;
+  --calcite-ui-component-fab-font-brand-outline-fill: #007ac2;
+  --calcite-ui-component-fab-font-inverse-solid: #ffffff;
+  --calcite-ui-component-fab-font-inverse-outline-fill: #151515;
+  --calcite-ui-component-fab-font-neutral-solid: #ffffff;
+  --calcite-ui-component-fab-font-neutral-outline-fill: #151515;
+  --calcite-ui-component-fab-font-danger-solid: #ffffff;
+  --calcite-ui-component-fab-font-danger-outline-fill: #d83020;
+  --calcite-ui-component-fab-icon-brand-solid: #ffffff;
+  --calcite-ui-component-fab-icon-brand-outline-fill: #007ac2;
+  --calcite-ui-component-fab-icon-inverse-solid: #ffffff;
+  --calcite-ui-component-fab-icon-inverse-outline-fill: #151515;
+  --calcite-ui-component-fab-icon-neutral-solid: #ffffff;
+  --calcite-ui-component-fab-icon-neutral-outline-fill: #151515;
+  --calcite-ui-component-fab-icon-danger-solid: #ffffff;
+  --calcite-ui-component-fab-icon-danger-outline-fill: #d83020;
+  --calcite-ui-component-fab-background-brand-solid: #007ac2;
+  --calcite-ui-component-fab-background-brand-outline-fill: #ffffff;
+  --calcite-ui-component-fab-background-inverse-solid: #353535;
+  --calcite-ui-component-fab-background-inverse-outline-fill: #ffffff;
+  --calcite-ui-component-fab-background-neutral-solid: #353535;
+  --calcite-ui-component-fab-background-neutral-outline-fill: #ffffff;
+  --calcite-ui-component-fab-background-danger-solid: #d83020;
+  --calcite-ui-component-fab-background-danger-outline-fill: #ffffff;
+  --calcite-ui-component-fab-border-brand-outline-fill: #007ac2;
+  --calcite-ui-component-fab-border-brand-solid: #007ac2;
+  --calcite-ui-component-fab-border-inverse-outline-fill: #353535;
+  --calcite-ui-component-fab-border-inverse-solid: #353535;
+  --calcite-ui-component-fab-border-neutral-outline-fill: #353535;
+  --calcite-ui-component-fab-border-neutral-solid: #353535;
+  --calcite-ui-component-fab-border-danger-outline-fill: #d83020;
+  --calcite-ui-component-fab-border-danger-solid: #d83020;
+}"
+`;
diff --git a/packages/calcite-design-tokens/support/tests/index.spec.ts b/packages/calcite-design-tokens/support/tests/index.spec.ts
new file mode 100644
index 00000000000..7796ad3c4e6
--- /dev/null
+++ b/packages/calcite-design-tokens/support/tests/index.spec.ts
@@ -0,0 +1,102 @@
+import { readFileSync } from "fs";
+import { resolve } from "path";
+
+describe("generated tokens", () => {
+  describe("CSS", () => {
+    it("global should match", () => {
+      let global = readFileSync(resolve(__dirname, "../../dist/css/calcite-headless.css"), "utf-8");
+      global = global.slice(global.indexOf("*/") + 1);
+      expect(global).toMatchSnapshot();
+    });
+    it("light should match", () => {
+      let light = readFileSync(resolve(__dirname, "../../dist/css/calcite-light.css"), "utf-8");
+      light = light.slice(light.indexOf("*/") + 1);
+      expect(light).toMatchSnapshot();
+    });
+    it("dark should match", () => {
+      let dark = readFileSync(resolve(__dirname, "../../dist/css/calcite-light.css"), "utf-8");
+      dark = dark.slice(dark.indexOf("*/") + 1);
+      expect(dark).toMatchSnapshot();
+    });
+  });
+
+  describe("SCSS", () => {
+    it("global should match", () => {
+      let global = readFileSync(resolve(__dirname, "../../dist/scss/calcite-headless.scss"), "utf-8");
+      global = global.slice(global.indexOf("*/") + 1);
+      expect(global).toMatchSnapshot();
+    });
+    it("light should match", () => {
+      let light = readFileSync(resolve(__dirname, "../../dist/scss/calcite-light.scss"), "utf-8");
+      light = light.slice(light.indexOf("*/") + 1);
+      expect(light).toMatchSnapshot();
+    });
+    it("dark should match", () => {
+      let dark = readFileSync(resolve(__dirname, "../../dist/scss/calcite-light.scss"), "utf-8");
+      dark = dark.slice(dark.indexOf("*/") + 1);
+      expect(dark).toMatchSnapshot();
+    });
+  });
+
+  describe("JS", () => {
+    it("global should match", () => {
+      let global = readFileSync(resolve(__dirname, "../../dist/js/calcite-headless.js"), "utf-8");
+      global = global.slice(global.indexOf("*/") + 1);
+      expect(global).toMatchSnapshot();
+    });
+    it("light should match", () => {
+      let light = readFileSync(resolve(__dirname, "../../dist/js/calcite-light.js"), "utf-8");
+      light = light.slice(light.indexOf("*/") + 1);
+      expect(light).toMatchSnapshot();
+    });
+    it("dark should match", () => {
+      let dark = readFileSync(resolve(__dirname, "../../dist/js/calcite-light.js"), "utf-8");
+      dark = dark.slice(dark.indexOf("*/") + 1);
+      expect(dark).toMatchSnapshot();
+    });
+    it("types should match", () => {
+      let global = readFileSync(resolve(__dirname, "../../dist/js/calcite-headless.d.ts"), "utf-8");
+      let light = readFileSync(resolve(__dirname, "../../dist/js/calcite-light.d.ts"), "utf-8");
+      let dark = readFileSync(resolve(__dirname, "../../dist/js/calcite-dark.d.ts"), "utf-8");
+
+      global = global.slice(global.indexOf("*/") + 1);
+      light = light.slice(light.indexOf("*/") + 1);
+      dark = dark.slice(dark.indexOf("*/") + 1);
+
+      expect(global).toMatchSnapshot();
+      expect(light).toMatchSnapshot();
+      expect(dark).toMatchSnapshot();
+    });
+  });
+
+  describe("ES6", () => {
+    it("global should match", () => {
+      let global = readFileSync(resolve(__dirname, "../../dist/es6/calcite-headless.js"), "utf-8");
+      global = global.slice(global.indexOf("*/") + 1);
+      expect(global).toMatchSnapshot();
+    });
+    it("light should match", () => {
+      let light = readFileSync(resolve(__dirname, "../../dist/es6/calcite-light.js"), "utf-8");
+      light = light.slice(light.indexOf("*/") + 1);
+      expect(light).toMatchSnapshot();
+    });
+    it("dark should match", () => {
+      let dark = readFileSync(resolve(__dirname, "../../dist/es6/calcite-light.js"), "utf-8");
+      dark = dark.slice(dark.indexOf("*/") + 1);
+      expect(dark).toMatchSnapshot();
+    });
+    it("types should match", () => {
+      let light = readFileSync(resolve(__dirname, "../../dist/es6/calcite-light.d.ts"), "utf-8");
+      let dark = readFileSync(resolve(__dirname, "../../dist/es6/calcite-dark.d.ts"), "utf-8");
+      let global = readFileSync(resolve(__dirname, "../../dist/es6/calcite-headless.d.ts"), "utf-8");
+
+      global = global.slice(global.indexOf("*/") + 1);
+      light = light.slice(light.indexOf("*/") + 1);
+      dark = dark.slice(dark.indexOf("*/") + 1);
+
+      expect(global).toMatchSnapshot();
+      expect(light).toMatchSnapshot();
+      expect(dark).toMatchSnapshot();
+    });
+  });
+});

From 2ecddecd1579203ffd0a0514cddad9eaa85c86b5 Mon Sep 17 00:00:00 2001
From: Ben Elan <no-reply@benelan.dev>
Date: Wed, 22 Nov 2023 18:15:12 -0800
Subject: [PATCH 26/30] test(tokens): skip outdated tests

---
 packages/calcite-design-tokens/support/tests/index.spec.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/calcite-design-tokens/support/tests/index.spec.ts b/packages/calcite-design-tokens/support/tests/index.spec.ts
index 7796ad3c4e6..0696b5d373d 100644
--- a/packages/calcite-design-tokens/support/tests/index.spec.ts
+++ b/packages/calcite-design-tokens/support/tests/index.spec.ts
@@ -1,7 +1,7 @@
 import { readFileSync } from "fs";
 import { resolve } from "path";
 
-describe("generated tokens", () => {
+describe.skip("generated tokens", () => {
   describe("CSS", () => {
     it("global should match", () => {
       let global = readFileSync(resolve(__dirname, "../../dist/css/calcite-headless.css"), "utf-8");

From 1e585dcfdc22d3d82c08c520456d042f81421150 Mon Sep 17 00:00:00 2001
From: Ben Elan <no-reply@benelan.dev>
Date: Wed, 22 Nov 2023 19:42:34 -0800
Subject: [PATCH 27/30] chore(tokens): update outdated token names and imports

---
 .../calcite-components/src/components/combobox/combobox.tsx | 4 ++--
 .../calcite-components/src/components/stepper/stepper.scss  | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/calcite-components/src/components/combobox/combobox.tsx b/packages/calcite-components/src/components/combobox/combobox.tsx
index 637a19aa443..611fea2a5fd 100644
--- a/packages/calcite-components/src/components/combobox/combobox.tsx
+++ b/packages/calcite-components/src/components/combobox/combobox.tsx
@@ -73,7 +73,7 @@ import { ComboboxChildSelector, ComboboxItem, ComboboxItemGroup, CSS } from "./r
 import { getItemAncestors, getItemChildren, hasActiveChildren, isSingleLike } from "./utils";
 import { XButton, CSS as XButtonCSS } from "../functional/XButton";
 import { getIconScale } from "../../utils/component";
-import { CoreSizing15 } from "@esri/calcite-design-tokens/dist/es6/calcite-headless";
+import { calciteSize_15 } from "@esri/calcite-design-tokens/dist/es6/core";
 
 interface ItemData {
   label: string;
@@ -868,7 +868,7 @@ export class Combobox
     const chipContainerElWidth = getElementWidth(chipContainerEl);
     const { fontSize, fontFamily } = getComputedStyle(textInput);
     const inputTextWidth = getTextWidth(placeholder, `${fontSize} ${fontFamily}`);
-    const inputWidth = (inputTextWidth || parseInt(CoreSizing15)) + chipContainerElGap;
+    const inputWidth = (inputTextWidth || parseInt(calciteSize_15)) + chipContainerElGap;
     const allSelectedIndicatorChipElWidth = getElementWidth(allSelectedIndicatorChipEl);
     const selectedIndicatorChipElWidth = getElementWidth(selectedIndicatorChipEl);
     const largestSelectedIndicatorChipWidth = Math.max(
diff --git a/packages/calcite-components/src/components/stepper/stepper.scss b/packages/calcite-components/src/components/stepper/stepper.scss
index 6c1c3ce3ce7..925af1db02c 100644
--- a/packages/calcite-components/src/components/stepper/stepper.scss
+++ b/packages/calcite-components/src/components/stepper/stepper.scss
@@ -92,16 +92,16 @@
   }
 
   .step-bar--active {
-    fill: var(--calcite-ui-brand);
+    fill: var(--calcite-color-brand);
   }
 
   .step-bar--complete {
-    fill: var(--calcite-ui-brand);
+    fill: var(--calcite-color-brand);
     fill-opacity: 0.5;
   }
 
   .step-bar--error {
-    fill: var(--calcite-ui-danger);
+    fill: var(--calcite-color-danger);
   }
 
   .step-bar--disabled {

From 72c2c68735ecd65a7be1f873398acb14f894e936 Mon Sep 17 00:00:00 2001
From: Ben Elan <no-reply@benelan.dev>
Date: Wed, 22 Nov 2023 20:01:27 -0800
Subject: [PATCH 28/30] fix(stepper): typo in CSS variable for step bar's fill

---
 packages/calcite-components/src/components/stepper/stepper.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/calcite-components/src/components/stepper/stepper.scss b/packages/calcite-components/src/components/stepper/stepper.scss
index 925af1db02c..b1a926d3958 100644
--- a/packages/calcite-components/src/components/stepper/stepper.scss
+++ b/packages/calcite-components/src/components/stepper/stepper.scss
@@ -86,7 +86,7 @@
   }
 
   .step-bar--inactive {
-    fill: var(--light-ui-border-3, #dfdfdf);
+    fill: var(--calcite-color-border-3, #dfdfdf);
     fill-opacity: 1;
     block-size: 100%;
   }

From f897d64350c9d4e00ade5c0ebe0b2ba0a11a0687 Mon Sep 17 00:00:00 2001
From: JC Franco <jfranco@esri.com>
Date: Wed, 22 Nov 2023 22:01:20 -0800
Subject: [PATCH 29/30] fix(dropdown): restore trigger container height

---
 .../calcite-components/src/components/dropdown/dropdown.scss  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/calcite-components/src/components/dropdown/dropdown.scss b/packages/calcite-components/src/components/dropdown/dropdown.scss
index 37bf1dd21e6..b65f19f3ea9 100644
--- a/packages/calcite-components/src/components/dropdown/dropdown.scss
+++ b/packages/calcite-components/src/components/dropdown/dropdown.scss
@@ -7,7 +7,7 @@
  */
 
 :host {
-  @apply inline-block flex-initial;
+  @apply inline-block;
 }
 
 @include disabled();
@@ -32,7 +32,7 @@
   inline-size: var(--calcite-dropdown-width);
 }
 .calcite-trigger-container {
-  @apply relative flex flex-auto;
+  @apply relative flex flex-auto h-full;
   @include word-break;
 }
 

From af4ebb2720c8b51e38f2d5f9094c9ff62f26b586 Mon Sep 17 00:00:00 2001
From: Ben Elan <no-reply@benelan.dev>
Date: Fri, 24 Nov 2023 15:08:32 -0800
Subject: [PATCH 30/30] style(components.d.ts): commit unformatted file

---
 package-lock.json                             |   608 +-
 .../calcite-components/src/components.d.ts    | 27831 +++++++---------
 2 files changed, 12834 insertions(+), 15605 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1143b87edde..e68c4572537 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2846,13 +2846,10 @@
       }
     },
     "node_modules/@angular/cli/node_modules/lru-cache": {
-      "version": "10.0.2",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.0.2.tgz",
-      "integrity": "sha512-Yj9mA8fPiVgOUpByoTZO5pNrcl5Yk37FcSHsUINpAsaBIEZIuqcCclDZJCVxqQShDsmYX8QG63svJiTbOATZwg==",
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz",
+      "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==",
       "dev": true,
-      "dependencies": {
-        "semver": "^7.3.5"
-      },
       "engines": {
         "node": "14 || >=16.14"
       }
@@ -3496,12 +3493,12 @@
       "dev": true
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.22.13",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
-      "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.4.tgz",
+      "integrity": "sha512-r1IONyb6Ia+jYR2vvIDhdWdlTGhqbBoFqLTQidzZ4kepUFH15ejXvFHxCVbtl7BOXIudsIubf4E81xeA3h3IXA==",
       "dev": true,
       "dependencies": {
-        "@babel/highlight": "^7.22.13",
+        "@babel/highlight": "^7.23.4",
         "chalk": "^2.4.2"
       },
       "engines": {
@@ -3557,12 +3554,12 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.3.tgz",
-      "integrity": "sha512-keeZWAV4LU3tW0qRi19HRpabC/ilM0HRBBzf9/k8FFiG4KVpiv0FIy4hHfLfFQZNhziCTPTmd59zoyv6DNISzg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.4.tgz",
+      "integrity": "sha512-esuS49Cga3HcThFNebGhlgsrVLkvhqvYDTzgjfFFlHJcIfLe5jFmRRfCQ1KuBfc4Jrtn3ndLgKWAKjBE+IraYQ==",
       "dev": true,
       "dependencies": {
-        "@babel/types": "^7.23.3",
+        "@babel/types": "^7.23.4",
         "@jridgewell/gen-mapping": "^0.3.2",
         "@jridgewell/trace-mapping": "^0.3.17",
         "jsesc": "^2.5.1"
@@ -3863,9 +3860,9 @@
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.22.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
-      "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz",
+      "integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==",
       "dev": true,
       "engines": {
         "node": ">=6.9.0"
@@ -3904,23 +3901,23 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.2.tgz",
-      "integrity": "sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.4.tgz",
+      "integrity": "sha512-HfcMizYz10cr3h29VqyfGL6ZWIjTwWfvYBMsBVGwpcbhNGe3wQ1ZXZRPzZoAHhd9OqHadHqjQ89iVKINXnbzuw==",
       "dev": true,
       "dependencies": {
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.2",
-        "@babel/types": "^7.23.0"
+        "@babel/traverse": "^7.23.4",
+        "@babel/types": "^7.23.4"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/highlight": {
-      "version": "7.22.20",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz",
-      "integrity": "sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz",
+      "integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
       "dev": true,
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.22.20",
@@ -3932,9 +3929,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.3.tgz",
-      "integrity": "sha512-uVsWNvlVsIninV2prNz/3lHCb+5CJ+e+IUBfbjToAHODtfGYLfCFuY4AU7TskI+dAKk+njsPiBjq1gKTvZOBaw==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.4.tgz",
+      "integrity": "sha512-vf3Xna6UEprW+7t6EtOmFpHNAuxw3xqPZghy+brsnusscJRW5BMUzzHZc5ICjULee81WeUV2jjakG09MDglJXQ==",
       "dev": true,
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -4465,9 +4462,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-generator-functions": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.3.tgz",
-      "integrity": "sha512-59GsVNavGxAXCDDbakWSMJhajASb4kBCqDjqJsv+p5nKdbz7istmZ3HrX3L2LuiI80+zsOADCvooqQH3qGCucQ==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.4.tgz",
+      "integrity": "sha512-efdkfPhHYTtn0G6n2ddrESE91fgXxjlqLsnUtPWnJs4a4mZIbUaK7ffqKIIUKXSHwcDvaCVX6GXkaJJFqtX7jw==",
       "dev": true,
       "dependencies": {
         "@babel/helper-environment-visitor": "^7.22.20",
@@ -4515,9 +4512,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-block-scoping": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.3.tgz",
-      "integrity": "sha512-QPZxHrThbQia7UdvfpaRRlq/J9ciz1J4go0k+lPBXbgaNeY7IQrBj/9ceWjvMMI07/ZBzHl/F0R/2K0qH7jCVw==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.4.tgz",
+      "integrity": "sha512-0QqbP6B6HOh7/8iNR4CQU2Th/bbRtBp4KS9vcaZd1fZ0wSh5Fyssg0UCIHwxh+ka+pNDREbVLQnHCMHKZfPwfw==",
       "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5"
@@ -4546,9 +4543,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-class-static-block": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.23.3.tgz",
-      "integrity": "sha512-PENDVxdr7ZxKPyi5Ffc0LjXdnJyrJxyqF5T5YjlVg4a0VFfQHW0r8iAtRiDXkfHlu1wwcvdtnndGYIeJLSuRMQ==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.23.4.tgz",
+      "integrity": "sha512-nsWu/1M+ggti1SOALj3hfx5FXzAY06fwPJsUZD4/A5e1bWi46VUIWtD+kOX6/IdhXGsXBWllLFDSnqSCdUNydQ==",
       "dev": true,
       "dependencies": {
         "@babel/helper-create-class-features-plugin": "^7.22.15",
@@ -4648,9 +4645,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-dynamic-import": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.23.3.tgz",
-      "integrity": "sha512-vTG+cTGxPFou12Rj7ll+eD5yWeNl5/8xvQvF08y5Gv3v4mZQoyFf8/n9zg4q5vvCWt5jmgymfzMAldO7orBn7A==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.23.4.tgz",
+      "integrity": "sha512-V6jIbLhdJK86MaLh4Jpghi8ho5fGzt3imHOBu/x0jlBaPYqDoWz4RDXjmMOfnh+JWNaQleEAByZLV0QzBT4YQQ==",
       "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -4680,9 +4677,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-export-namespace-from": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.23.3.tgz",
-      "integrity": "sha512-yCLhW34wpJWRdTxxWtFZASJisihrfyMOTOQexhVzA78jlU+dH7Dw+zQgcPepQ5F3C6bAIiblZZ+qBggJdHiBAg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.23.4.tgz",
+      "integrity": "sha512-GzuSBcKkx62dGzZI1WVgTWvkkz84FZO5TC5T8dl/Tht/rAla6Dg/Mz9Yhypg+ezVACf/rgDuQt3kbWEv7LdUDQ==",
       "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -4744,9 +4741,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-json-strings": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.23.3.tgz",
-      "integrity": "sha512-H9Ej2OiISIZowZHaBwF0tsJOih1PftXJtE8EWqlEIwpc7LMTGq0rPOrywKLQ4nefzx8/HMR0D3JGXoMHYvhi0A==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.23.4.tgz",
+      "integrity": "sha512-81nTOqM1dMwZ/aRXQ59zVubN9wHGqk6UtqRK+/q+ciXmRy8fSolhGVvG09HHRGo4l6fr/c4ZhXUQH0uFW7PZbg==",
       "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -4775,9 +4772,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-logical-assignment-operators": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.23.3.tgz",
-      "integrity": "sha512-+pD5ZbxofyOygEp+zZAfujY2ShNCXRpDRIPOiBmTO693hhyOEteZgl876Xs9SAHPQpcV0vz8LvA/T+w8AzyX8A==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.23.4.tgz",
+      "integrity": "sha512-Mc/ALf1rmZTP4JKKEhUwiORU+vcfarFVLfcFiolKUo6sewoxSEgl36ak5t+4WamRsNr6nzjZXQjM35WsU+9vbg==",
       "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -4904,9 +4901,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.23.3.tgz",
-      "integrity": "sha512-xzg24Lnld4DYIdysyf07zJ1P+iIfJpxtVFOzX4g+bsJ3Ng5Le7rXx9KwqKzuyaUeRnt+I1EICwQITqc0E2PmpA==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.23.4.tgz",
+      "integrity": "sha512-jHE9EVVqHKAQx+VePv5LLGHjmHSJR76vawFPTdlxR/LVJPfOEGxREQwQfjuZEOPTwG92X3LINSh3M40Rv4zpVA==",
       "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -4920,9 +4917,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-numeric-separator": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.23.3.tgz",
-      "integrity": "sha512-s9GO7fIBi/BLsZ0v3Rftr6Oe4t0ctJ8h4CCXfPoEJwmvAPMyNrfkOOJzm6b9PX9YXcCJWWQd/sBF/N26eBiMVw==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.23.4.tgz",
+      "integrity": "sha512-mps6auzgwjRrwKEZA05cOwuDc9FAzoyFS4ZsG/8F43bTLf/TgkJg7QXOrPO1JO599iA3qgK9MXdMGOEC8O1h6Q==",
       "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -4936,9 +4933,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-object-rest-spread": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.23.3.tgz",
-      "integrity": "sha512-VxHt0ANkDmu8TANdE9Kc0rndo/ccsmfe2Cx2y5sI4hu3AukHQ5wAu4cM7j3ba8B9548ijVyclBU+nuDQftZsog==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.23.4.tgz",
+      "integrity": "sha512-9x9K1YyeQVw0iOXJlIzwm8ltobIIv7j2iLyP2jIhEbqPRQ7ScNgwQufU2I0Gq11VjyG4gI4yMXt2VFags+1N3g==",
       "dev": true,
       "dependencies": {
         "@babel/compat-data": "^7.23.3",
@@ -4971,9 +4968,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-optional-catch-binding": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.23.3.tgz",
-      "integrity": "sha512-LxYSb0iLjUamfm7f1D7GpiS4j0UAC8AOiehnsGAP8BEsIX8EOi3qV6bbctw8M7ZvLtcoZfZX5Z7rN9PlWk0m5A==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.23.4.tgz",
+      "integrity": "sha512-XIq8t0rJPHf6Wvmbn9nFxU6ao4c7WhghTR5WyV8SrJfUFzyxhCm4nhC+iAp3HFhbAKLfYpgzhJ6t4XCtVwqO5A==",
       "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -4987,9 +4984,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-optional-chaining": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.3.tgz",
-      "integrity": "sha512-zvL8vIfIUgMccIAK1lxjvNv572JHFJIKb4MWBz5OGdBQA0fB0Xluix5rmOby48exiJc987neOmP/m9Fnpkz3Tg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.4.tgz",
+      "integrity": "sha512-ZU8y5zWOfjM5vZ+asjgAPwDaBjJzgufjES89Rs4Lpq63O300R/kOz30WCLo6BxxX6QVEilwSlpClnG5cZaikTA==",
       "dev": true,
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -5035,9 +5032,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-private-property-in-object": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.23.3.tgz",
-      "integrity": "sha512-a5m2oLNFyje2e/rGKjVfAELTVI5mbA0FeZpBnkOWWV7eSmKQ+T/XW0Vf+29ScLzSxX+rnsarvU0oie/4m6hkxA==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.23.4.tgz",
+      "integrity": "sha512-9G3K1YqTq3F4Vt88Djx1UZ79PDyj+yKRnUy7cZGSMe+a7jkwD259uKKuUzQlPkGam7R+8RJwh5z4xO27fA1o2A==",
       "dev": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
@@ -5083,16 +5080,16 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-jsx": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz",
-      "integrity": "sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.23.4.tgz",
+      "integrity": "sha512-5xOpoPguCZCRbo/JeHlloSkTA8Bld1J/E1/kLfD1nsuiW1m8tduTA1ERCgIZokDflX/IBzKcqR3l7VlRgiIfHA==",
       "dev": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "@babel/helper-module-imports": "^7.22.15",
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/plugin-syntax-jsx": "^7.22.5",
-        "@babel/types": "^7.22.15"
+        "@babel/plugin-syntax-jsx": "^7.23.3",
+        "@babel/types": "^7.23.4"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -5269,9 +5266,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.3.tgz",
-      "integrity": "sha512-ogV0yWnq38CFwH20l2Afz0dfKuZBx9o/Y2Rmh5vuSS0YD1hswgEgTfyTzuSrT2q9btmHRSqYoSfwFUVaC1M1Jw==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.23.4.tgz",
+      "integrity": "sha512-39hCCOl+YUAyMOu6B9SmUTiHUU0t/CxJNUmY3qRdJujbqi+lrQcL11ysYUsAvFWPBdhihrv1z0oRG84Yr3dODQ==",
       "dev": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
@@ -5571,19 +5568,19 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.3.tgz",
-      "integrity": "sha512-+K0yF1/9yR0oHdE0StHuEj3uTPzwwbrLGfNOndVJVV2TqA5+j3oljJUb4nmB954FLGjNem976+B+eDuLIjesiQ==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.4.tgz",
+      "integrity": "sha512-IYM8wSUwunWTB6tFC2dkKZhxbIjHoWemdK+3f8/wq8aKhbUscxD5MX72ubd90fxvFknaLPeGw5ycU84V1obHJg==",
       "dev": true,
       "dependencies": {
-        "@babel/code-frame": "^7.22.13",
-        "@babel/generator": "^7.23.3",
+        "@babel/code-frame": "^7.23.4",
+        "@babel/generator": "^7.23.4",
         "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-function-name": "^7.23.0",
         "@babel/helper-hoist-variables": "^7.22.5",
         "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.23.3",
-        "@babel/types": "^7.23.3",
+        "@babel/parser": "^7.23.4",
+        "@babel/types": "^7.23.4",
         "debug": "^4.1.0",
         "globals": "^11.1.0"
       },
@@ -5592,12 +5589,12 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.3.tgz",
-      "integrity": "sha512-OZnvoH2l8PK5eUvEcUyCt/sXgr/h+UWpVuBbOljwcrAgUl6lpchoQ++PHGyQy1AtYnVA6CEq3y5xeEI10brpXw==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.4.tgz",
+      "integrity": "sha512-7uIFwVYpoplT5jp/kVv6EF93VaJ8H+Yn5IczYiaAi98ajzjfoZfslet/e0sLh+wVBjb2qqIut1b0S26VSafsSQ==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-string-parser": "^7.22.5",
+        "@babel/helper-string-parser": "^7.23.4",
         "@babel/helper-validator-identifier": "^7.22.20",
         "to-fast-properties": "^2.0.0"
       },
@@ -5737,9 +5734,9 @@
       "dev": true
     },
     "node_modules/@cspell/dict-companies": {
-      "version": "3.0.27",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-companies/-/dict-companies-3.0.27.tgz",
-      "integrity": "sha512-gaPR/luf+4oKGyxvW4GbxGGPdHiC5kj/QefnmQqrLFrLiCSXMZg5/NL+Lr4E5lcHsd35meX61svITQAvsT7lyQ==",
+      "version": "3.0.28",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-companies/-/dict-companies-3.0.28.tgz",
+      "integrity": "sha512-UinHkMYB/1pUkLKm1PGIm9PBFYxeAa6YvbB1Rq/RAAlrs0WDwiDBr3BAYdxydukG1IqqwT5z9WtU+8D/yV/5lw==",
       "dev": true
     },
     "node_modules/@cspell/dict-cpp": {
@@ -5821,9 +5818,9 @@
       "dev": true
     },
     "node_modules/@cspell/dict-filetypes": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-filetypes/-/dict-filetypes-3.0.2.tgz",
-      "integrity": "sha512-StoC0wPmFNav6F6P8/FYFN1BpZfPgOmktb8gQ9wTauelWofPeBW+A0t5ncZt9hXHtnbGDA98v4ukacV+ucbnUg==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-filetypes/-/dict-filetypes-3.0.3.tgz",
+      "integrity": "sha512-J9UP+qwwBLfOQ8Qg9tAsKtSY/WWmjj21uj6zXTI9hRLD1eG1uUOLcfVovAmtmVqUWziPSKMr87F6SXI3xmJXgw==",
       "dev": true
     },
     "node_modules/@cspell/dict-fonts": {
@@ -5917,9 +5914,9 @@
       "dev": true
     },
     "node_modules/@cspell/dict-npm": {
-      "version": "5.0.12",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-npm/-/dict-npm-5.0.12.tgz",
-      "integrity": "sha512-T/+WeQmtbxo7ad6hrdI8URptYstKJP+kXyWJZfuVJJGWJQ7yubxrI5Z5AfM+Dh/ff4xHmdzapxD9adaEQ727uw==",
+      "version": "5.0.13",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-npm/-/dict-npm-5.0.13.tgz",
+      "integrity": "sha512-uPb3DlQA/FvlmzT5RjZoy7fy91mxMRZW1B+K3atVM5A/cmP1QlDaSW/iCtde5kHET1MOV7uxz+vy0Yha2OI5pQ==",
       "dev": true
     },
     "node_modules/@cspell/dict-php": {
@@ -5974,9 +5971,9 @@
       "dev": true
     },
     "node_modules/@cspell/dict-software-terms": {
-      "version": "3.3.9",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-software-terms/-/dict-software-terms-3.3.9.tgz",
-      "integrity": "sha512-/O3EWe0SIznx18S7J3GAXPDe7sexn3uTsf4IlnGYK9WY6ZRuEywkXCB+5/USLTGf4+QC05pkHofphdvVSifDyA==",
+      "version": "3.3.10",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-software-terms/-/dict-software-terms-3.3.10.tgz",
+      "integrity": "sha512-ifc9iLKXf8L6YCtUZMj2+59l+DONsjFd8SbjyceRxsGmhN/VID550qqI6xi4r4Fu+TIahKrRL0FRdN91ZX9fpQ==",
       "dev": true
     },
     "node_modules/@cspell/dict-sql": {
@@ -6228,9 +6225,9 @@
       }
     },
     "node_modules/@devtools-ds/themes/node_modules/@design-systems/utils/node_modules/@babel/runtime": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
-      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.4.tgz",
+      "integrity": "sha512-2Yv65nlWnWlSpe3fXEyX5i7fx5kIKo4Qbcj+hMO0odwaneFjfXw5fdum+4yL20O0QiaHpia0cYQ9xpNMqrBwHg==",
       "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
@@ -8789,13 +8786,10 @@
       }
     },
     "node_modules/@npmcli/agent/node_modules/lru-cache": {
-      "version": "10.0.2",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.0.2.tgz",
-      "integrity": "sha512-Yj9mA8fPiVgOUpByoTZO5pNrcl5Yk37FcSHsUINpAsaBIEZIuqcCclDZJCVxqQShDsmYX8QG63svJiTbOATZwg==",
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz",
+      "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==",
       "dev": true,
-      "dependencies": {
-        "semver": "^7.3.5"
-      },
       "engines": {
         "node": "14 || >=16.14"
       }
@@ -9666,9 +9660,9 @@
       "dev": true
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.4.1.tgz",
-      "integrity": "sha512-Ss4suS/sd+6xLRu+MLCkED2mUrAyqHmmvZB+zpzZ9Znn9S8wCkTQCJaQ8P8aHofnvG5L16u9MVnJjCqioPErwQ==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.5.2.tgz",
+      "integrity": "sha512-ee7BudTwwrglFYSc3UnqInDDjCLWHKrFmGNi4aK7jlEyg4CyPa1DCMrZfsN1O13YT76UFEqXz2CoN7BCGpUlJw==",
       "cpu": [
         "arm"
       ],
@@ -9679,9 +9673,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.4.1.tgz",
-      "integrity": "sha512-sRSkGTvGsARwWd7TzC8LKRf8FiPn7257vd/edzmvG4RIr9x68KBN0/Ek48CkuUJ5Pj/Dp9vKWv6PEupjKWjTYA==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.5.2.tgz",
+      "integrity": "sha512-xOuhj9HHtn8128ir8veoQsBbAUBasDbHIBniYTEx02pAmu9EXL+ZjJqngnNEy6ZgZ4h1JwL33GMNu3yJL5Mzow==",
       "cpu": [
         "arm64"
       ],
@@ -9692,9 +9686,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.4.1.tgz",
-      "integrity": "sha512-nz0AiGrrXyaWpsmBXUGOBiRDU0wyfSXbFuF98pPvIO8O6auQsPG6riWsfQqmCCC5FNd8zKQ4JhgugRNAkBJ8mQ==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.5.2.tgz",
+      "integrity": "sha512-NTGJWoL8bKyqyWFn9/RzSv4hQ4wTbaAv0lHHRwf4OnpiiP4P8W0jiXbm8Nc5BCXKmWAwuvJY82mcIU2TayC20g==",
       "cpu": [
         "arm64"
       ],
@@ -9705,9 +9699,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.4.1.tgz",
-      "integrity": "sha512-Ogqvf4/Ve/faMaiPRvzsJEqajbqs00LO+8vtrPBVvLgdw4wBg6ZDXdkDAZO+4MLnrc8mhGV6VJAzYScZdPLtJg==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.5.2.tgz",
+      "integrity": "sha512-hlKqj7bpPvU15sZo4za14u185lpMzdwWLMc9raMqPK4wywt0wR23y1CaVQ4oAFXat3b5/gmRntyfpwWTKl+vvA==",
       "cpu": [
         "x64"
       ],
@@ -9718,9 +9712,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.4.1.tgz",
-      "integrity": "sha512-9zc2tqlr6HfO+hx9+wktUlWTRdje7Ub15iJqKcqg5uJZ+iKqmd2CMxlgPpXi7+bU7bjfDIuvCvnGk7wewFEhCg==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.5.2.tgz",
+      "integrity": "sha512-7ZIZx8c3u+pfI0ohQsft/GywrXez0uR6dUP0JhBuCK3sFO5TfdLn/YApnVkvPxuTv3+YKPIZend9Mt7Cz6sS3Q==",
       "cpu": [
         "arm"
       ],
@@ -9731,9 +9725,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.4.1.tgz",
-      "integrity": "sha512-phLb1fN3rq2o1j1v+nKxXUTSJnAhzhU0hLrl7Qzb0fLpwkGMHDem+o6d+ZI8+/BlTXfMU4kVWGvy6g9k/B8L6Q==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.5.2.tgz",
+      "integrity": "sha512-7Pk/5mO11JW/cH+a8lL/i0ZxmRGrbpYqN0VwO2DHhU+SJWWOH2zE1RAcPaj8KqiwC8DCDIJOSxjV9+9lLb6aeA==",
       "cpu": [
         "arm64"
       ],
@@ -9744,9 +9738,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.4.1.tgz",
-      "integrity": "sha512-M2sDtw4tf57VPSjbTAN/lz1doWUqO2CbQuX3L9K6GWIR5uw9j+ROKCvvUNBY8WUbMxwaoc8mH9HmmBKsLht7+w==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.5.2.tgz",
+      "integrity": "sha512-KrRnuG5phJx756e62wxvWH2e+TK84MP2IVuPwfge+GBvWqIUfVzFRn09TKruuQBXzZp52Vyma7FjMDkwlA9xpg==",
       "cpu": [
         "arm64"
       ],
@@ -9757,9 +9751,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.4.1.tgz",
-      "integrity": "sha512-mHIlRLX+hx+30cD6c4BaBOsSqdnCE4ok7/KDvjHYAHoSuveoMMxIisZFvcLhUnyZcPBXDGZTuBoalcuh43UfQQ==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.5.2.tgz",
+      "integrity": "sha512-My+53GasPa2D2tU5dXiyHYwrELAUouSfkNlZ3bUKpI7btaztO5vpALEs3mvFjM7aKTvEbc7GQckuXeXIDKQ0fg==",
       "cpu": [
         "x64"
       ],
@@ -9770,9 +9764,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.4.1.tgz",
-      "integrity": "sha512-tB+RZuDi3zxFx7vDrjTNGVLu2KNyzYv+UY8jz7e4TMEoAj7iEt8Qk6xVu6mo3pgjnsHj6jnq3uuRsHp97DLwOA==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.5.2.tgz",
+      "integrity": "sha512-/f0Q6Sc+Vw54Ws6N8fxaEe4R7at3b8pFyv+O/F2VaQ4hODUJcRUcCBJh6zuqtgQQt7w845VTkGLFgWZkP3tUoQ==",
       "cpu": [
         "x64"
       ],
@@ -9783,9 +9777,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.4.1.tgz",
-      "integrity": "sha512-Hdn39PzOQowK/HZzYpCuZdJC91PE6EaGbTe2VCA9oq2u18evkisQfws0Smh9QQGNNRa/T7MOuGNQoLeXhhE3PQ==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.5.2.tgz",
+      "integrity": "sha512-NCKuuZWLht6zj7s6EIFef4BxCRX1GMr83S2W4HPCA0RnJ4iHE4FS1695q6Ewoa6A9nFjJe1//yUu0kgBU07Edw==",
       "cpu": [
         "arm64"
       ],
@@ -9796,9 +9790,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.4.1.tgz",
-      "integrity": "sha512-tLpKb1Elm9fM8c5w3nl4N1eLTP4bCqTYw9tqUBxX8/hsxqHO3dxc2qPbZ9PNkdK4tg4iLEYn0pOUnVByRd2CbA==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.5.2.tgz",
+      "integrity": "sha512-J5zL3riR4AOyU/J3M/i4k/zZ8eP1yT+nTmAKztCXJtnI36jYH0eepvob22mAQ/kLwfsK2TB6dbyVY1F8c/0H5A==",
       "cpu": [
         "ia32"
       ],
@@ -9809,9 +9803,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.4.1.tgz",
-      "integrity": "sha512-eAhItDX9yQtZVM3yvXS/VR3qPqcnXvnLyx1pLXl4JzyNMBNO3KC986t/iAg2zcMzpAp9JSvxB5VZGnBiNoA98w==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.5.2.tgz",
+      "integrity": "sha512-pL0RXRHuuGLhvs7ayX/SAHph1hrDPXOM5anyYUQXWJEENxw3nfHkzv8FfVlEVcLyKPAEgDRkd6RKZq2SMqS/yg==",
       "cpu": [
         "x64"
       ],
@@ -10553,9 +10547,9 @@
       }
     },
     "node_modules/@storybook/builder-webpack4/node_modules/@types/node": {
-      "version": "16.18.61",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.61.tgz",
-      "integrity": "sha512-k0N7BqGhJoJzdh6MuQg1V1ragJiXTh8VUBAZTWjJ9cUq23SG0F0xavOwZbhiP4J3y20xd6jxKx+xNUhkMAi76Q==",
+      "version": "16.18.65",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.65.tgz",
+      "integrity": "sha512-5E9WgTy95B7i90oISjui9U5Zu7iExUPfU4ygtv4yXEy6zJFE3oQYHCnh5H1jZRPkjphJt2Ml3oQW6M0qtK534A==",
       "dev": true
     },
     "node_modules/@storybook/builder-webpack4/node_modules/autoprefixer": {
@@ -11429,9 +11423,9 @@
       }
     },
     "node_modules/@storybook/core-common/node_modules/@types/node": {
-      "version": "16.18.61",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.61.tgz",
-      "integrity": "sha512-k0N7BqGhJoJzdh6MuQg1V1ragJiXTh8VUBAZTWjJ9cUq23SG0F0xavOwZbhiP4J3y20xd6jxKx+xNUhkMAi76Q==",
+      "version": "16.18.65",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.65.tgz",
+      "integrity": "sha512-5E9WgTy95B7i90oISjui9U5Zu7iExUPfU4ygtv4yXEy6zJFE3oQYHCnh5H1jZRPkjphJt2Ml3oQW6M0qtK534A==",
       "dev": true
     },
     "node_modules/@storybook/core-common/node_modules/ansi-styles": {
@@ -11631,9 +11625,9 @@
       }
     },
     "node_modules/@storybook/core-server/node_modules/@types/node": {
-      "version": "16.18.61",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.61.tgz",
-      "integrity": "sha512-k0N7BqGhJoJzdh6MuQg1V1ragJiXTh8VUBAZTWjJ9cUq23SG0F0xavOwZbhiP4J3y20xd6jxKx+xNUhkMAi76Q==",
+      "version": "16.18.65",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.65.tgz",
+      "integrity": "sha512-5E9WgTy95B7i90oISjui9U5Zu7iExUPfU4ygtv4yXEy6zJFE3oQYHCnh5H1jZRPkjphJt2Ml3oQW6M0qtK534A==",
       "dev": true
     },
     "node_modules/@storybook/core-server/node_modules/ansi-styles": {
@@ -12236,9 +12230,9 @@
       }
     },
     "node_modules/@storybook/html/node_modules/@types/node": {
-      "version": "16.18.61",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.61.tgz",
-      "integrity": "sha512-k0N7BqGhJoJzdh6MuQg1V1ragJiXTh8VUBAZTWjJ9cUq23SG0F0xavOwZbhiP4J3y20xd6jxKx+xNUhkMAi76Q==",
+      "version": "16.18.65",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.65.tgz",
+      "integrity": "sha512-5E9WgTy95B7i90oISjui9U5Zu7iExUPfU4ygtv4yXEy6zJFE3oQYHCnh5H1jZRPkjphJt2Ml3oQW6M0qtK534A==",
       "dev": true
     },
     "node_modules/@storybook/instrumenter": {
@@ -12315,9 +12309,9 @@
       }
     },
     "node_modules/@storybook/manager-webpack4/node_modules/@types/node": {
-      "version": "16.18.61",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.61.tgz",
-      "integrity": "sha512-k0N7BqGhJoJzdh6MuQg1V1ragJiXTh8VUBAZTWjJ9cUq23SG0F0xavOwZbhiP4J3y20xd6jxKx+xNUhkMAi76Q==",
+      "version": "16.18.65",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.65.tgz",
+      "integrity": "sha512-5E9WgTy95B7i90oISjui9U5Zu7iExUPfU4ygtv4yXEy6zJFE3oQYHCnh5H1jZRPkjphJt2Ml3oQW6M0qtK534A==",
       "dev": true
     },
     "node_modules/@storybook/manager-webpack4/node_modules/ansi-styles": {
@@ -12927,9 +12921,9 @@
       }
     },
     "node_modules/@testing-library/dom/node_modules/@babel/runtime": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
-      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.4.tgz",
+      "integrity": "sha512-2Yv65nlWnWlSpe3fXEyX5i7fx5kIKo4Qbcj+hMO0odwaneFjfXw5fdum+4yL20O0QiaHpia0cYQ9xpNMqrBwHg==",
       "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
@@ -13258,9 +13252,9 @@
       "dev": true
     },
     "node_modules/@types/babel__core": {
-      "version": "7.20.4",
-      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.4.tgz",
-      "integrity": "sha512-mLnSC22IC4vcWiuObSRjrLd9XcBTGf59vUSoq2jkQDJ/QQ8PMI9rSuzE+aEV8karUMbskw07bKYoUJCKTUaygg==",
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
       "dev": true,
       "dependencies": {
         "@babel/parser": "^7.20.7",
@@ -13348,9 +13342,9 @@
       }
     },
     "node_modules/@types/connect-history-api-fallback": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.3.tgz",
-      "integrity": "sha512-6mfQ6iNvhSKCZJoY6sIG3m0pKkdUcweVNOLuBBKvoWGzl2yRxOJcYOTRyLKt3nxXvBLJWa6QkW//tgbIwJehmA==",
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz",
+      "integrity": "sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==",
       "dev": true,
       "dependencies": {
         "@types/express-serve-static-core": "*",
@@ -13364,9 +13358,9 @@
       "dev": true
     },
     "node_modules/@types/cors": {
-      "version": "2.8.16",
-      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.16.tgz",
-      "integrity": "sha512-Trx5or1Nyg1Fq138PCuWqoApzvoSLWzZ25ORBiHMbbUT42g578lH1GT4TwYDbiUOLFuDsCkfLneT2105fsFWGg==",
+      "version": "2.8.17",
+      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.17.tgz",
+      "integrity": "sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==",
       "dev": true,
       "dependencies": {
         "@types/node": "*"
@@ -13581,9 +13575,9 @@
       "dev": true
     },
     "node_modules/@types/lodash": {
-      "version": "4.14.201",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.201.tgz",
-      "integrity": "sha512-y9euML0cim1JrykNxADLfaG0FgD1g/yTHwUs/Jg9ZIU7WKj2/4IW9Lbb1WZbvck78W/lfGXFfe+u2EGfIJXdLQ==",
+      "version": "4.14.202",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.202.tgz",
+      "integrity": "sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ==",
       "dev": true
     },
     "node_modules/@types/lodash-es": {
@@ -13629,9 +13623,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "18.18.9",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.9.tgz",
-      "integrity": "sha512-0f5klcuImLnG4Qreu9hPj/rEfFq6YRc5n2mAjSsH+ec/mJL+3voBH0+8T7o8RpFjH7ovc+TRsL/c7OYIQsPTfQ==",
+      "version": "18.18.13",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.13.tgz",
+      "integrity": "sha512-vXYZGRrSCreZmq1rEjMRLXJhiy8MrIeVasx+PCVlP414N7CJLHnMf+juVvjdprHyH+XRy3zKZLHeNueOpJCn0g==",
       "dev": true,
       "dependencies": {
         "undici-types": "~5.26.4"
@@ -13648,9 +13642,9 @@
       }
     },
     "node_modules/@types/node-forge": {
-      "version": "1.3.9",
-      "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.9.tgz",
-      "integrity": "sha512-meK88cx/sTalPSLSoCzkiUB4VPIFHmxtXm5FaaqRDqBX2i/Sy8bJ4odsan0b20RBjPh06dAQ+OTTdnyQyhJZyQ==",
+      "version": "1.3.10",
+      "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.10.tgz",
+      "integrity": "sha512-y6PJDYN4xYBxwd22l+OVH35N+1fCYWiuC3aiP2SlXVE6Lo7SS+rSx9r89hLxrP4pn6n1lBGhHJ12pj3F3Mpttw==",
       "dev": true,
       "dependencies": {
         "@types/node": "*"
@@ -13690,9 +13684,9 @@
       "dev": true
     },
     "node_modules/@types/prop-types": {
-      "version": "15.7.10",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.10.tgz",
-      "integrity": "sha512-mxSnDQxPqsZxmeShFH+uwQ4kO4gcJcGahjjMFeLbKE95IAZiiZyiEepGZjtXJ7hN/yfu0bu9xN2ajcU0JcxX6A==",
+      "version": "15.7.11",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz",
+      "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==",
       "dev": true
     },
     "node_modules/@types/qs": {
@@ -13708,9 +13702,9 @@
       "dev": true
     },
     "node_modules/@types/react": {
-      "version": "16.14.51",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-16.14.51.tgz",
-      "integrity": "sha512-4T/wsDXStA5OUGTj6w2INze3ZCz22IwQiWcApgqqNRU2A6vNUIPXpNkjAMUFxx6diYPVkvz+d7gEtU7AZ+0Xqg==",
+      "version": "16.14.52",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-16.14.52.tgz",
+      "integrity": "sha512-4+ZN73hgRW3Gang3QMqWjrqPPkf+lWZYiyG4uXtUbpd+7eiBDw6Gemila6rXDd8DorADupTiIERL6Mb5BQTF2w==",
       "dev": true,
       "dependencies": {
         "@types/prop-types": "*",
@@ -13719,9 +13713,9 @@
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "16.9.22",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-16.9.22.tgz",
-      "integrity": "sha512-x7T/NHsYiKfbIwZDzBTThTF3a3UPNLanOY4wbEe4Hy44hf0tWIZTu8VZJTkB/FKcr4cbfDq0E7y3jSLJh4cpow==",
+      "version": "16.9.24",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-16.9.24.tgz",
+      "integrity": "sha512-Gcmq2JTDheyWn/1eteqyzzWKSqDjYU6KYsIvH7thb7CR5OYInAWOX+7WnKf6PaU/cbdOc4szJItcDEJO7UGmfA==",
       "dev": true,
       "dependencies": {
         "@types/react": "^16"
@@ -13740,9 +13734,9 @@
       "dev": true
     },
     "node_modules/@types/scheduler": {
-      "version": "0.16.6",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.6.tgz",
-      "integrity": "sha512-Vlktnchmkylvc9SnwwwozTv04L/e1NykF5vgoQ0XTmI8DD+wxfjQuHuvHS3p0r2jz2x2ghPs2h1FVeDirIteWA==",
+      "version": "0.16.8",
+      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
+      "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==",
       "dev": true
     },
     "node_modules/@types/semver": {
@@ -13803,9 +13797,9 @@
       "dev": true
     },
     "node_modules/@types/source-list-map": {
-      "version": "0.1.5",
-      "resolved": "https://registry.npmjs.org/@types/source-list-map/-/source-list-map-0.1.5.tgz",
-      "integrity": "sha512-cHBTLeIGIREJx839cDfMLKWao+FaJOlaPz4mnFHXUzShS8sXhzw6irhvIpYvp28TbTmTeAt3v+QgHMANsGbQtA==",
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/@types/source-list-map/-/source-list-map-0.1.6.tgz",
+      "integrity": "sha512-5JcVt1u5HDmlXkwOD2nslZVllBBc7HDuOICfiZah2Z0is8M8g+ddAEawbmd3VjedfDHBzxCaXLs07QEmb7y54g==",
       "dev": true
     },
     "node_modules/@types/stack-utils": {
@@ -13815,15 +13809,15 @@
       "dev": true
     },
     "node_modules/@types/tapable": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/@types/tapable/-/tapable-1.0.11.tgz",
-      "integrity": "sha512-R3ltemSqZ/TKOBeyy+GBfZCLX3AYpxqarIbUMNe7+lxdazJp4iWLFpmjgBeZoRiKrWNImer1oWOlG2sDR6vGaw==",
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/@types/tapable/-/tapable-1.0.12.tgz",
+      "integrity": "sha512-bTHG8fcxEqv1M9+TD14P8ok8hjxoOCkfKc8XXLaaD05kI7ohpeI956jtDOD3XHKBQrlyPughUtzm1jtVhHpA5Q==",
       "dev": true
     },
     "node_modules/@types/trusted-types": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.6.tgz",
-      "integrity": "sha512-HYtNooPvUY9WAVRBr4u+4Qa9fYD1ze2IUlAD3HoA6oehn1taGwBx3Oa52U4mTslTS+GAExKpaFu39Y5xUEwfjg==",
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
       "dev": true
     },
     "node_modules/@types/uglify-js": {
@@ -13842,15 +13836,15 @@
       "dev": true
     },
     "node_modules/@types/urijs": {
-      "version": "1.19.23",
-      "resolved": "https://registry.npmjs.org/@types/urijs/-/urijs-1.19.23.tgz",
-      "integrity": "sha512-3Zbk6RzmIpvKTNEHO2RcPOGHM++BQEITMqBRR1Ju32WbruhV/pygYgxiP3xA0b1B88zjzs0Izzjxsbj768+IjA==",
+      "version": "1.19.25",
+      "resolved": "https://registry.npmjs.org/@types/urijs/-/urijs-1.19.25.tgz",
+      "integrity": "sha512-XOfUup9r3Y06nFAZh3WvO0rBU4OtlfPB/vgxpjg+NRdGU6CN6djdc6OEiH+PcqHCY6eFLo9Ista73uarf4gnBg==",
       "dev": true
     },
     "node_modules/@types/webpack": {
-      "version": "4.41.36",
-      "resolved": "https://registry.npmjs.org/@types/webpack/-/webpack-4.41.36.tgz",
-      "integrity": "sha512-pF+DVW1pMLmgsPXqJr5QimdxIzOhe8oGKB98gdqAm0egKBy1lOLD5mRxbYboMQRkpYcG7BYcpqYblpKyvE7vhQ==",
+      "version": "4.41.38",
+      "resolved": "https://registry.npmjs.org/@types/webpack/-/webpack-4.41.38.tgz",
+      "integrity": "sha512-oOW7E931XJU1mVfCnxCVgv8GLFL768pDO5u2Gzk82i8yTIgX6i7cntyZOkZYb/JtYM8252SN9bQp9tgkVDSsRw==",
       "dev": true,
       "dependencies": {
         "@types/node": "*",
@@ -13888,18 +13882,18 @@
       }
     },
     "node_modules/@types/ws": {
-      "version": "8.5.9",
-      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.9.tgz",
-      "integrity": "sha512-jbdrY0a8lxfdTp/+r7Z4CkycbOFN8WX+IOchLJr3juT/xzbJ8URyTVSJ/hvNdadTgM1mnedb47n+Y31GsFnQlg==",
+      "version": "8.5.10",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.10.tgz",
+      "integrity": "sha512-vmQSUcfalpIq0R9q7uTo2lXs6eGIpt9wtnLdMv9LVpIjCA/+ufZRozlVoVelIYixx1ugCBKDhn89vnsEGOCx9A==",
       "dev": true,
       "dependencies": {
         "@types/node": "*"
       }
     },
     "node_modules/@types/yargs": {
-      "version": "17.0.31",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.31.tgz",
-      "integrity": "sha512-bocYSx4DI8TmdlvxqGpVNXOgCNR1Jj0gNPhhAY+iz1rgKDAaYrAYdFYnhDV1IFuiuVc9HkOwyDcFxaTElF3/wg==",
+      "version": "17.0.32",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.32.tgz",
+      "integrity": "sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog==",
       "dev": true,
       "dependencies": {
         "@types/yargs-parser": "*"
@@ -15638,9 +15632,9 @@
       }
     },
     "node_modules/babel-plugin-macros/node_modules/@babel/runtime": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
-      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.4.tgz",
+      "integrity": "sha512-2Yv65nlWnWlSpe3fXEyX5i7fx5kIKo4Qbcj+hMO0odwaneFjfXw5fdum+4yL20O0QiaHpia0cYQ9xpNMqrBwHg==",
       "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
@@ -15878,9 +15872,9 @@
       }
     },
     "node_modules/big-integer": {
-      "version": "1.6.51",
-      "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.51.tgz",
-      "integrity": "sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==",
+      "version": "1.6.52",
+      "resolved": "https://registry.npmjs.org/big-integer/-/big-integer-1.6.52.tgz",
+      "integrity": "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==",
       "dev": true,
       "engines": {
         "node": ">=0.6"
@@ -18775,9 +18769,9 @@
       }
     },
     "node_modules/core-js": {
-      "version": "3.33.2",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.33.2.tgz",
-      "integrity": "sha512-XeBzWI6QL3nJQiHmdzbAOiMYqjrb7hwU7A39Qhvd/POSa/t9E1AeZyEZx3fNvp/vtM8zXwhoL0FsiS0hD0pruQ==",
+      "version": "3.33.3",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.33.3.tgz",
+      "integrity": "sha512-lo0kOocUlLKmm6kv/FswQL8zbkH7mVsLJ/FULClOhv8WRVmKLVcs6XPNQAzstfeJTCHMyButEwG+z1kHxHoDZw==",
       "dev": true,
       "hasInstallScript": true,
       "funding": {
@@ -18786,9 +18780,9 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.33.2",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.2.tgz",
-      "integrity": "sha512-axfo+wxFVxnqf8RvxTzoAlzW4gRoacrHeoFlc9n0x50+7BEyZL/Rt3hicaED1/CEd7I6tPCPVUYcJwCMO5XUYw==",
+      "version": "3.33.3",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.3.tgz",
+      "integrity": "sha512-cNzGqFsh3Ot+529GIXacjTJ7kegdt5fPXxCBVS1G0iaZpuo/tBz399ymceLJveQhFFZ8qThHiP3fzuoQjKN2ow==",
       "dev": true,
       "dependencies": {
         "browserslist": "^4.22.1"
@@ -19863,9 +19857,9 @@
       }
     },
     "node_modules/date-fns/node_modules/@babel/runtime": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
-      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.4.tgz",
+      "integrity": "sha512-2Yv65nlWnWlSpe3fXEyX5i7fx5kIKo4Qbcj+hMO0odwaneFjfXw5fdum+4yL20O0QiaHpia0cYQ9xpNMqrBwHg==",
       "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
@@ -20838,9 +20832,9 @@
       }
     },
     "node_modules/dom-helpers/node_modules/@babel/runtime": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
-      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.4.tgz",
+      "integrity": "sha512-2Yv65nlWnWlSpe3fXEyX5i7fx5kIKo4Qbcj+hMO0odwaneFjfXw5fdum+4yL20O0QiaHpia0cYQ9xpNMqrBwHg==",
       "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
@@ -21160,9 +21154,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.587",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.587.tgz",
-      "integrity": "sha512-RyJX0q/zOkAoefZhB9XHghGeATVP0Q3mwA253XD/zj2OeXc+JZB9pCaEv6R578JUYaWM9PRhye0kXvd/V1cQ3Q==",
+      "version": "1.4.594",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.594.tgz",
+      "integrity": "sha512-xT1HVAu5xFn7bDfkjGQi9dNpMqGchUkebwf1GL7cZN32NSwwlHRPMSDJ1KN6HkS0bWUtndbSQZqvpQftKG2uFQ==",
       "dev": true
     },
     "node_modules/element-resize-detector": {
@@ -28327,9 +28321,9 @@
       }
     },
     "node_modules/jest-mock/node_modules/@types/yargs": {
-      "version": "16.0.8",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.8.tgz",
-      "integrity": "sha512-1GwLEkmFafeb/HbE6pC7tFlgYSQ4Iqh2qlWCq8xN+Qfaiaxr2PcLfuhfRFRYqI6XJyeFoLYyKnhFbNsst9FMtQ==",
+      "version": "16.0.9",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
+      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
       "dev": true,
       "dependencies": {
         "@types/yargs-parser": "*"
@@ -32818,13 +32812,10 @@
       }
     },
     "node_modules/ng-packagr/node_modules/lru-cache": {
-      "version": "10.0.2",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.0.2.tgz",
-      "integrity": "sha512-Yj9mA8fPiVgOUpByoTZO5pNrcl5Yk37FcSHsUINpAsaBIEZIuqcCclDZJCVxqQShDsmYX8QG63svJiTbOATZwg==",
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz",
+      "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==",
       "dev": true,
-      "dependencies": {
-        "semver": "^7.3.5"
-      },
       "engines": {
         "node": "14 || >=16.14"
       }
@@ -32932,9 +32923,9 @@
       }
     },
     "node_modules/ng-packagr/node_modules/rollup": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.4.1.tgz",
-      "integrity": "sha512-idZzrUpWSblPJX66i+GzrpjKE3vbYrlWirUHteoAbjKReZwa0cohAErOYA5efoMmNCdvG9yrJS+w9Kl6csaH4w==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.5.2.tgz",
+      "integrity": "sha512-CRK1uoROBfkcqrZKyaFcqCcZWNsvJ6yVYZkqTlRocZhO2s5yER6Z3f/QaYtO8RGyloPnmhwgzuPQpNGeK210xQ==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -32944,18 +32935,18 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.4.1",
-        "@rollup/rollup-android-arm64": "4.4.1",
-        "@rollup/rollup-darwin-arm64": "4.4.1",
-        "@rollup/rollup-darwin-x64": "4.4.1",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.4.1",
-        "@rollup/rollup-linux-arm64-gnu": "4.4.1",
-        "@rollup/rollup-linux-arm64-musl": "4.4.1",
-        "@rollup/rollup-linux-x64-gnu": "4.4.1",
-        "@rollup/rollup-linux-x64-musl": "4.4.1",
-        "@rollup/rollup-win32-arm64-msvc": "4.4.1",
-        "@rollup/rollup-win32-ia32-msvc": "4.4.1",
-        "@rollup/rollup-win32-x64-msvc": "4.4.1",
+        "@rollup/rollup-android-arm-eabi": "4.5.2",
+        "@rollup/rollup-android-arm64": "4.5.2",
+        "@rollup/rollup-darwin-arm64": "4.5.2",
+        "@rollup/rollup-darwin-x64": "4.5.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.5.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.5.2",
+        "@rollup/rollup-linux-arm64-musl": "4.5.2",
+        "@rollup/rollup-linux-x64-gnu": "4.5.2",
+        "@rollup/rollup-linux-x64-musl": "4.5.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.5.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.5.2",
+        "@rollup/rollup-win32-x64-msvc": "4.5.2",
         "fsevents": "~2.3.2"
       }
     },
@@ -33093,9 +33084,9 @@
       }
     },
     "node_modules/node-gyp-build": {
-      "version": "4.6.1",
-      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.6.1.tgz",
-      "integrity": "sha512-24vnklJmyRS8ViBNI8KbtK/r/DmXQMRiOMXTNz2nrTnAYUwjmEEbnnpB/+kt+yWRv73bPsSPRFddrcIbAxSiMQ==",
+      "version": "4.7.1",
+      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.7.1.tgz",
+      "integrity": "sha512-wTSrZ+8lsRRa3I3H8Xr65dLWSgCvY2l4AOnaeKdPA9TB/WYMPaTcrzf3rXvFoVvjKNVnu0CcWSx54qq9GKRUYg==",
       "dev": true,
       "bin": {
         "node-gyp-build": "bin.js",
@@ -35661,13 +35652,10 @@
       }
     },
     "node_modules/path-scurry/node_modules/lru-cache": {
-      "version": "10.0.2",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.0.2.tgz",
-      "integrity": "sha512-Yj9mA8fPiVgOUpByoTZO5pNrcl5Yk37FcSHsUINpAsaBIEZIuqcCclDZJCVxqQShDsmYX8QG63svJiTbOATZwg==",
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.1.0.tgz",
+      "integrity": "sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==",
       "dev": true,
-      "dependencies": {
-        "semver": "^7.3.5"
-      },
       "engines": {
         "node": "14 || >=16.14"
       }
@@ -35850,9 +35838,9 @@
       }
     },
     "node_modules/polished/node_modules/@babel/runtime": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
-      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.4.tgz",
+      "integrity": "sha512-2Yv65nlWnWlSpe3fXEyX5i7fx5kIKo4Qbcj+hMO0odwaneFjfXw5fdum+4yL20O0QiaHpia0cYQ9xpNMqrBwHg==",
       "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
@@ -36014,21 +36002,27 @@
       }
     },
     "node_modules/postcss-load-config": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz",
-      "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==",
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
+      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
       "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
       "dependencies": {
-        "lilconfig": "^2.0.5",
-        "yaml": "^2.1.1"
+        "lilconfig": "^3.0.0",
+        "yaml": "^2.3.4"
       },
       "engines": {
         "node": ">= 14"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
       "peerDependencies": {
         "postcss": ">=8.0.9",
         "ts-node": ">=9.0.0"
@@ -36042,6 +36036,15 @@
         }
       }
     },
+    "node_modules/postcss-load-config/node_modules/lilconfig": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.0.0.tgz",
+      "integrity": "sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/postcss-load-config/node_modules/yaml": {
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz",
@@ -37937,9 +37940,9 @@
       }
     },
     "node_modules/regenerator-transform/node_modules/@babel/runtime": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
-      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.4.tgz",
+      "integrity": "sha512-2Yv65nlWnWlSpe3fXEyX5i7fx5kIKo4Qbcj+hMO0odwaneFjfXw5fdum+4yL20O0QiaHpia0cYQ9xpNMqrBwHg==",
       "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
@@ -43983,9 +43986,9 @@
       }
     },
     "node_modules/updtr/node_modules/@babel/runtime": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
-      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.4.tgz",
+      "integrity": "sha512-2Yv65nlWnWlSpe3fXEyX5i7fx5kIKo4Qbcj+hMO0odwaneFjfXw5fdum+4yL20O0QiaHpia0cYQ9xpNMqrBwHg==",
       "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
@@ -44288,9 +44291,9 @@
       "dev": true
     },
     "node_modules/v8-to-istanbul": {
-      "version": "9.1.3",
-      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.1.3.tgz",
-      "integrity": "sha512-9lDD+EVI2fjFsMWXc6dy5JJzBsVTcQ2fVkfBvncZ6xJWG9wtBhOldG+mHkSL0+V1K/xgZz0JDO5UT5hFwHUghg==",
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.2.0.tgz",
+      "integrity": "sha512-/EH/sDgxU2eGxajKdwLCDmQ4FWq+kpi3uCmBGpw1xJtnAxEjlD8j8PEiGWpCIMIs3ciNAgH0d3TTJiUkYzyZjA==",
       "dev": true,
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.12",
@@ -45769,9 +45772,9 @@
       }
     },
     "node_modules/workbox-build/node_modules/@babel/runtime": {
-      "version": "7.23.2",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
-      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
+      "version": "7.23.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.4.tgz",
+      "integrity": "sha512-2Yv65nlWnWlSpe3fXEyX5i7fx5kIKo4Qbcj+hMO0odwaneFjfXw5fdum+4yL20O0QiaHpia0cYQ9xpNMqrBwHg==",
       "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
@@ -46707,7 +46710,7 @@
         "timezone-groups": "0.8.0"
       },
       "devDependencies": {
-        "@esri/calcite-design-tokens": "^1.1.1-next.0",
+        "@esri/calcite-design-tokens": "^1.1.1-next.1",
         "@esri/calcite-ui-icons": "3.25.0",
         "@esri/eslint-plugin-calcite-components": "^1.0.0-rc.1",
         "@stencil-community/eslint-plugin": "0.6.0",
@@ -46767,7 +46770,7 @@
     },
     "packages/calcite-design-tokens": {
       "name": "@esri/calcite-design-tokens",
-      "version": "1.1.1-next.0"
+      "version": "1.1.1-next.1"
     },
     "packages/eslint-plugin-calcite-components": {
       "name": "@esri/eslint-plugin-calcite-components",
@@ -46782,7 +46785,8 @@
     },
     "packages/eslint-plugin-calcite-components/node_modules/@typescript-eslint/parser": {
       "version": "5.62.0",
-      "license": "BSD-2-Clause",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
+      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
       "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "5.62.0",
@@ -46808,7 +46812,8 @@
     },
     "packages/eslint-plugin-calcite-components/node_modules/@typescript-eslint/scope-manager": {
       "version": "5.62.0",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
+      "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
       "peer": true,
       "dependencies": {
         "@typescript-eslint/types": "5.62.0",
@@ -46824,7 +46829,8 @@
     },
     "packages/eslint-plugin-calcite-components/node_modules/@typescript-eslint/types": {
       "version": "5.62.0",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz",
+      "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
       "peer": true,
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
@@ -46836,7 +46842,8 @@
     },
     "packages/eslint-plugin-calcite-components/node_modules/@typescript-eslint/typescript-estree": {
       "version": "5.62.0",
-      "license": "BSD-2-Clause",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
+      "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
       "peer": true,
       "dependencies": {
         "@typescript-eslint/types": "5.62.0",
@@ -46862,7 +46869,8 @@
     },
     "packages/eslint-plugin-calcite-components/node_modules/@typescript-eslint/visitor-keys": {
       "version": "5.62.0",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
+      "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
       "peer": true,
       "dependencies": {
         "@typescript-eslint/types": "5.62.0",
@@ -46878,7 +46886,8 @@
     },
     "packages/eslint-plugin-calcite-components/node_modules/globby": {
       "version": "11.1.0",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
       "peer": true,
       "dependencies": {
         "array-union": "^2.1.0",
@@ -46897,7 +46906,8 @@
     },
     "packages/eslint-plugin-calcite-components/node_modules/stencil-eslint-core": {
       "version": "0.4.1",
-      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/stencil-eslint-core/-/stencil-eslint-core-0.4.1.tgz",
+      "integrity": "sha512-Nep0M+YNzHBK/Y0rzoKP6+VlNp9TkoliWFQBcKb2JRP/lJiPxwlUegs9eXUfzQoJ38AG/Hq8COi8xI5rc/jNJQ==",
       "dependencies": {
         "eslint-utils": "~3.0.0",
         "tsutils": "~3.21.0"
diff --git a/packages/calcite-components/src/components.d.ts b/packages/calcite-components/src/components.d.ts
index 9f148219038..ef67d8fd707 100644
--- a/packages/calcite-components/src/components.d.ts
+++ b/packages/calcite-components/src/components.d.ts
@@ -5,31 +5,12 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
-import {
-  Alignment,
-  Appearance,
-  Columns,
-  FlipContext,
-  Kind,
-  Layout,
-  LogicalFlowPosition,
-  Position,
-  Scale,
-  SelectionMode,
-  Status,
-  Width,
-} from "./components/interfaces";
+import { Alignment, Appearance, Columns, FlipContext, Kind, Layout, LogicalFlowPosition, Position, Scale, SelectionMode, Status, Width } from "./components/interfaces";
 import { RequestedItem } from "./components/accordion/interfaces";
 import { RequestedItem as RequestedItem1 } from "./components/accordion-item/interfaces";
 import { ActionMessages } from "./components/action/assets/action/t9n";
 import { ActionBarMessages } from "./components/action-bar/assets/action-bar/t9n";
-import {
-  EffectivePlacement,
-  LogicalPlacement,
-  MenuPlacement,
-  OverlayPositioning,
-  ReferenceElement,
-} from "./utils/floating-ui";
+import { EffectivePlacement, LogicalPlacement, MenuPlacement, OverlayPositioning, ReferenceElement } from "./utils/floating-ui";
 import { ActionGroupMessages } from "./components/action-group/assets/action-group/t9n";
 import { ActionPadMessages } from "./components/action-pad/assets/action-pad/t9n";
 import { AlertDuration, Sync } from "./components/alert/interfaces";
@@ -46,8 +27,8 @@ import { ChipMessages } from "./components/chip/assets/chip/t9n";
 import { ColorValue, InternalColor } from "./components/color-picker/interfaces";
 import { Format } from "./components/color-picker/utils";
 import { ColorPickerMessages } from "./components/color-picker/assets/color-picker/t9n";
+import { ComboboxChildElement, SelectionDisplay } from "./components/combobox/interfaces";
 import { ComboboxMessages } from "./components/combobox/assets/combobox/t9n";
-import { ComboboxChildElement } from "./components/combobox/interfaces";
 import { DatePickerMessages } from "./components/date-picker/assets/date-picker/t9n";
 import { DateLocaleData } from "./components/date-picker/utils";
 import { HoverRange } from "./utils/date";
@@ -92,11 +73,7 @@ import { DisplayMode as DisplayMode1 } from "./components/shell-panel/interfaces
 import { ShellPanelMessages } from "./components/shell-panel/assets/shell-panel/t9n";
 import { DragDetail } from "./utils/sortableComponent";
 import { StepperMessages } from "./components/stepper/assets/stepper/t9n";
-import {
-  StepperItemChangeEventDetail,
-  StepperItemEventDetail,
-  StepperItemKeyEventDetail,
-} from "./components/stepper/interfaces";
+import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "./components/stepper/interfaces";
 import { StepperItemMessages } from "./components/stepper-item/assets/stepper-item/t9n";
 import { TabID, TabLayout, TabPosition } from "./components/tabs/interfaces";
 import { TabChangeEventDetail, TabCloseEventDetail } from "./components/tab/interfaces";
@@ -113,31 +90,12 @@ import { TipManagerMessages } from "./components/tip-manager/assets/tip-manager/
 import { TreeItemSelectDetail } from "./components/tree-item/interfaces";
 import { ValueListMessages } from "./components/value-list/assets/value-list/t9n";
 import { ListItemAndHandle } from "./components/value-list-item/interfaces";
-export {
-  Alignment,
-  Appearance,
-  Columns,
-  FlipContext,
-  Kind,
-  Layout,
-  LogicalFlowPosition,
-  Position,
-  Scale,
-  SelectionMode,
-  Status,
-  Width,
-} from "./components/interfaces";
+export { Alignment, Appearance, Columns, FlipContext, Kind, Layout, LogicalFlowPosition, Position, Scale, SelectionMode, Status, Width } from "./components/interfaces";
 export { RequestedItem } from "./components/accordion/interfaces";
 export { RequestedItem as RequestedItem1 } from "./components/accordion-item/interfaces";
 export { ActionMessages } from "./components/action/assets/action/t9n";
 export { ActionBarMessages } from "./components/action-bar/assets/action-bar/t9n";
-export {
-  EffectivePlacement,
-  LogicalPlacement,
-  MenuPlacement,
-  OverlayPositioning,
-  ReferenceElement,
-} from "./utils/floating-ui";
+export { EffectivePlacement, LogicalPlacement, MenuPlacement, OverlayPositioning, ReferenceElement } from "./utils/floating-ui";
 export { ActionGroupMessages } from "./components/action-group/assets/action-group/t9n";
 export { ActionPadMessages } from "./components/action-pad/assets/action-pad/t9n";
 export { AlertDuration, Sync } from "./components/alert/interfaces";
@@ -154,8 +112,8 @@ export { ChipMessages } from "./components/chip/assets/chip/t9n";
 export { ColorValue, InternalColor } from "./components/color-picker/interfaces";
 export { Format } from "./components/color-picker/utils";
 export { ColorPickerMessages } from "./components/color-picker/assets/color-picker/t9n";
+export { ComboboxChildElement, SelectionDisplay } from "./components/combobox/interfaces";
 export { ComboboxMessages } from "./components/combobox/assets/combobox/t9n";
-export { ComboboxChildElement } from "./components/combobox/interfaces";
 export { DatePickerMessages } from "./components/date-picker/assets/date-picker/t9n";
 export { DateLocaleData } from "./components/date-picker/utils";
 export { HoverRange } from "./utils/date";
@@ -200,11 +158,7 @@ export { DisplayMode as DisplayMode1 } from "./components/shell-panel/interfaces
 export { ShellPanelMessages } from "./components/shell-panel/assets/shell-panel/t9n";
 export { DragDetail } from "./utils/sortableComponent";
 export { StepperMessages } from "./components/stepper/assets/stepper/t9n";
-export {
-  StepperItemChangeEventDetail,
-  StepperItemEventDetail,
-  StepperItemKeyEventDetail,
-} from "./components/stepper/interfaces";
+export { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "./components/stepper/interfaces";
 export { StepperItemMessages } from "./components/stepper-item/assets/stepper-item/t9n";
 export { TabID, TabLayout, TabPosition } from "./components/tabs/interfaces";
 export { TabChangeEventDetail, TabCloseEventDetail } from "./components/tab/interfaces";
@@ -222,15279 +176,12544 @@ export { TreeItemSelectDetail } from "./components/tree-item/interfaces";
 export { ValueListMessages } from "./components/value-list/assets/value-list/t9n";
 export { ListItemAndHandle } from "./components/value-list-item/interfaces";
 export namespace Components {
-  interface CalciteAccordion {
-    /**
-     * Specifies the appearance of the component.
-     */
-    appearance: Extract<"solid" | "transparent", Appearance>;
-    /**
-     * Specifies the placement of the icon in the header.
-     */
-    iconPosition: Position;
-    /**
-     * Specifies the type of the icon in the header.
-     */
-    iconType: "chevron" | "caret" | "plus-minus";
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Specifies the selection mode - `"multiple"` (allow any number of open items), `"single"` (allow one open item), or `"single-persist"` (allow and require one open item).
-     */
-    selectionMode: Extract<"single" | "single-persist" | "multiple", SelectionMode>;
-  }
-  interface CalciteAccordionItem {
-    /**
-     * The containing `accordion` element.
-     */
-    accordionParent: HTMLCalciteAccordionElement;
-    /**
-     * Specifies a description for the component.
-     */
-    description: string;
-    /**
-     * When `true`, the component is expanded.
-     */
-    expanded: boolean;
-    /**
-     * Specifies heading text for the component.
-     */
-    heading: string;
-    /**
-     * Specifies an icon to display at the end of the component.
-     */
-    iconEnd: string;
-    /**
-     * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: FlipContext;
-    /**
-     * Specifies the placement of the icon in the header inherited from the `calcite-accordion`.
-     */
-    iconPosition: Position;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart: string;
-    /**
-     * Specifies the type of the icon in the header inherited from the `calcite-accordion`.
-     */
-    iconType: "chevron" | "caret" | "plus-minus";
-    /**
-     * Specifies the size of the component inherited from the `calcite-accordion`.
-     */
-    scale: Scale;
-  }
-  interface CalciteAction {
-    /**
-     * When `true`, the component is highlighted.
-     */
-    active: boolean;
-    /**
-     * Specifies the horizontal alignment of button elements with text content.
-     */
-    alignment: Alignment;
-    /**
-     * Specifies the appearance of the component.
-     */
-    appearance: Extract<"solid" | "transparent", Appearance>;
-    /**
-     * When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
-     */
-    compact: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Specifies an icon to display.
-     */
-    icon: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-    /**
-     * When `true`, displays a visual indicator.
-     */
-    indicator: boolean;
-    /**
-     * Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop.
-     */
-    label: string;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<ActionMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: ActionMessages;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies text that accompanies the icon.
-     */
-    text: string;
-    /**
-     * Indicates whether the text is displayed.
-     */
-    textEnabled: boolean;
-  }
-  interface CalciteActionBar {
-    /**
-     * Specifies the accessible label for the last action-group.
-     */
-    actionsEndGroupLabel: string;
-    /**
-     * When `true`, the expand-toggling behavior is disabled.
-     */
-    expandDisabled: boolean;
-    /**
-     * When `true`, the component is expanded.
-     */
-    expanded: boolean;
-    /**
-     * The layout direction of the actions.
-     */
-    layout: Extract<"horizontal" | "vertical", Layout>;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<ActionBarMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: ActionBarMessages;
-    /**
-     * Overflows actions that won't fit into menus.
-     */
-    overflowActions: () => Promise<void>;
-    /**
-     * Disables automatically overflowing `calcite-action`s that won't fit into menus.
-     */
-    overflowActionsDisabled: boolean;
-    /**
-     * Arranges the component depending on the element's `dir` property.
-     */
-    position: Position;
-    /**
-     * Specifies the size of the expand `calcite-action`.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    setFocus: () => Promise<void>;
-  }
-  interface CalciteActionGroup {
-    /**
-     * Indicates number of columns.
-     */
-    columns: Columns;
-    /**
-     * When `true`, the component is expanded.
-     */
-    expanded: boolean;
-    /**
-     * Specifies the label of the component. Required for accessibility.
-     */
-    label: string;
-    /**
-     * Indicates the layout of the component.
-     * @deprecated Use the `layout` property on the component's parent instead.
-     */
-    layout: Layout;
-    /**
-     * When `true`, the `calcite-action-menu` is open.
-     */
-    menuOpen: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<ActionGroupMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: ActionGroupMessages;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning: OverlayPositioning;
-    /**
-     * Specifies the size of the `calcite-action-menu`.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    setFocus: () => Promise<void>;
-  }
-  interface CalciteActionMenu {
-    /**
-     * Specifies the appearance of the component.
-     */
-    appearance: Extract<"solid" | "transparent", Appearance>;
-    /**
-     * When `true`, the component is expanded.
-     */
-    expanded: boolean;
-    /**
-     * Defines the available placements that can be used when a flip occurs.
-     */
-    flipPlacements: EffectivePlacement[];
-    /**
-     * Specifies the text string for the component.
-     */
-    label: string;
-    /**
-     * When `true`, the component is open.
-     */
-    open: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning: OverlayPositioning;
-    /**
-     * Determines where the component will be positioned relative to the `referenceElement`.
-     */
-    placement: LogicalPlacement;
-    /**
-     * Specifies the size of the component's trigger `calcite-action`.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-  }
-  interface CalciteActionPad {
-    /**
-     * Specifies the accessible label for the last action-group.
-     */
-    actionsEndGroupLabel: string;
-    /**
-     * When `true`, the expand-toggling behavior is disabled.
-     */
-    expandDisabled: boolean;
-    /**
-     * When `true`, the component is expanded.
-     */
-    expanded: boolean;
-    /**
-     * Indicates the layout of the component.
-     */
-    layout: Layout;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<ActionPadMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: ActionPadMessages;
-    /**
-     * Arranges the component depending on the element's `dir` property.
-     */
-    position: Position;
-    /**
-     * Specifies the size of the expand `calcite-action`.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    setFocus: () => Promise<void>;
-  }
-  interface CalciteAlert {
-    /**
-     * When `true`, the component closes automatically (recommended for passive, non-blocking alerts).
-     */
-    autoClose: boolean;
-    /**
-     * Specifies the duration before the component automatically closes (only use with `autoClose`).
-     */
-    autoCloseDuration: AlertDuration;
-    /**
-     * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
-     */
-    icon: string | boolean;
+    interface CalciteAccordion {
+        /**
+          * Specifies the appearance of the component.
+         */
+        "appearance": Extract<"solid" | "transparent", Appearance>;
+        /**
+          * Specifies the placement of the icon in the header.
+         */
+        "iconPosition": Position;
+        /**
+          * Specifies the type of the icon in the header.
+         */
+        "iconType": "chevron" | "caret" | "plus-minus";
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Specifies the selection mode - `"multiple"` (allow any number of open items), `"single"` (allow one open item), or `"single-persist"` (allow and require one open item).
+         */
+        "selectionMode": Extract<
+    "single" | "single-persist" | "multiple",
+    SelectionMode
+  >;
+    }
+    interface CalciteAccordionItem {
+        /**
+          * The containing `accordion` element.
+         */
+        "accordionParent": HTMLCalciteAccordionElement;
+        /**
+          * Specifies a description for the component.
+         */
+        "description": string;
+        /**
+          * When `true`, the component is expanded.
+         */
+        "expanded": boolean;
+        /**
+          * Specifies heading text for the component.
+         */
+        "heading": string;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd": string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": FlipContext;
+        /**
+          * Specifies the placement of the icon in the header inherited from the `calcite-accordion`.
+         */
+        "iconPosition": Position;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart": string;
+        /**
+          * Specifies the type of the icon in the header inherited from the `calcite-accordion`.
+         */
+        "iconType": "chevron" | "caret" | "plus-minus";
+        /**
+          * Specifies the size of the component inherited from the `calcite-accordion`.
+         */
+        "scale": Scale;
+    }
+    interface CalciteAction {
+        /**
+          * When `true`, the component is highlighted.
+         */
+        "active": boolean;
+        /**
+          * Specifies the horizontal alignment of button elements with text content.
+         */
+        "alignment": Alignment;
+        /**
+          * Specifies the appearance of the component.
+         */
+        "appearance": Extract<"solid" | "transparent", Appearance>;
+        /**
+          * When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
+         */
+        "compact": boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Specifies an icon to display.
+         */
+        "icon": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * When `true`, displays a visual indicator.
+         */
+        "indicator": boolean;
+        /**
+          * Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop.
+         */
+        "label": string;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading": boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ActionMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ActionMessages;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies text that accompanies the icon.
+         */
+        "text": string;
+        /**
+          * Indicates whether the text is displayed.
+         */
+        "textEnabled": boolean;
+    }
+    interface CalciteActionBar {
+        /**
+          * Specifies the accessible label for the last action-group.
+         */
+        "actionsEndGroupLabel": string;
+        /**
+          * When `true`, the expand-toggling behavior is disabled.
+         */
+        "expandDisabled": boolean;
+        /**
+          * When `true`, the component is expanded.
+         */
+        "expanded": boolean;
+        /**
+          * The layout direction of the actions.
+         */
+        "layout": Extract<"horizontal" | "vertical", Layout>;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ActionBarMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ActionBarMessages;
+        /**
+          * Overflows actions that won't fit into menus.
+         */
+        "overflowActions": () => Promise<void>;
+        /**
+          * Disables automatically overflowing `calcite-action`s that won't fit into menus.
+         */
+        "overflowActionsDisabled": boolean;
+        /**
+          * Arranges the component depending on the element's `dir` property.
+         */
+        "position": Position;
+        /**
+          * Specifies the size of the expand `calcite-action`.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteActionGroup {
+        /**
+          * Indicates number of columns.
+         */
+        "columns": Columns;
+        /**
+          * When `true`, the component is expanded.
+         */
+        "expanded": boolean;
+        /**
+          * Specifies the label of the component. Required for accessibility.
+         */
+        "label": string;
+        /**
+          * Indicates the layout of the component.
+          * @deprecated Use the `layout` property on the component's parent instead.
+         */
+        "layout": Layout;
+        /**
+          * When `true`, the `calcite-action-menu` is open.
+         */
+        "menuOpen": boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ActionGroupMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ActionGroupMessages;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning": OverlayPositioning;
+        /**
+          * Specifies the size of the `calcite-action-menu`.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteActionMenu {
+        /**
+          * Specifies the appearance of the component.
+         */
+        "appearance": Extract<"solid" | "transparent", Appearance>;
+        /**
+          * When `true`, the component is expanded.
+         */
+        "expanded": boolean;
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements": EffectivePlacement[];
+        /**
+          * Specifies the text string for the component.
+         */
+        "label": string;
+        /**
+          * When `true`, the component is open.
+         */
+        "open": boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning": OverlayPositioning;
+        /**
+          * Determines where the component will be positioned relative to the `referenceElement`.
+         */
+        "placement": LogicalPlacement;
+        /**
+          * Specifies the size of the component's trigger `calcite-action`.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteActionPad {
+        /**
+          * Specifies the accessible label for the last action-group.
+         */
+        "actionsEndGroupLabel": string;
+        /**
+          * When `true`, the expand-toggling behavior is disabled.
+         */
+        "expandDisabled": boolean;
+        /**
+          * When `true`, the component is expanded.
+         */
+        "expanded": boolean;
+        /**
+          * Indicates the layout of the component.
+         */
+        "layout": Layout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ActionPadMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ActionPadMessages;
+        /**
+          * Arranges the component depending on the element's `dir` property.
+         */
+        "position": Position;
+        /**
+          * Specifies the size of the expand `calcite-action`.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteAlert {
+        /**
+          * When `true`, the component closes automatically (recommended for passive, non-blocking alerts).
+         */
+        "autoClose": boolean;
+        /**
+          * Specifies the duration before the component automatically closes (only use with `autoClose`).
+         */
+        "autoCloseDuration": AlertDuration;
+        /**
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+         */
+        "icon": string | boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * Specifies the kind of the component (will apply to top border and icon).
+         */
+        "kind": Extract<
+    "brand" | "danger" | "info" | "success" | "warning",
+    Kind
+  >;
+        /**
+          * Specifies an accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<AlertMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": AlertMessages;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem": NumberingSystem;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open": boolean;
+        /**
+          * Specifies the placement of the component
+         */
+        "placement": MenuPlacement;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component's "close" button (the first focusable item).
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
+         */
+        "slottedInShell": boolean;
+    }
+    interface CalciteAvatar {
+        /**
+          * Specifies the full name of the user. When `label` and `thumbnail` are not defined, specifies the accessible name for the component.
+         */
+        "fullName": string;
+        /**
+          * Specifies alternative text when `thumbnail` is defined, otherwise specifies an accessible label.
+         */
+        "label": string;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Specifies the `src` to an image (remember to add a token if the user is private).
+         */
+        "thumbnail": string;
+        /**
+          * Specifies the unique id of the user.
+         */
+        "userId": string;
+        /**
+          * Specifies the username of the user.
+         */
+        "username": string;
+    }
+    interface CalciteBlock {
+        /**
+          * When `true`, the component is collapsible.
+         */
+        "collapsible": boolean;
+        /**
+          * A description for the component, which displays below the heading.
+         */
+        "description": string;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * When `true`, displays a drag handle in the header.
+         */
+        "dragHandle": boolean;
+        /**
+          * The component header text.
+         */
+        "heading": string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel": HeadingLevel;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading": boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<BlockMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": BlockMessages;
+        /**
+          * When `true`, expands the component and its contents.
+         */
+        "open": boolean;
+        /**
+          * Sets focus on the component's first tabbable element.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Displays a status-related indicator icon.
+         */
+        "status": Status;
+    }
+    interface CalciteBlockSection {
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<BlockSectionMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": BlockSectionMessages;
+        /**
+          * When `true`, expands the component and its contents.
+         */
+        "open": boolean;
+        /**
+          * Sets focus on the component's first tabbable element.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Displays a status-related indicator icon.
+         */
+        "status": Status;
+        /**
+          * The component header text.
+         */
+        "text": string;
+        /**
+          * Specifies the component's toggle display -  `"button"` (selectable header), or  `"switch"` (toggle switch).
+         */
+        "toggleDisplay": BlockSectionToggleDisplay;
+    }
+    interface CalciteButton {
+        /**
+          * Specifies the alignment of the component's elements.
+         */
+        "alignment": ButtonAlignment;
+        /**
+          * Specifies the appearance style of the component.
+         */
+        "appearance": Extract<
+    "outline" | "outline-fill" | "solid" | "transparent",
+    Appearance
+  >;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
+         */
+        "href": string;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd": string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart": string;
+        /**
+          * Specifies the kind of the component (will apply to border and background if applicable).
+         */
+        "kind": Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * When `true`, a busy indicator is displayed and interaction is disabled.
+         */
+        "loading": boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ButtonMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ButtonMessages;
+        /**
+          * Specifies the name of the component on form submission.
+         */
+        "name"?: string;
+        /**
+          * Defines the relationship between the `href` value and the current document.
+          * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
+         */
+        "rel": string;
+        /**
+          * When `true`, adds a round style to the component.
+         */
+        "round": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies if the component is a child of a `calcite-split-button`.
+         */
+        "splitChild": "primary" | "secondary" | false;
+        /**
+          * Specifies where to open the linked document defined in the `href` property.
+          * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
+         */
+        "target": string;
+        /**
+          * Specifies the default behavior of the button.
+          * @mdn [type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)
+         */
+        "type": string;
+        /**
+          * Specifies the width of the component.
+         */
+        "width": Width;
+    }
+    interface CalciteCard {
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading": boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<CardMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": CardMessages;
+        /**
+          * When `true`, the component is selectable.
+         */
+        "selectable": boolean;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected": boolean;
+        /**
+          * Sets the placement of the thumbnail defined in the `thumbnail` slot.
+         */
+        "thumbnailPosition": LogicalFlowPosition;
+    }
+    interface CalciteCheckbox {
+        /**
+          * When `true`, the component is checked.
+         */
+        "checked": boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * The `id` attribute of the component. When omitted, a globally unique identifier is used.
+         */
+        "guid": string;
+        /**
+          * The hovered state of the checkbox.
+         */
+        "hovered": boolean;
+        /**
+          * When `true`, the component is initially indeterminate, which is independent from its `checked` value.  The state is visual only, and can look different across browsers.
+          * @mdn [indeterminate](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)
+         */
+        "indeterminate": boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the name of the component on form submission.
+         */
+        "name": string;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The component's value.
+         */
+        "value": any;
+    }
+    interface CalciteChip {
+        /**
+          * Specifies the appearance style of the component.
+         */
+        "appearance": Extract<"outline" | "outline-fill" | "solid", Appearance>;
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable": boolean;
+        /**
+          * When `true`, hides the component.
+         */
+        "closed": boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Specifies an icon to display.
+         */
+        "icon": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * When true, enables the chip to be focused, and allows the `calciteChipSelect` to emit. This is set to `true` by a parent Chip Group component.
+         */
+        "interactive": boolean;
+        /**
+          * Specifies the kind of the component (will apply to border and background if applicable).
+         */
+        "kind": Extract<"brand" | "inverse" | "neutral", Kind>;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ChipMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ChipMessages;
+        /**
+          * Specifies the size of the component. When contained in a parent `calcite-chip-group` inherits the parent's `scale` value.
+         */
+        "scale": Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected": boolean;
+        /**
+          * This internal property, managed by a containing `calcite-chip-group`, is conditionally set based on the `selectionMode` of the parent
+         */
+        "selectionMode": Extract<"multiple" | "single" | "single-persist" | "none", SelectionMode>;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The component's value.
+         */
+        "value": any;
+    }
+    interface CalciteChipGroup {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the size of the component. Child `calcite-chip`s inherit the component's value.
+         */
+        "scale": Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems": HTMLCalciteChipElement[];
+        /**
+          * Specifies the selection mode of the component.
+         */
+        "selectionMode": Extract<
+    "multiple" | "single" | "single-persist" | "none",
+    SelectionMode
+  >;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteColorPicker {
+        /**
+          * When `true`, an empty color (`null`) will be allowed as a `value`. When `false`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`.
+         */
+        "allowEmpty": boolean;
+        /**
+          * When true, the component will allow updates to the color's alpha value.
+         */
+        "alphaChannel": boolean;
+        /**
+          * When true, hides the RGB/HSV channel inputs
+         */
+        "channelsDisabled": boolean;
+        /**
+          * Internal prop for advanced use-cases.
+         */
+        "color": InternalColor | null;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * The format of `value`.  When `"auto"`, the format will be inferred from `value` when set.
+          * @default "auto"
+         */
+        "format": Format;
+        /**
+          * When true, hides the hex input
+         */
+        "hexDisabled": boolean;
+        /**
+          * When `true`, hides the RGB/HSV channel inputs.
+          * @deprecated use `channelsDisabled` instead
+         */
+        "hideChannels": boolean;
+        /**
+          * When `true`, hides the hex input.
+          * @deprecated use `hexDisabled` instead
+         */
+        "hideHex": boolean;
+        /**
+          * When `true`, hides the saved colors section.
+          * @deprecated use `savedDisabled` instead
+         */
+        "hideSaved": boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ColorPickerMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ColorPickerMessages;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem": NumberingSystem;
+        /**
+          * When true, hides the saved colors section
+         */
+        "savedDisabled": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the storage ID for colors.
+         */
+        "storageId": string;
+        /**
+          * The component's value, where the value can be a CSS color string, or a RGB, HSL or HSV object.  The type will be preserved as the color is updated.
+          * @default "#007ac2"
+          * @see [CSS Color](https://developer.mozilla.org/en-US/docs/Web/CSS/color)
+          * @see [ColorValue](https://github.com/Esri/calcite-design-system/blob/main/src/components/color-picker/interfaces.ts#L10)
+         */
+        "value": ColorValue | null;
+    }
+    interface CalciteColorPickerHexInput {
+        /**
+          * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.  When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.
+         */
+        "allowEmpty": boolean;
+        /**
+          * When true, the component will allow updates to the color's alpha value.
+         */
+        "alphaChannel": boolean;
+        /**
+          * Specifies accessible label for the input field.
+          * @deprecated use `messages` instead
+         */
+        "hexLabel": string;
+        /**
+          * Messages are passed by parent component for accessible labels.
+         */
+        "messages": ColorPickerMessages;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The hex value.
+         */
+        "value": string;
+    }
+    interface CalciteColorPickerSwatch {
+        /**
+          * When `true`, the component is active.
+         */
+        "active": boolean;
+        /**
+          * The color value.
+          * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
+         */
+        "color": string | null;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+    }
+    interface CalciteCombobox {
+        /**
+          * When `true`, allows entry of custom values, which are not in the original set of items.
+         */
+        "allowCustomValues": boolean;
+        /**
+          * When `true`, the value-clearing will be disabled.
+         */
+        "clearDisabled": boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Specifies the component's filtered items.
+          * @readonly
+         */
+        "filteredItems": HTMLCalciteComboboxItemElement[];
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements": EffectivePlacement[];
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the maximum number of `calcite-combobox-item`s (including nested children) to display before displaying a scrollbar.
+         */
+        "maxItems": number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ComboboxMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ComboboxMessages;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name": string;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open": boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning": OverlayPositioning;
+        /**
+          * Specifies the placeholder text for the input.
+         */
+        "placeholder": string;
+        /**
+          * Specifies the placeholder icon for the input.
+         */
+        "placeholderIcon": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "placeholderIconFlipRtl": boolean;
+        /**
+          * Updates the position of the component.
+          * @param delayed Reposition the component after a delay
+          * @returns Promise
+         */
+        "reposition": (delayed?: boolean) => Promise<void>;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems": HTMLCalciteComboboxItemElement[];
+        /**
+          * When `selectionMode` is `"ancestors"` or `"multiple"`, specifies the display of multiple `calcite-combobox-item` selections - `"all"` (displays all selections with individual `calcite-chip`s), `"fit"` (displays individual `calcite-chip`s that scale to the component's size, including a non-closable `calcite-chip`, which provides the number of additional `calcite-combobox-item` selections not visually displayed), or `"single"` (display one `calcite-chip` with the total number of selections).
+         */
+        "selectionDisplay": SelectionDisplay;
+        /**
+          * Specifies the selection mode: - "multiple" allows any number of selected items (default), - "single" allows only one selection, - "single-persist" allow and require one open item, - "ancestors" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
+         */
+        "selectionMode": Extract<
+    "single" | "single-persist" | "ancestors" | "multiple",
+    SelectionMode
+  >;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The component's value(s) from the selected `calcite-combobox-item`(s).
+         */
+        "value": string | string[];
+    }
+    interface CalciteComboboxItem {
+        /**
+          * When `true`, the component is active.
+         */
+        "active": boolean;
+        /**
+          * Specifies the parent and grandparent items, which are set on `calcite-combobox`.
+         */
+        "ancestors": ComboboxChildElement[];
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * When `true`, omits the component from the `calcite-combobox` filtered search results.
+         */
+        "filterDisabled": boolean;
+        /**
+          * The `id` attribute of the component. When omitted, a globally unique identifier is used.
+         */
+        "guid": string;
+        /**
+          * Specifies an icon to display.
+         */
+        "icon": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * Specifies the size of the component inherited from the `calcite-combobox`, defaults to `m`.
+         */
+        "scale": Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected": boolean;
+        /**
+          * Specifies the selection mode: - "multiple" allows any number of selected items (default), - "single" allows only one selection, - "single-persist" allow and require one open item, - "ancestors" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
+         */
+        "selectionMode": Extract<
+    "single" | "single-persist" | "ancestors" | "multiple",
+    SelectionMode
+  >;
+        /**
+          * The component's text.
+         */
+        "textLabel": string;
+        /**
+          * The component's value.
+         */
+        "value": any;
+    }
+    interface CalciteComboboxItemGroup {
+        /**
+          * When `true`, signifies that the group comes after another group without any children (items or sub-groups), otherwise indicates that the group comes after another group that has children. Used for styling.
+         */
+        "afterEmptyGroup": boolean;
+        /**
+          * Specifies the parent and grandparent `calcite-combobox-item`s, which are set on `calcite-combobox`.
+         */
+        "ancestors": ComboboxChildElement[];
+        /**
+          * Specifies the title of the component.
+         */
+        "label": string;
+        /**
+          * Specifies the size of the component inherited from the `calcite-combobox`, defaults to `m`.
+         */
+        "scale": Scale;
+    }
+    interface CalciteDatePicker {
+        /**
+          * Specifies the component's active date.
+         */
+        "activeDate": Date;
+        /**
+          * When `range` is true, specifies the active `range`. Where `"start"` specifies the starting range date and `"end"` the ending range date.
+         */
+        "activeRange": "start" | "end";
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel": HeadingLevel;
+        /**
+          * Specifies the latest allowed date (`"yyyy-mm-dd"`).
+         */
+        "max": string;
+        /**
+          * Specifies the latest allowed date as a full date object (`new Date("yyyy-mm-dd")`).
+         */
+        "maxAsDate": Date;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<DatePickerMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": DatePickerMessages;
+        /**
+          * Specifies the earliest allowed date (`"yyyy-mm-dd"`).
+         */
+        "min": string;
+        /**
+          * Specifies the earliest allowed date as a full date object (`new Date("yyyy-mm-dd")`).
+         */
+        "minAsDate": Date;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.
+         */
+        "numberingSystem": NumberingSystem;
+        /**
+          * When `true`, disables the default behavior on the third click of narrowing or extending the range and instead starts a new range.
+         */
+        "proximitySelectionDisabled": boolean;
+        /**
+          * When `true`, activates the component's range mode to allow a start and end date.
+         */
+        "range": boolean;
+        /**
+          * Resets active date state.
+         */
+        "reset": () => Promise<void>;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": "s" | "m" | "l";
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the selected date as a string (`"yyyy-mm-dd"`), or an array of strings for `range` values (`["yyyy-mm-dd", "yyyy-mm-dd"]`).
+         */
+        "value": string | string[];
+        /**
+          * Specifies the selected date as a full date object (`new Date("yyyy-mm-dd")`), or an array containing full date objects (`[new Date("yyyy-mm-dd"), new Date("yyyy-mm-dd")]`).
+         */
+        "valueAsDate": Date | Date[];
+    }
+    interface CalciteDatePickerDay {
+        /**
+          * When `true`, the component is active.
+         */
+        "active": boolean;
+        /**
+          * Date is in the current month.
+         */
+        "currentMonth": boolean;
+        /**
+          * The DateTimeFormat used to provide screen reader labels.
+         */
+        "dateTimeFormat": Intl.DateTimeFormat;
+        /**
+          * Day of the month to be shown.
+         */
+        "day": number;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Date is the end of date range
+         */
+        "endOfRange": boolean;
+        /**
+          * Date is currently highlighted as part of the range
+         */
+        "highlighted": boolean;
+        /**
+          * When `true`, activates the component's range mode to allow a start and end date.
+         */
+        "range": boolean;
+        /**
+          * When `true`, highlight styling for edge dates is applied.
+         */
+        "rangeEdge": "start" | "end" | undefined;
+        /**
+          * Date is being hovered and within the set range
+         */
+        "rangeHover": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected": boolean;
+        /**
+          * Date is the start of date range
+         */
+        "startOfRange": boolean;
+        /**
+          * The component's value.
+         */
+        "value": Date;
+    }
+    interface CalciteDatePickerMonth {
+        /**
+          * Date currently active.
+         */
+        "activeDate": Date;
+        /**
+          * The DateTimeFormat used to provide screen reader labels.
+         */
+        "dateTimeFormat": Intl.DateTimeFormat;
+        /**
+          * End date currently active
+         */
+        "endDate"?: Date;
+        /**
+          * The range of dates currently being hovered
+         */
+        "hoverRange": HoverRange;
+        /**
+          * CLDR locale data for current locale
+         */
+        "localeData": DateLocaleData;
+        /**
+          * Specifies the latest allowed date (`"yyyy-mm-dd"`).
+         */
+        "max": Date;
+        /**
+          * Specifies the earliest allowed date (`"yyyy-mm-dd"`).
+         */
+        "min": Date;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Already selected date.
+         */
+        "selectedDate": Date;
+        /**
+          * Start date currently active.
+         */
+        "startDate"?: Date;
+    }
+    interface CalciteDatePickerMonthHeader {
+        /**
+          * Focused date with indicator (will become selected date if user proceeds)
+         */
+        "activeDate": Date;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel": HeadingLevel;
+        /**
+          * CLDR locale data for translated calendar info
+         */
+        "localeData": DateLocaleData;
+        /**
+          * Specifies the latest allowed date (`"yyyy-mm-dd"`).
+         */
+        "max": Date;
+        /**
+          * This property specifies accessible strings for the component's previous month button ,next month button & year input elements. Made into a prop for testing purposes only.
+          * @readonly
+         */
+        "messages": DatePickerMessages;
+        /**
+          * Specifies the earliest allowed date (`"yyyy-mm-dd"`).
+         */
+        "min": Date;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Already selected date.
+         */
+        "selectedDate": Date;
+    }
+    interface CalciteDropdown {
+        /**
+          * When `true`, the component will remain open after a selection is made.  If the `selectionMode` of the selected `calcite-dropdown-item`'s containing `calcite-dropdown-group` is `"none"`, the component will always close.
+         */
+        "closeOnSelectDisabled": boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements": EffectivePlacement[];
+        /**
+          * Specifies the maximum number of `calcite-dropdown-item`s to display before showing a scroller. Value must be greater than `0`, and does not include `groupTitle`'s from `calcite-dropdown-group`.
+         */
+        "maxItems": number;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open": boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning": OverlayPositioning;
+        /**
+          * Determines where the component will be positioned relative to the container element.
+          * @default "bottom-start"
+         */
+        "placement": MenuPlacement;
+        /**
+          * Updates the position of the component.
+          * @param delayed
+         */
+        "reposition": (delayed?: boolean) => Promise<void>;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems": HTMLCalciteDropdownItemElement[];
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the action to open the component from the container element.
+         */
+        "type": "hover" | "click";
+        /**
+          * Specifies the width of the component.
+         */
+        "widthScale": Scale;
+    }
+    interface CalciteDropdownGroup {
+        /**
+          * Specifies and displays a group title.
+         */
+        "groupTitle": string;
+        /**
+          * Specifies the size of the component inherited from the parent `calcite-dropdown`, defaults to `m`.
+         */
+        "scale": Scale;
+        /**
+          * Specifies the selection mode for `calcite-dropdown-item` children, defaults to `single`: - `multiple` allows any number of selected items, - `single` allows only one selection (default), - `none` doesn't allow for any selection.
+         */
+        "selectionMode": Extract<"none" | "single" | "multiple", SelectionMode>;
+    }
+    interface CalciteDropdownItem {
+        /**
+          * Specifies the URL of the linked resource, which can be set as an absolute or relative path.  Determines if the component will render as an anchor.
+         */
+        "href": string;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd": string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart": string;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the relationship to the linked document defined in `href`.
+         */
+        "rel": string;
+        /**
+          * Specifies the size of the component inherited from `calcite-dropdown`, defaults to `m`.
+         */
+        "scale": Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected": boolean;
+        /**
+          * Specifies the selection mode inherited from `calcite-dropdown-group`, defaults to `single`: - `multiple` allows any number of selected items, - `single` allows only one selection (default), - `none` doesn't allow for any selection.
+         */
+        "selectionMode": Extract<"none" | "single" | "multiple", SelectionMode>;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the frame or window to open the linked document.
+         */
+        "target": string;
+    }
+    interface CalciteFab {
+        /**
+          * Specifies the appearance style of the component.
+         */
+        "appearance": Extract<"solid" | "outline-fill", Appearance>;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Specifies an icon to display.
+          * @default "plus"
+         */
+        "icon": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * Specifies the kind of the component (will apply to border and background).
+         */
+        "kind": Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies text to accompany the component's icon.
+         */
+        "text": string;
+        /**
+          * When `true`, displays the `text` value in the component.
+         */
+        "textEnabled": boolean;
+    }
+    interface CalciteFilter {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Performs a filter on the component.  This method can be useful because filtering is delayed and asynchronous.
+          * @param value - The filter text value.
+          * @returns
+         */
+        "filter": (value?: string) => Promise<void>;
+        /**
+          * The component's resulting items after filtering.
+          * @readonly
+         */
+        "filteredItems": object[];
+        /**
+          * Defines the items to filter. The component uses the values as the starting point, and returns items  that contain the string entered in the input, using a partial match and recursive search.  This property is needed to conduct filtering.
+         */
+        "items": object[];
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<FilterMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": FilterMessages;
+        /**
+          * Specifies placeholder text for the input element.
+         */
+        "placeholder": string;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The component's value.
+         */
+        "value": string;
+    }
+    interface CalciteFlow {
+        /**
+          * Removes the currently active `calcite-flow-item`.
+         */
+        "back": () => Promise<HTMLCalciteFlowItemElement | FlowItemLikeElement>;
+        /**
+          * This property enables the component to consider other custom elements implementing flow-item's interface.
+         */
+        "customItemSelectors": string;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteFlowItem {
+        /**
+          * When provided, the method will be called before it is removed from its parent `calcite-flow`.
+         */
+        "beforeBack": () => Promise<void>;
+        /**
+          * When `true`, displays a close button in the trailing side of the component's header.
+         */
+        "closable": boolean;
+        /**
+          * When `true`, the component will be hidden.
+         */
+        "closed": boolean;
+        /**
+          * Specifies the direction of the collapse.
+         */
+        "collapseDirection": "down" | "up";
+        /**
+          * When `true`, hides the component's content area.
+         */
+        "collapsed": boolean;
+        /**
+          * When `true`, the component is collapsible.
+         */
+        "collapsible": boolean;
+        /**
+          * A description for the component.
+         */
+        "description": string;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * The component header text.
+         */
+        "heading": string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel": HeadingLevel;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading": boolean;
+        /**
+          * When `true`, the action menu items in the `header-menu-actions` slot are open.
+         */
+        "menuOpen": boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<FlowItemMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": FlowItemMessages;
+        /**
+          * Scrolls the component's content to a specified set of coordinates.
+          * @example myCalciteFlowItem.scrollContentTo({   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value). });
+          * @param options - allows specific coordinates to be defined.
+          * @returns - promise that resolves once the content is scrolled to.
+         */
+        "scrollContentTo": (options?: ScrollToOptions) => Promise<void>;
+        /**
+          * Sets focus on the component.
+          * @returns promise.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * When `true`, displays a back button in the component's header.
+         */
+        "showBackButton": boolean;
+    }
+    interface CalciteGraph {
+        /**
+          * Array of values describing a single color stop ([offset, color, opacity]) These color stops should be sorted by offset value
+         */
+        "colorStops": ColorStop[];
+        /**
+          * Array of tuples describing a single data point ([x, y]) These data points should be sorted by x-axis value
+         */
+        "data": DataSeries;
+        /**
+          * End of highlight color if highlighting range
+         */
+        "highlightMax": number;
+        /**
+          * Start of highlight color if highlighting range
+         */
+        "highlightMin": number;
+        /**
+          * Highest point of the range
+         */
+        "max": number;
+        /**
+          * Lowest point of the range
+         */
+        "min": number;
+    }
+    interface CalciteHandle {
+        "activated": boolean;
+        /**
+          * Value for the button title attribute
+         */
+        "dragHandle": string;
+        "label": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<HandleMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": HandleMessages;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        "setPosition": number;
+        "setSize": number;
+    }
+    interface CalciteIcon {
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "flipRtl": boolean;
+        /**
+          * Displays a specific icon.
+          * @see [Icons](https://esri.github.io/calcite-ui-icons)
+         */
+        "icon": string;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Accessible name for the component.  It is recommended to set this value if your icon is semantic.
+         */
+        "textLabel": string;
+    }
+    interface CalciteInlineEditable {
+        /**
+          * Specifies a callback to be executed prior to disabling editing via the controls. When provided, the component's loading state will be handled automatically.
+         */
+        "afterConfirm": () => Promise<void>;
+        /**
+          * When `true` and `editingEnabled` is `true`, displays save and cancel controls on the component.
+         */
+        "controls": boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * When `true`, inline editing is enabled on the component.
+         */
+        "editingEnabled": boolean;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading": boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<InlineEditableMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": InlineEditableMessages;
+        /**
+          * Specifies the size of the component. Defaults to the scale of the wrapped `calcite-input` or the scale of the closest wrapping component with a set scale.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteInput {
+        /**
+          * Specifies a comma separated list of unique file type specifiers for limiting accepted file types. This property only has an effect when `type` is "file". Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+         */
+        "accept": string;
+        /**
+          * Specifies the text alignment of the component's value.
+         */
+        "alignment": Position;
+        /**
+          * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+         */
+        "autocomplete": string;
+        /**
+          * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
+          * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
+         */
+        "autofocus": boolean;
+        /**
+          * When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `"search"`, `"time"`, and `"date"` types, and will not display for the `"textarea"` type.
+         */
+        "clearable": boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+          * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+         */
+        "disabled": boolean;
+        "editingEnabled": boolean;
+        /**
+          * Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+         */
+        "enterKeyHint": string;
+        /**
+          * When `type` is `"file"`, specifies the component's selected files.
+          * @mdn https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/files
+         */
+        "files": FileList | undefined;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator": boolean;
+        /**
+          * When `true`, the component will not be visible.
+          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
+         */
+        "hidden": boolean;
+        /**
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+         */
+        "icon": string | boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
+         */
+        "inputMode": string;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading": boolean;
+        /**
+          * When `true`, uses locale formatting for numbers.
+         */
+        "localeFormat": boolean;
+        /**
+          * Specifies the maximum value for type "number".
+          * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
+         */
+        "max": number;
+        /**
+          * Specifies the maximum length of text for the component's value.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
+         */
+        "maxLength": number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<InputMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": InputMessages;
+        /**
+          * Specifies the minimum value for `type="number"`.
+          * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
+         */
+        "min": number;
+        /**
+          * Specifies the minimum length of text for the component's value.
+          * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
+         */
+        "minLength": number;
+        /**
+          * When `true`, the component can accept more than one value. This property only has an effect when `type` is "email" or "file". Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple)
+         */
+        "multiple": boolean;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
+         */
+        "name": string;
+        /**
+          * Specifies the placement of the buttons for `type="number"`.
+         */
+        "numberButtonType": InputPlacement;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem": NumberingSystem;
+        /**
+          * Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+         */
+        "pattern": string;
+        /**
+          * Specifies placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
+         */
+        "placeholder": string;
+        /**
+          * Adds text to the start of the component.
+         */
+        "prefixText": string;
+        /**
+          * When `true`, the component's value can be read, but cannot be modified.
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly": boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Selects the text of the component's `value`.
+         */
+        "selectText": () => Promise<void>;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status": Status;
+        /**
+          * Specifies the granularity the component's `value` must adhere to.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
+         */
+        "step": number | "any";
+        /**
+          * Adds text to the end of the component.
+         */
+        "suffixText": string;
+        /**
+          * Specifies the component type.  Note that the following `type`s add type-specific icons by default: `"date"`, `"email"`, `"password"`, `"search"`, `"tel"`, `"time"`.
+         */
+        "type": | "color"
+    | "date"
+    | "datetime-local"
+    | "email"
+    | "file"
+    | "image"
+    | "month"
+    | "number"
+    | "password"
+    | "search"
+    | "tel"
+    | "text"
+    | "textarea"
+    | "time"
+    | "url"
+    | "week";
+        /**
+          * The component's value.
+         */
+        "value": string;
+    }
+    interface CalciteInputDatePicker {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements": EffectivePlacement[];
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel": HeadingLevel;
+        /**
+          * Defines the layout of the component.
+         */
+        "layout": "horizontal" | "vertical";
+        /**
+          * Specifies the latest allowed date ("yyyy-mm-dd").
+         */
+        "max": string;
+        /**
+          * Specifies the latest allowed date as a full date object.
+         */
+        "maxAsDate": Date;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<InputDatePickerMessages & DatePickerMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": InputDatePickerMessages;
+        /**
+          * Specifies the earliest allowed date ("yyyy-mm-dd").
+         */
+        "min": string;
+        /**
+          * Specifies the earliest allowed date as a full date object.
+         */
+        "minAsDate": Date;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name": string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.
+         */
+        "numberingSystem": NumberingSystem;
+        /**
+          * When `true`, displays the `calcite-date-picker` component.
+         */
+        "open": boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning": OverlayPositioning;
+        /**
+          * Specifies the placement of the `calcite-date-picker` relative to the component.
+          * @default "bottom-start"
+         */
+        "placement": MenuPlacement;
+        /**
+          * When `true`, disables the default behavior on the third click of narrowing or extending the range. Instead starts a new range.
+         */
+        "proximitySelectionDisabled": boolean;
+        /**
+          * When `true`, activates a range for the component.
+         */
+        "range": boolean;
+        /**
+          * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly": boolean;
+        /**
+          * Updates the position of the component.
+          * @param delayed
+         */
+        "reposition": (delayed?: boolean) => Promise<void>;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": "s" | "m" | "l";
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status": Status;
+        /**
+          * Selected date as a string in ISO format (YYYY-MM-DD)
+         */
+        "value": string | string[];
+        /**
+          * The component's value as a full date object.
+         */
+        "valueAsDate": Date | Date[];
+    }
+    interface CalciteInputMessage {
+        /**
+          * Specifies an icon to display.
+         */
+        "icon": boolean | string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status": Status;
+    }
+    interface CalciteInputNumber {
+        /**
+          * Specifies the text alignment of the component's value.
+         */
+        "alignment": Position;
+        /**
+          * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+         */
+        "autocomplete": string;
+        /**
+          * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
+          * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
+         */
+        "autofocus": boolean;
+        /**
+          * When `true`, a clear button is displayed when the component has a value.
+         */
+        "clearable": boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+          * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+         */
+        "disabled": boolean;
+        "editingEnabled": boolean;
+        /**
+          * Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+         */
+        "enterKeyHint": string;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator": boolean;
+        /**
+          * When `true`, the component will not be visible.
+          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
+         */
+        "hidden": boolean;
+        /**
+          * Specifies an icon to display.
+          * @futureBreaking Remove boolean type as it is not supported.
+         */
+        "icon": string | boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
+         */
+        "inputMode": string;
+        /**
+          * When `true`, restricts the component to integer numbers only and disables exponential notation.
+         */
+        "integer": boolean;
+        /**
+          * Accessible name for the component's button or hyperlink.
+         */
+        "label": string;
+        /**
+          * When `true`, the component is in the loading state and `calcite-progress` is displayed.
+         */
+        "loading": boolean;
+        /**
+          * Toggles locale formatting for numbers.
+         */
+        "localeFormat": boolean;
+        /**
+          * Specifies the maximum value.
+          * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
+         */
+        "max": number;
+        /**
+          * Specifies the maximum length of text for the component's value.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
+         */
+        "maxLength": number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<InputNumberMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": InputNumberMessages;
+        /**
+          * Specifies the minimum value.
+          * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
+         */
+        "min": number;
+        /**
+          * Specifies the minimum length of text for the component's value.
+          * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
+         */
+        "minLength": number;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
+         */
+        "name": string;
+        /**
+          * Specifies the placement of the buttons.
+         */
+        "numberButtonType": InputPlacement;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem": NumberingSystem;
+        /**
+          * Specifies placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
+         */
+        "placeholder": string;
+        /**
+          * Adds text to the start of the component.
+         */
+        "prefixText": string;
+        /**
+          * When `true`, the component's value can be read, but cannot be modified.
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly": boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Selects the text of the component's `value`.
+         */
+        "selectText": () => Promise<void>;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status": Status;
+        /**
+          * Specifies the granularity that the component's value must adhere to.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
+         */
+        "step": number | "any";
+        /**
+          * Adds text to the end of the component.
+         */
+        "suffixText": string;
+        /**
+          * The component's value.
+         */
+        "value": string;
+    }
+    interface CalciteInputText {
+        /**
+          * Specifies the text alignment of the component's value.
+         */
+        "alignment": Position;
+        /**
+          * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+         */
+        "autocomplete": string;
+        /**
+          * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
+          * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
+         */
+        "autofocus": boolean;
+        /**
+          * When `true`, a clear button is displayed when the component has a value.
+         */
+        "clearable": boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+          * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+         */
+        "disabled": boolean;
+        "editingEnabled": boolean;
+        /**
+          * Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+         */
+        "enterKeyHint": string;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * When `true`, the component will not be visible.
+          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
+         */
+        "hidden": boolean;
+        /**
+          * Specifies an icon to display.
+          * @futureBreaking Remove boolean type as it is not supported.
+         */
+        "icon": string | boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
+         */
+        "inputMode": string;
+        /**
+          * Accessible name for the component's button or hyperlink.
+         */
+        "label": string;
+        /**
+          * When `true`, the component is in the loading state and `calcite-progress` is displayed.
+         */
+        "loading": boolean;
+        /**
+          * Specifies the maximum length of text for the component's value.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
+         */
+        "maxLength": number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<InputTextMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": InputTextMessages;
+        /**
+          * Specifies the minimum length of text for the component's value.
+          * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
+         */
+        "minLength": number;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
+         */
+        "name": string;
+        /**
+          * Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+         */
+        "pattern": string;
+        /**
+          * Specifies placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
+         */
+        "placeholder": string;
+        /**
+          * Adds text to the start of the component.
+         */
+        "prefixText": string;
+        /**
+          * When `true`, the component's value can be read, but cannot be modified.
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly": boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Selects the text of the component's `value`.
+         */
+        "selectText": () => Promise<void>;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status": Status;
+        /**
+          * Adds text to the end of the component.
+         */
+        "suffixText": string;
+        /**
+          * The component's value.
+         */
+        "value": string;
+    }
+    interface CalciteInputTimePicker {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<InputTimePickerMessages & TimePickerMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": InputTimePickerMessages;
+        /**
+          * Specifies the name of the component on form submission.
+         */
+        "name": string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem": NumberingSystem;
+        /**
+          * When `true`, displays the `calcite-time-picker` component.
+         */
+        "open": boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning": OverlayPositioning;
+        /**
+          * Determines where the popover will be positioned relative to the input.
+         */
+        "placement": LogicalPlacement;
+        /**
+          * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly": boolean;
+        /**
+          * Updates the position of the component.
+          * @param delayed
+         */
+        "reposition": (delayed?: boolean) => Promise<void>;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status": Status;
+        /**
+          * Specifies the granularity the component's `value` must adhere to (in seconds).
+         */
+        "step": number;
+        /**
+          * The time value in ISO (24-hour) format.
+         */
+        "value": string;
+    }
+    interface CalciteInputTimeZone {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * Specifies the component's maximum number of options to display before displaying a scrollbar.
+         */
+        "maxItems": number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<InputTimeZoneMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": InputTimeZoneMessages;
+        /**
+          * This specifies the type of `value` and the associated options presented to the user:  Using `"offset"` will provide options related
+          * @default "offset"
+         */
+        "mode": TimeZoneMode;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name": string;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open": boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning": OverlayPositioning;
+        /**
+          * This date will be used as a reference to Daylight Savings Time when creating time zone item groups.  It can be either a Date instance or a string in ISO format (YYYY-MM-DD, YYYY-MM-DDTHH:MM:SS.SSSZ)
+          * @see [Date.prototype.toISOString](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)
+         */
+        "referenceDate": Date | string;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        "setFocus": () => Promise<void>;
+        /**
+          * The component's value, where the value is the time zone offset or the difference, in minutes, between the selected time zone and UTC.  If no value is provided, the user's time zone offset will be selected by default.
+          * @see https://www.w3.org/International/core/2005/09/timezone.html#:~:text=What%20is%20a%20%22zone%20offset,or%20%22%2D%22%20from%20UTC.
+         */
+        "value": string;
+    }
+    interface CalciteLabel {
+        /**
+          * Specifies the text alignment of the component.
+         */
+        "alignment": Alignment;
+        /**
+          * Specifies the `id` of the component the label is bound to. Use when the component the label is bound to does not reside within the component.
+         */
+        "for": string;
+        /**
+          * Defines the layout of the label in relation to the component. Use `"inline"` positions to wrap the label and component on the same line.
+         */
+        "layout": "inline" | "inline-space-between" | "default";
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+    }
+    interface CalciteLink {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value: Without a value, the browser will suggest a filename/extension See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download.
+         */
+        "download": string | boolean;
+        /**
+          * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
+         */
+        "href": string;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd": string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart": string;
+        /**
+          * Specifies the relationship to the linked document defined in `href`.
+         */
+        "rel": string;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the frame or window to open the linked document.
+         */
+        "target": string;
+    }
     /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
+     * A general purpose list that enables users to construct list items that conform to Calcite styling.
+     */
+    interface CalciteList {
+        /**
+          * When provided, the method will be called to determine whether the element can  move from the list.
+         */
+        "canPull": (detail: ListDragDetail) => boolean;
+        /**
+          * When provided, the method will be called to determine whether the element can be added from another list.
+         */
+        "canPut": (detail: ListDragDetail) => boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * When `true`, `calcite-list-item`s are sortable via a draggable button.
+         */
+        "dragEnabled": boolean;
+        /**
+          * When `true`, an input appears at the top of the component that can be used by end users to filter `calcite-list-item`s.
+         */
+        "filterEnabled": boolean;
+        /**
+          * Placeholder text for the component's filter input field.
+         */
+        "filterPlaceholder": string;
+        /**
+          * Text for the component's filter input field.
+         */
+        "filterText": string;
+        /**
+          * The currently filtered `calcite-list-item` data.
+          * @readonly
+         */
+        "filteredData": ItemData;
+        /**
+          * The currently filtered `calcite-list-item`s.
+          * @readonly
+         */
+        "filteredItems": HTMLCalciteListItemElement[];
+        /**
+          * The list's group identifier.  To drag elements from one list into another, both lists must have the same group value.
+         */
+        "group"?: string;
+        /**
+          * Specifies an accessible name for the component.
+         */
+        "label": string;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading": boolean;
+        /**
+          * One of the items within the list can be opened.
+         */
+        "openable": boolean;
+        /**
+          * The currently selected items.
+          * @readonly
+         */
+        "selectedItems": HTMLCalciteListItemElement[];
+        /**
+          * Specifies the selection appearance - `"icon"` (displays a checkmark or dot) or `"border"` (displays a border).
+         */
+        "selectionAppearance": SelectionAppearance;
+        /**
+          * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allow one selected item), `"single-persist"` (allow one selected item and prevent de-selection), or `"none"` (no selected items).
+         */
+        "selectionMode": Extract<
+    "none" | "multiple" | "single" | "single-persist",
+    SelectionMode
+  >;
+        /**
+          * Sets focus on the component's first focusable element.
+          * @returns
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteListItem {
+        /**
+          * Sets the item as focusable. Only one item should be focusable within a list.
+         */
+        "active": boolean;
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable": boolean;
+        /**
+          * When `true`, hides the component.
+         */
+        "closed": boolean;
+        /**
+          * A description for the component. Displays below the label text.
+         */
+        "description": string;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * When `true`, the component displays a draggable button.
+         */
+        "dragHandle": boolean;
+        /**
+          * The label text of the component. Displays above the description text.
+         */
+        "label": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ListItemMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ListItemMessages;
+        /**
+          * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.
+         */
+        "metadata": Record<string, unknown>;
+        /**
+          * When `true`, the item is open to show child components.
+         */
+        "open": boolean;
+        /**
+          * When `true` and the parent `calcite-list`'s `selectionMode` is `"single"`, `"single-persist"', or `"multiple"`, the component is selected.
+         */
+        "selected": boolean;
+        /**
+          * Specifies the selection appearance - `"icon"` (displays a checkmark or dot) or `"border"` (displays a border).
+         */
+        "selectionAppearance": SelectionAppearance;
+        /**
+          * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allow one selected item), `"single-persist"` (allow one selected item and prevent de-selection), or `"none"` (no selected items).
+         */
+        "selectionMode": Extract<
+    "none" | "multiple" | "single" | "single-persist",
+    SelectionMode
+  >;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Used to specify the aria-posinset attribute to define the number or position in the current set of list items for accessibility.
+         */
+        "setPosition": number;
+        /**
+          * Used to specify the aria-setsize attribute to define the number of items in the current set of list for accessibility.
+         */
+        "setSize": number;
+        /**
+          * The component's value.
+         */
+        "value": any;
+    }
+    interface CalciteListItemGroup {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * The header text for all nested `calcite-list-item` rows.
+         */
+        "heading": string;
+    }
+    interface CalciteLoader {
+        /**
+          * When `true`, displays smaller and appears to the left of the text.
+         */
+        "inline": boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Text that displays under the component's indicator.
+         */
+        "text": string;
+        /**
+          * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
+         */
+        "type": "indeterminate" | "determinate";
+        /**
+          * The component's value. Valid only for `"determinate"` indicators. Percent complete of 100.
+         */
+        "value": number;
+    }
+    interface CalciteMenu {
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the layout of the component.
+         */
+        "layout": Layout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<MenuMessages>;
+        /**
+          * Made into a prop for testing purposes only.
+         */
+        "messages": MenuMessages;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteMenuItem {
+        /**
+          * When `true`, the component is highlighted.
+         */
+        "active": boolean;
+        /**
+          * When `true`, the component displays a breadcrumb trail for use as a navigational aid.
+         */
+        "breadcrumb": boolean;
+        /**
+          * Specifies the URL destination of the component, which can be set as an absolute or relative path.
+         */
+        "href": string;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd": string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart": string;
+        "isTopLevelItem": boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        "layout": Layout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<MenuItemMessages>;
+        /**
+          * Made into a prop for testing purposes only.
+         */
+        "messages": MenuItemMessages;
+        /**
+          * When `true`, the component will display any slotted `calcite-menu-item` in an open overflow menu.
+         */
+        "open": boolean;
+        /**
+          * Defines the relationship between the `href` value and the current document.
+          * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
+         */
+        "rel": string;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies where to open the linked document defined in the `href` property.
+          * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
+         */
+        "target": string;
+        /**
+          * Specifies the text to display.
+         */
+        "text": string;
+        "topLevelMenuLayout": Layout;
+    }
+    interface CalciteMeter {
+        /**
+          * Specifies the appearance style of the component.
+         */
+        "appearance": Extract<"outline" | "outline-fill" | "solid", Appearance>;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Specifies the component's display, where `"single"` displays a single color and `"range"` displays a range of colors based on provided `low`, `high`, `min` or `max` values.
+         */
+        "fillType": "single" | "range";
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator": boolean;
+        /**
+          * Specifies a high value.  When `fillType` is `"range"`, displays a different color when above the specified threshold.
+         */
+        "high": number;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies a low value.  When `fillType` is `"range"`, displays a different color when above the specified threshold.
+         */
+        "low": number;
+        /**
+          * Specifies the highest allowed value of the component.
+         */
+        "max": number;
+        /**
+          * Specifies the lowest allowed value of the component.
+         */
+        "min": number;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name": string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem": NumberingSystem;
+        /**
+          * When either `rangeLabels` is `true`, specifies the format of displayed labels.
+         */
+        "rangeLabelType": MeterLabelType;
+        /**
+          * When `true`, displays the values of `high`, `low`, `min`, and `max`.
+         */
+        "rangeLabels": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * When `labelType` is `"units"` and either `valueLabel` or `rangeLabels` are `true`, displays beside the `value` and/or  `min` values.
+         */
+        "unitLabel": string;
+        /**
+          * Specifies the current value of the component.
+         */
+        "value": number;
+        /**
+          * When `true`, displays the current value.
+         */
+        "valueLabel": boolean;
+        /**
+          * When either `valueLabel` is `true`, specifies the format of displayed label.
+         */
+        "valueLabelType": MeterLabelType;
+    }
+    interface CalciteModal {
+        /**
+          * Passes a function to run before the component closes.
+         */
+        "beforeClose": (el: HTMLCalciteModalElement) => Promise<void>;
+        /**
+          * When `true`, disables the component's close button.
+         */
+        "closeButtonDisabled": boolean;
+        /**
+          * When `true`, prevents the component from expanding to the entire screen on mobile devices.
+         */
+        "docked": boolean;
+        /**
+          * When `true`, disables the default close on escape behavior.
+         */
+        "escapeDisabled": boolean;
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled": boolean;
+        /**
+          * Sets the component to always be fullscreen (overrides `width` and `--calcite-modal-width` / `--calcite-modal-height`).
+         */
+        "fullscreen": boolean;
+        /**
+          * Specifies the kind of the component (will apply to top border).
+         */
+        "kind": Extract<"brand" | "danger" | "info" | "success" | "warning", Kind>;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ModalMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ModalMessages;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open": boolean;
+        /**
+          * We use an internal property to handle styles for when a modal is actually opened, not just when the open attribute is applied. This is a property because we need to apply styles to the host element and to keep the styles present while beforeClose is.
+         */
+        "opened": boolean;
+        /**
+          * When `true`, disables the closing of the component when clicked outside.
+         */
+        "outsideCloseDisabled": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets the scroll top of the component's content.
+          * @param top
+          * @param left
+         */
+        "scrollContent": (top?: number, left?: number) => Promise<void>;
+        /**
+          * Sets focus on the component's "close" button (the first focusable item).
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
+         */
+        "slottedInShell": boolean;
+        /**
+          * Updates the element(s) that are used within the focus-trap of the component.
+         */
+        "updateFocusTrapElements": () => Promise<void>;
+        /**
+          * Specifies the width of the component.
+         */
+        "widthScale": Scale;
+    }
+    interface CalciteNavigation {
+        /**
+          * When `navigationAction` is `true`, specifies the label of the `calcite-action`.
+         */
+        "label": string;
+        /**
+          * When `true`, displays a `calcite-action` and emits a `calciteNavActionSelect` event on selection change.
+         */
+        "navigationAction": boolean;
+        /**
+          * When `navigation-action` is `true`, sets focus on the component's action element.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteNavigationLogo {
+        /**
+          * When true, the component is highlighted.
+         */
+        "active": boolean;
+        /**
+          * A description for the component, which displays below the `heading`.
+         */
+        "description": string;
+        /**
+          * Specifies heading text for the component, such as a product or organization name.
+         */
+        "heading": string;
+        /**
+          * Specifies the URL destination of the component, which can be set as an absolute or relative path.
+         */
+        "href": string;
+        /**
+          * Specifies an icon to display.
+         */
+        "icon": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * Describes the appearance or function of the `thumbnail`. If no label is provided, context will not be provided to assistive technologies.
+         */
+        "label": string;
+        /**
+          * Defines the relationship between the `href` value and the current document.
+          * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
+         */
+        "rel": string;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies where to open the linked document defined in the `href` property.
+          * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
+         */
+        "target": string;
+        /**
+          * Specifies the `src` to an image.
+         */
+        "thumbnail": string;
+    }
+    interface CalciteNavigationUser {
+        /**
+          * When true, the component is highlighted.
+         */
+        "active": boolean;
+        /**
+          * Specifies the full name of the user.
+         */
+        "fullName": string;
+        /**
+          * Describes the appearance of the avatar. If no label is provided, context will not be provided to assistive technologies.
+         */
+        "label": string;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * When `true`, hides the `fullName` and `username` contents.
+         */
+        "textDisabled": boolean;
+        /**
+          * Specifies the `src` to an image (remember to add a token if the user is private).
+         */
+        "thumbnail": string;
+        /**
+          * Specifies the unique id of the user.
+         */
+        "userId": string;
+        /**
+          * Specifies the username of the user.
+         */
+        "username": string;
+    }
+    interface CalciteNotice {
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable": boolean;
+        /**
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+         */
+        "icon": string | boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * Specifies the kind of the component (will apply to top border and icon).
+         */
+        "kind": Extract<
+    "brand" | "danger" | "info" | "success" | "warning",
+    Kind
+  >;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<NoticeMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": NoticeMessages;
+        /**
+          * When `true`, the component is visible.
+         */
+        "open": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the width of the component.
+         */
+        "width": Width;
+    }
+    interface CalciteOption {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected": boolean;
+        /**
+          * The component's value.
+         */
+        "value": any;
+    }
+    interface CalciteOptionGroup {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+    }
+    interface CalcitePagination {
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator": boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<PaginationMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": PaginationMessages;
+        /**
+          * Go to the next page of results.
+         */
+        "nextPage": () => Promise<void>;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem": NumberingSystem;
+        /**
+          * Specifies the number of items per page.
+         */
+        "pageSize": number;
+        /**
+          * Go to the previous page of results.
+         */
+        "previousPage": () => Promise<void>;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the starting item number.
+         */
+        "startItem": number;
+        /**
+          * Specifies the total number of items.
+         */
+        "totalItems": number;
+    }
+    interface CalcitePanel {
+        /**
+          * When `true`, displays a close button in the trailing side of the header.
+         */
+        "closable": boolean;
+        /**
+          * When `true`, the component will be hidden.
+         */
+        "closed": boolean;
+        /**
+          * Specifies the direction of the collapse.
+         */
+        "collapseDirection": "down" | "up";
+        /**
+          * When `true`, hides the component's content area.
+         */
+        "collapsed": boolean;
+        /**
+          * When `true`, the component is collapsible.
+         */
+        "collapsible": boolean;
+        /**
+          * A description for the component.
+         */
+        "description": string;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * The component header text.
+         */
+        "heading": string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel": HeadingLevel;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading": boolean;
+        /**
+          * When `true`, the action menu items in the `header-menu-actions` slot are open.
+         */
+        "menuOpen": boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<PanelMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": PanelMessages;
+        /**
+          * Scrolls the component's content to a specified set of coordinates.
+          * @example myCalciteFlowItem.scrollContentTo({   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value). });
+          * @param options - allows specific coordinates to be defined.
+          * @returns - promise that resolves once the content is scrolled to.
+         */
+        "scrollContentTo": (options?: ScrollToOptions) => Promise<void>;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+    }
     /**
-     * Specifies the kind of the component (will apply to top border and icon).
-     */
-    kind: Extract<"brand" | "danger" | "info" | "success" | "warning", Kind>;
+     * @deprecated Use the `list` component instead.
+     */
+    interface CalcitePickList {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.
+         */
+        "filterEnabled": boolean;
+        /**
+          * Placeholder text for the filter input field.
+         */
+        "filterPlaceholder": string;
+        /**
+          * Text for the filter input field.
+         */
+        "filterText": string;
+        /**
+          * The currently filtered data.
+          * @readonly
+         */
+        "filteredData": ItemData1;
+        /**
+          * The currently filtered items.
+          * @readonly
+         */
+        "filteredItems": HTMLCalcitePickListItemElement[];
+        /**
+          * Returns the component's selected `calcite-pick-list-item`s.
+         */
+        "getSelectedItems": () => Promise<Map<string, HTMLCalcitePickListItemElement>>;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel": HeadingLevel;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading": boolean;
+        /**
+          * Similar to standard radio buttons and checkboxes. When `true`, a user can select multiple `calcite-pick-list-item`s at a time. When `false`, only a single `calcite-pick-list-item` can be selected at a time, and a new selection will deselect previous selections.
+         */
+        "multiple": boolean;
+        /**
+          * When `true` and single selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
+         */
+        "selectionFollowsFocus": boolean;
+        /**
+          * Sets focus on the component's first focusable element.
+          * @param focusId
+         */
+        "setFocus": (focusId?: ListFocusId) => Promise<void>;
+    }
     /**
-     * Specifies an accessible name for the component.
-     */
-    label: string;
+     * @deprecated Use the `list` component instead.
+     */
+    interface CalcitePickListGroup {
+        /**
+          * Specifies the title for all nested `calcite-pick-list-item`s.
+         */
+        "groupTitle": string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel": HeadingLevel;
+    }
     /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<AlertMessages>;
+     * @deprecated Use the `list` component instead.
+     */
+    interface CalcitePickListItem {
+        /**
+          * A description for the component that displays below the label text.
+         */
+        "description": string;
+        /**
+          * When `false`, the component cannot be deselected by user interaction.
+         */
+        "deselectDisabled": boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Determines the icon SVG symbol that will be shown. Options are `"circle"`, `"square"`, `"grip"` or `null`.
+          * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/main/src/components/pick-list/resources.ts#L5)
+         */
+        "icon": ICON_TYPES | null;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * Label and accessible name for the component. Appears next to the icon.
+         */
+        "label": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<PickListItemMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": PickListItemMessages;
+        /**
+          * Provides additional metadata to the component. Primary use is for a filter on the parent list.
+         */
+        "metadata": Record<string, unknown>;
+        "nonInteractive": boolean;
+        /**
+          * When `true`, displays a remove action that removes the item from the list.
+         */
+        "removable": boolean;
+        /**
+          * When `true`, selects an item. Toggles when an item is checked/unchecked.
+         */
+        "selected": boolean;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Toggles the selection state. By default this won't trigger an event. The first argument allows the value to be coerced, rather than swapping values.
+          * @param coerce
+         */
+        "toggleSelected": (coerce?: boolean) => Promise<void>;
+        /**
+          * The component's value.
+         */
+        "value": any;
+    }
+    interface CalcitePopover {
+        /**
+          * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.
+         */
+        "autoClose": boolean;
+        /**
+          * When `true`, display a close button within the component.
+         */
+        "closable": boolean;
+        /**
+          * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
+         */
+        "flipDisabled": boolean;
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements": EffectivePlacement[];
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled": boolean;
+        /**
+          * The component header text.
+         */
+        "heading": string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel": HeadingLevel;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<PopoverMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": PopoverMessages;
+        /**
+          * Offsets the position of the popover away from the `referenceElement`.
+          * @default 6
+         */
+        "offsetDistance": number;
+        /**
+          * Offsets the position of the component along the `referenceElement`.
+         */
+        "offsetSkidding": number;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open": boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning": OverlayPositioning;
+        /**
+          * Determines where the component will be positioned relative to the `referenceElement`.
+         */
+        "placement": LogicalPlacement;
+        /**
+          * When `true`, removes the caret pointer.
+         */
+        "pointerDisabled": boolean;
+        /**
+          * The `referenceElement` used to position the component according to its `placement` value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.
+         */
+        "referenceElement": ReferenceElement | string;
+        /**
+          * Updates the position of the component.
+          * @param delayed
+         */
+        "reposition": (delayed?: boolean) => Promise<void>;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.  This property can be set to `true` to manage when the component is open.
+         */
+        "triggerDisabled": boolean;
+        /**
+          * Updates the element(s) that are used within the focus-trap of the component.
+         */
+        "updateFocusTrapElements": () => Promise<void>;
+    }
+    interface CalciteProgress {
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * When `true` and for `"indeterminate"` progress bars, reverses the animation direction.
+         */
+        "reversed": boolean;
+        /**
+          * Text that displays under the component's indicator.
+         */
+        "text": string;
+        /**
+          * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
+         */
+        "type": "indeterminate" | "determinate";
+        /**
+          * When `type` is `"determinate"`, the component's progress value with a range of 0.0 - 1.0.
+         */
+        "value": number;
+    }
+    interface CalciteRadioButton {
+        /**
+          * When `true`, the component is checked.
+         */
+        "checked": boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        "emitCheckedChange": () => Promise<void>;
+        /**
+          * The focused state of the component.
+         */
+        "focused": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * The `id` of the component. When omitted, a globally unique identifier is used.
+         */
+        "guid": string;
+        /**
+          * When `true`, the component is not displayed and is not focusable or checkable.
+         */
+        "hidden": boolean;
+        /**
+          * The hovered state of the component.
+         */
+        "hovered": boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label"?: string;
+        /**
+          * Specifies the name of the component. Can be inherited from `calcite-radio-button-group`.  Required to pass the component's `value` on form submission.
+         */
+        "name": string;
+        /**
+          * When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component inherited from the `calcite-radio-button-group`.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The component's value.
+         */
+        "value": any;
+    }
+    interface CalciteRadioButtonGroup {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * When `true`, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable.
+         */
+        "hidden": boolean;
+        /**
+          * Defines the layout of the component.
+         */
+        "layout": Layout;
+        /**
+          * Specifies the name of the component on form submission. Must be unique to other component instances.
+         */
+        "name": string;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Specifies the component's selected item.
+          * @readonly
+         */
+        "selectedItem": HTMLCalciteRadioButtonElement;
+        /**
+          * Sets focus on the fist focusable `calcite-radio-button` element in the component.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteRating {
+        /**
+          * Specifies a cumulative average from previous ratings to display.
+         */
+        "average": number;
+        /**
+          * Specifies the number of previous ratings to display.
+         */
+        "count": number;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<RatingMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": RatingMessages;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name": string;
+        /**
+          * When `true`, the component's value can be read, but cannot be modified.
+         */
+        "readOnly": boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`.
+         */
+        "showChip": boolean;
+        /**
+          * The component's value.
+         */
+        "value": number;
+    }
+    interface CalciteScrim {
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading": boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ScrimMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ScrimMessages;
+    }
+    interface CalciteSegmentedControl {
+        /**
+          * Specifies the appearance style of the component.
+         */
+        "appearance": Extract<"outline" | "outline-fill" | "solid", Appearance>;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * Defines the layout of the component.
+         */
+        "layout": Extract<"horizontal" | "vertical", Layout>;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name": string;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * The component's selected item `HTMLElement`.
+          * @readonly
+         */
+        "selectedItem": HTMLCalciteSegmentedControlItemElement;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The component's `selectedItem` value.
+         */
+        "value": string;
+        /**
+          * Specifies the width of the component.
+         */
+        "width": Extract<"auto" | "full", Width>;
+    }
+    interface CalciteSegmentedControlItem {
+        /**
+          * Specifies the appearance style of the component inherited from parent `calcite-segmented-control`, defaults to `solid`.
+         */
+        "appearance": Extract<"outline" | "outline-fill" | "solid", Appearance>;
+        /**
+          * When `true`, the component is checked.
+         */
+        "checked": boolean;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart": string;
+        /**
+          * Defines the layout of the component inherited from parent `calcite-segmented-control`, defaults to `horizontal`.
+         */
+        "layout": Layout;
+        /**
+          * Specifies the size of the component inherited from the `calcite-segmented-control`, defaults to `m`.
+         */
+        "scale": Scale;
+        /**
+          * The component's value.
+         */
+        "value": any | null;
+    }
+    interface CalciteSelect {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name": string;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * The component's selected option `HTMLElement`.
+          * @readonly
+         */
+        "selectedOption": HTMLCalciteOptionElement;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The component's `selectedOption` value.
+         */
+        "value": string;
+        /**
+          * Specifies the width of the component.
+         */
+        "width": Width;
+    }
+    interface CalciteSheet {
+        /**
+          * Passes a function to run before the component closes.
+          * @returns
+         */
+        "beforeClose": (el: HTMLCalciteSheetElement) => Promise<void>;
+        /**
+          * Specifies the display mode - `"float"` (content is separated detached), or `"overlay"` (displays on top of center content).
+         */
+        "displayMode": DisplayMode;
+        /**
+          * When `true`, disables the default close on escape behavior.
+         */
+        "escapeDisabled": boolean;
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled": boolean;
+        /**
+          * When `position` is `"block-start"` or `"block-end"`, specifies the height of the component.
+         */
+        "heightScale": Scale;
+        /**
+          * Specifies the label of the component.
+         */
+        "label": string;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open": boolean;
+        /**
+          * We use an internal property to handle styles for when a modal is actually opened, not just when the open attribute is applied. This is a property because we need to apply styles to the host element and to keep the styles present while beforeClose is .
+         */
+        "opened": boolean;
+        /**
+          * When `true`, disables the closing of the component when clicked outside.
+         */
+        "outsideCloseDisabled": boolean;
+        /**
+          * Determines where the component will be positioned.
+         */
+        "position": LogicalFlowPosition;
+        /**
+          * Sets focus on the component's "close" button (the first focusable item).
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
+         */
+        "slottedInShell": boolean;
+        /**
+          * Updates the element(s) that are used within the focus-trap of the component.
+         */
+        "updateFocusTrapElements": () => Promise<void>;
+        /**
+          * When `position` is `"inline-start"` or `"inline-end"`, specifies the width of the component.
+         */
+        "widthScale": Scale;
+    }
+    interface CalciteShell {
+        /**
+          * Positions the center content behind any `calcite-shell-panel`s.
+         */
+        "contentBehind": boolean;
+    }
+    interface CalciteShellCenterRow {
+        /**
+          * When `true`, the content area displays like a floating panel.
+         */
+        "detached": boolean;
+        /**
+          * Specifies the maximum height of the component.
+         */
+        "heightScale": Scale;
+        /**
+          * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "position": Position;
+    }
+    interface CalciteShellPanel {
+        /**
+          * When `true`, hides the component's content area.
+         */
+        "collapsed": boolean;
+        /**
+          * When `true`, the content area displays like a floating panel.
+          * @deprecated use `displayMode` instead.
+         */
+        "detached": boolean;
+        /**
+          * When `displayMode` is `float`, specifies the maximum height of the component.
+          * @deprecated use `heightScale` instead.
+         */
+        "detachedHeightScale": Scale;
+        /**
+          * Specifies the display mode - `"dock"` (full height, displays adjacent to center content), `"float"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content), or `"overlay"` (full height, displays on top of center content).
+         */
+        "displayMode": DisplayMode1;
+        /**
+          * When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.
+         */
+        "heightScale": Scale;
+        /**
+          * The direction of the component.
+         */
+        "layout": Extract<"horizontal" | "vertical", Layout>;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ShellPanelMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ShellPanelMessages;
+        /**
+          * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "position": Position;
+        /**
+          * When `true` and `displayMode` is not `float`, the component's content area is resizable.
+         */
+        "resizable": boolean;
+        /**
+          * When `layout` is `vertical`, specifies the width of the component.
+         */
+        "widthScale": Scale;
+    }
+    interface CalciteSlider {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator": boolean;
+        /**
+          * When `true`, indicates a histogram is present.
+         */
+        "hasHistogram": boolean;
+        /**
+          * A list of the histogram's x,y coordinates within the component's `min` and `max`. Displays above the component's track.
+          * @see [DataSeries](https://github.com/Esri/calcite-design-system/blob/main/src/components/graph/interfaces.ts#L5)
+         */
+        "histogram": DataSeries;
+        /**
+          * A set of single color stops for a histogram, sorted by offset ascending.
+         */
+        "histogramStops": ColorStop[];
+        /**
+          * When `true`, displays label handles with their numeric value.
+         */
+        "labelHandles": boolean;
+        /**
+          * When `true` and `ticks` is specified, displays label tick marks with their numeric value.
+         */
+        "labelTicks": boolean;
+        /**
+          * The component's maximum selectable value.
+         */
+        "max": number;
+        /**
+          * For multiple selections, the accessible name for the second handle, such as `"Temperature, upper bound"`.
+         */
+        "maxLabel": string;
+        /**
+          * For multiple selections, the component's upper value.
+         */
+        "maxValue": number;
+        /**
+          * The component's minimum selectable value.
+         */
+        "min": number;
+        /**
+          * Accessible name for first (or only) handle, such as `"Temperature, lower bound"`.
+         */
+        "minLabel": string;
+        /**
+          * For multiple selections, the component's lower value.
+         */
+        "minValue": number;
+        /**
+          * When `true`, the slider will display values from high to low.  Note that this value will be ignored if the slider has an associated histogram.
+         */
+        "mirrored": boolean;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name": string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem": NumberingSystem;
+        /**
+          * Specifies the interval to move with the page up, or page down keys.
+         */
+        "pageStep": number;
+        /**
+          * When `true`, sets a finer point for handles.
+         */
+        "precise": boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * When `true`, enables snap selection in coordination with `step` via a mouse.
+         */
+        "snap": boolean;
+        /**
+          * Specifies the interval to move with the up, or down keys.
+         */
+        "step": number;
+        /**
+          * Displays tick marks on the number line at a specified interval.
+         */
+        "ticks": number;
+        /**
+          * The component's value.
+         */
+        "value": null | number | number[];
+    }
+    interface CalciteSortableList {
+        /**
+          * When provided, the method will be called to determine whether the element can  move from the list.
+         */
+        "canPull": (detail: DragDetail) => boolean;
+        /**
+          * When provided, the method will be called to determine whether the element can be added from another list.
+         */
+        "canPut": (detail: DragDetail) => boolean;
+        /**
+          * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
+         */
+        "disabled": boolean;
+        /**
+          * Specifies which items inside the element should be draggable.
+         */
+        "dragSelector"?: string;
+        /**
+          * The list's group identifier.  To drag elements from one list into another, both lists must have the same group value.
+         */
+        "group"?: string;
+        /**
+          * The selector for the handle elements.
+         */
+        "handleSelector": string;
+        /**
+          * Indicates the horizontal or vertical orientation of the component.
+         */
+        "layout": Layout;
+        /**
+          * When true, content is waiting to be loaded. This state shows a busy indicator.
+         */
+        "loading": boolean;
+    }
+    interface CalciteSplitButton {
+        /**
+          * When `true`, the component is active.
+         */
+        "active": boolean;
+        /**
+          * Specifies the appearance style of the component.
+         */
+        "appearance": Extract<
+    "outline" | "outline-fill" | "solid" | "transparent",
+    Appearance
+  >;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Specifies the icon used for the dropdown menu.
+         */
+        "dropdownIconType": DropdownIconType;
+        /**
+          * Accessible name for the dropdown menu.
+         */
+        "dropdownLabel": string;
+        /**
+          * Specifies the kind of the component (will apply to border and background if applicable).
+         */
+        "kind": Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
+        /**
+          * When `true`, a busy indicator is displayed on the primary button.
+         */
+        "loading": boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning": OverlayPositioning;
+        /**
+          * Specifies an icon to display at the end of the primary button.
+         */
+        "primaryIconEnd": string;
+        /**
+          * Displays the `primaryIconStart` and/or `primaryIconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "primaryIconFlipRtl": FlipContext;
+        /**
+          * Specifies an icon to display at the start of the primary button.
+         */
+        "primaryIconStart": string;
+        /**
+          * Accessible name for the primary button.
+         */
+        "primaryLabel": string;
+        /**
+          * Text displayed in the primary button.
+         */
+        "primaryText": string;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the width of the component.
+         */
+        "width": Width;
+    }
+    interface CalciteStack {
+        /**
+          * When `true`, content interaction is prevented and displayed with lower opacity.
+         */
+        "disabled": boolean;
+    }
+    interface CalciteStepper {
+        /**
+          * Set the last `calcite-stepper-item` as active.
+         */
+        "endStep": () => Promise<void>;
+        /**
+          * Set a specified `calcite-stepper-item` as active.
+          * @param step
+         */
+        "goToStep": (step: number) => Promise<void>;
+        /**
+          * When `true`, displays a status icon in the `calcite-stepper-item` heading.
+         */
+        "icon": boolean;
+        /**
+          * Defines the layout of the component.
+         */
+        "layout": Extract<"horizontal" | "vertical", Layout>;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<StepperMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": StepperMessages;
+        /**
+          * Set the next `calcite-stepper-item` as active.
+         */
+        "nextStep": () => Promise<void>;
+        /**
+          * When `true`, displays the step number in the `calcite-stepper-item` heading.
+         */
+        "numbered": boolean;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Set the previous `calcite-stepper-item` as active.
+         */
+        "prevStep": () => Promise<void>;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Specifies the component's selected item.
+          * @readonly
+         */
+        "selectedItem": HTMLCalciteStepperItemElement;
+        /**
+          * Set the first `calcite-stepper-item` as active.
+         */
+        "startStep": () => Promise<void>;
+    }
+    interface CalciteStepperItem {
+        /**
+          * When `true`, the step has been completed.
+         */
+        "complete": boolean;
+        /**
+          * A description for the component. Displays below the header text.
+         */
+        "description": string;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * When `true`, the component contains an error that requires resolution from the user.
+         */
+        "error": boolean;
+        /**
+          * The component header text.
+         */
+        "heading": string;
+        /**
+          * When `true`, displays a status icon in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.
+         */
+        "icon": boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * Specifies the layout of the `calcite-stepper-item` inherited from parent `calcite-stepper`, defaults to `horizontal`.
+         */
+        "layout": Extract<"horizontal" | "vertical", Layout>;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<StepperItemMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": StepperItemMessages;
+        /**
+          * Specifies if the user is viewing one `stepper-item` at a time. Helps in determining if header region is tabbable.
+         */
+        "multipleViewMode": boolean;
+        /**
+          * When `true`, displays the step number in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.
+         */
+        "numbered": boolean;
+        "numberingSystem": NumberingSystem;
+        /**
+          * Specifies the size of the component inherited from the `calcite-stepper`, defaults to `m`.
+         */
+        "scale": Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected": boolean;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteSwitch {
+        /**
+          * When `true`, the component is checked.
+         */
+        "checked": boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name": string;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The component's value.
+         */
+        "value": any;
+    }
+    interface CalciteTab {
+        /**
+          * Returns the index of the component item within the tab array.
+         */
+        "getTabIndex": () => Promise<number>;
+        /**
+          * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.
+         */
+        "scale": Scale;
+        /**
+          * When `true`, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+         */
+        "selected": boolean;
+        /**
+          * Specifies a unique name for the component.  When specified, use the same value on the `calcite-tab-title`.
+         */
+        "tab": string;
+        /**
+          * @param tabIds
+          * @param titleIds
+         */
+        "updateAriaInfo": (tabIds?: string[], titleIds?: string[]) => Promise<void>;
+    }
+    interface CalciteTabNav {
+        "bordered": boolean;
+        "indicatorOffset": number;
+        "indicatorWidth": number;
+        "layout": TabLayout;
+        /**
+          * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.
+         */
+        "position": TabPosition;
+        /**
+          * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.
+         */
+        "scale": Scale;
+        /**
+          * Specifies the component's selected tab-title.
+          * @readonly
+         */
+        "selectedTitle": HTMLCalciteTabTitleElement;
+        /**
+          * Specifies the name when saving selected `calcite-tab` data to `localStorage`.
+         */
+        "storageId": string;
+        /**
+          * Specifies text to update multiple components to keep in sync if one changes.
+         */
+        "syncId": string;
+    }
+    interface CalciteTabTitle {
+        "bordered": boolean;
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable": boolean;
+        /**
+          * When `true`, does not display or position the component.
+         */
+        "closed": boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        "getTabIdentifier": () => Promise<TabID>;
+        /**
+          * Returns the index of the title within the `calcite-tab-nav`.
+         */
+        "getTabIndex": () => Promise<number>;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd": string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart": string;
+        "layout": TabLayout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TabTitleMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TabTitleMessages;
+        /**
+          * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.
+         */
+        "position": TabPosition;
+        /**
+          * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.
+         */
+        "scale": Scale;
+        /**
+          * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+         */
+        "selected": boolean;
+        /**
+          * Specifies a unique name for the component.  When specified, use the same value on the `calcite-tab`.
+         */
+        "tab": string;
+        /**
+          * @param tabIds
+          * @param titleIds
+         */
+        "updateAriaInfo": (tabIds?: string[], titleIds?: string[]) => Promise<void>;
+    }
+    interface CalciteTable {
+        /**
+          * When `true`, displays borders in the component.
+         */
+        "bordered": boolean;
+        /**
+          * Specifies an accessible title for the component.
+         */
+        "caption": string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator": boolean;
+        /**
+          * Specifies the layout of the component.
+         */
+        "layout": TableLayout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TableMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TableMessages;
+        /**
+          * When `true`, displays the position of the row in numeric form.
+         */
+        "numbered": boolean;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Specifies the page size of the component. When `true`, renders `calcite-pagination`
+         */
+        "pageSize": number;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems": HTMLCalciteTableRowElement[];
+        /**
+          * Specifies the selection mode of the component.
+         */
+        "selectionMode": Extract<"none" | "multiple" | "single", SelectionMode>;
+        /**
+          * When `true`, displays zebra styling in the component.
+         */
+        "zebra": boolean;
+    }
+    interface CalciteTableCell {
+        /**
+          * Specifies the alignment of the component.
+         */
+        "alignment": Alignment;
+        /**
+          * Specifies the number of columns the component should span.
+         */
+        "colSpan": number;
+        /**
+          * When true, prevents user interaction.  Notes:  This prop should use the
+         */
+        "disabled": boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TableCellMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TableCellMessages;
+        "numberCell": boolean;
+        "parentRowIsSelected": boolean;
+        "parentRowPositionLocalized": string;
+        "parentRowType": RowType;
+        "positionInRow": number;
+        "readCellContentsToAT": boolean;
+        /**
+          * Specifies the number of rows the component should span.
+         */
+        "rowSpan": number;
+        "scale": Scale;
+        "selectionCell": boolean;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteTableHeader {
+        /**
+          * Specifies the alignment of the component.
+         */
+        "alignment": Alignment;
+        "bodyRowCount": number;
+        /**
+          * Specifies the number of columns the component should span.
+         */
+        "colSpan": number;
+        /**
+          * A description to display beneath heading content.
+         */
+        "description": string;
+        /**
+          * A heading to display above description content.
+         */
+        "heading": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TableHeaderMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TableHeaderMessages;
+        "numberCell": boolean;
+        "parentRowPosition": number;
+        "parentRowType": RowType;
+        "positionInRow": number;
+        /**
+          * Specifies the number of rows the component should span.
+         */
+        "rowSpan": number;
+        "scale": Scale;
+        "selectedRowCount": number;
+        "selectedRowCountLocalized": string;
+        "selectionCell": boolean;
+        "selectionMode": SelectionMode;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteTableRow {
+        "bodyRowCount": number;
+        "cellCount": number;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        "numbered": boolean;
+        "positionAll": number;
+        "positionSection": number;
+        "positionSectionLocalized": string;
+        "readCellContentsToAT": boolean;
+        "rowType": RowType;
+        "scale": Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected": boolean;
+        "selectedRowCount": number;
+        "selectedRowCountLocalized": string;
+        "selectionMode": Extract<"multiple" | "single" | "none", SelectionMode>;
+    }
+    interface CalciteTabs {
+        /**
+          * When `true`, the component will display with a folder style menu.
+         */
+        "bordered": boolean;
+        /**
+          * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`"inline"`), or across and centered (`"center"`).
+         */
+        "layout": TabLayout;
+        /**
+          * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to the `calcite-tabs`, defaults to `top`.
+         */
+        "position": TabPosition;
+        /**
+          * Specifies the size of the component, defaults to `m`.
+         */
+        "scale": Scale;
+    }
+    interface CalciteTextArea {
+        /**
+          * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
+          * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
+         */
+        "autofocus": boolean;
+        /**
+          * Specifies the component's number of columns.
+          * @mdn [cols](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols)
+         */
+        "columns": number;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+          * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+         */
+        "disabled": boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form": string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator": boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the maximum number of characters allowed.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-maxlength)
+         */
+        "maxLength": number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TextAreaMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TextAreaMessages;
+        /**
+          * Specifies the name of the component.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-name)
+         */
+        "name": string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem": NumberingSystem;
+        /**
+          * Specifies the placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-placeholder)
+         */
+        "placeholder": string;
+        /**
+          * When `true`, the component's `value` can be read, but cannot be modified.
+          * @readonly 
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly": boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+          * @mdn [required]https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required
+         */
+        "required": boolean;
+        /**
+          * Specifies if the component is resizable.
+         */
+        "resize": "both" | "horizontal" | "vertical" | "none";
+        /**
+          * Specifies the component's number of rows.
+          * @mdn [rows](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows)
+         */
+        "rows": number;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": "l" | "m" | "s";
+        /**
+          * Selects the text of the component's `value`.
+         */
+        "selectText": () => Promise<void>;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The component's value.
+         */
+        "value": string;
+        /**
+          * Specifies the wrapping mechanism for the text.
+          * @mdn [wrap](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-wrap)
+         */
+        "wrap": "soft" | "hard";
+    }
+    interface CalciteTile {
+        /**
+          * When `true`, the component is active.
+         */
+        "active": boolean;
+        /**
+          * A description for the component, which displays below the heading.
+         */
+        "description": string;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * The component's embed mode.  When `true`, renders without a border and padding for use by other components.
+         */
+        "embed": boolean;
+        /**
+          * The focused state of the component.
+         */
+        "focused": boolean;
+        /**
+          * The component header text, which displays between the icon and description.
+         */
+        "heading": string;
+        /**
+          * When `true`, the component is not displayed and is not focusable.
+         */
+        "hidden": boolean;
+        /**
+          * When embed is `"false"`, the URL for the component.
+         */
+        "href": string;
+        /**
+          * Specifies an icon to display.
+         */
+        "icon": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+    }
+    interface CalciteTileSelect {
+        /**
+          * When `true`, the component is checked.
+         */
+        "checked": boolean;
+        /**
+          * A description for the component, which displays below the heading.
+         */
+        "description": string;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * The component header text, which displays between the icon and description.
+         */
+        "heading": string;
+        /**
+          * When `true`, the component is not displayed and is not focusable or checkable.
+         */
+        "hidden": boolean;
+        /**
+          * Specifies an icon to display.
+         */
+        "icon": string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * When `inputEnabled` is `true`, specifies the placement of the interactive input on the component.
+         */
+        "inputAlignment": Extract<"end" | "start", Alignment>;
+        /**
+          * When `true`, displays an interactive input based on the `type` property.
+         */
+        "inputEnabled": boolean;
+        /**
+          * Specifies the name of the component on form submission.
+         */
+        "name": any;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * The selection mode of the component.  Use radio for single selection, and checkbox for multiple selections.
+         */
+        "type": TileSelectType;
+        /**
+          * The component's value.
+         */
+        "value": any;
+        /**
+          * Specifies the width of the component.
+         */
+        "width": Extract<"auto" | "full", Width>;
+    }
+    interface CalciteTileSelectGroup {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * Defines the layout of the component.  Use `"horizontal"` for rows, and `"vertical"` for a single column.
+         */
+        "layout": TileSelectGroupLayout;
+    }
+    interface CalciteTimePicker {
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TimePickerMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TimePickerMessages;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem": NumberingSystem;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies the granularity the `value` must adhere to (in seconds).
+         */
+        "step": number;
+        /**
+          * The component's value in UTC (always 24-hour format).
+         */
+        "value": string;
+    }
+    interface CalciteTip {
+        /**
+          * When `true`, the close button is not present on the component.
+         */
+        "closeDisabled": boolean;
+        /**
+          * When `true`, the component does not display.
+         */
+        "closed": boolean;
+        /**
+          * The component header text.
+         */
+        "heading": string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel": HeadingLevel;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TipMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TipMessages;
+        /**
+          * When `true`, the component is selected if it has a parent `calcite-tip-manager`.  Only one tip can be selected within the `calcite-tip-manager` parent.
+         */
+        "selected": boolean;
+    }
+    interface CalciteTipGroup {
+        /**
+          * The component header text for all nested `calcite-tip`s.
+         */
+        "groupTitle": string;
+    }
+    interface CalciteTipManager {
+        /**
+          * When `true`, does not display or position the component.
+         */
+        "closed": boolean;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel": HeadingLevel;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TipManagerMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TipManagerMessages;
+        /**
+          * Selects the next `calcite-tip` to display.
+         */
+        "nextTip": () => Promise<void>;
+        /**
+          * Selects the previous `calcite-tip` to display.
+         */
+        "previousTip": () => Promise<void>;
+    }
+    interface CalciteTooltip {
+        /**
+          * Closes the component when the `referenceElement` is clicked.
+         */
+        "closeOnClick": boolean;
+        /**
+          * Accessible name for the component.
+          * @deprecated No longer necessary. Overrides the context of the component's description, which could confuse assistive technology users.
+         */
+        "label": string;
+        /**
+          * Offset the position of the component away from the `referenceElement`.
+          * @default 6
+         */
+        "offsetDistance": number;
+        /**
+          * Offset the position of the component along the `referenceElement`.
+         */
+        "offsetSkidding": number;
+        /**
+          * When `true`, the component is open.
+         */
+        "open": boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  The `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning": OverlayPositioning;
+        /**
+          * Determines where the component will be positioned relative to the `referenceElement`.
+         */
+        "placement": LogicalPlacement;
+        /**
+          * The `referenceElement` to position the component according to its `"placement"` value.  Setting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`.  However, a string ID of the reference element can be used.
+         */
+        "referenceElement": ReferenceElement | string;
+        /**
+          * Updates the position of the component.
+          * @param delayed
+         */
+        "reposition": (delayed?: boolean) => Promise<void>;
+    }
+    interface CalciteTree {
+        "child": boolean;
+        /**
+          * Displays indentation guide lines.
+         */
+        "lines": boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems": HTMLCalciteTreeItemElement[];
+        /**
+          * Specifies the selection mode, where `"ancestors"` displays with a checkbox and allows any number of selections from corresponding parent and child selections, `"children"` allows any number of selections from one parent from corresponding parent and child selections, `"multichildren"` allows any number of selections from corresponding parent and child selections, `"multiple"` allows any number of selections, `"none"` allows no selections, `"single"` allows one selection, and `"single-persist"` allows and requires one selection.
+          * @default "single"
+         */
+        "selectionMode": SelectionMode;
+    }
+    interface CalciteTreeItem {
+        "depth": number;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * When `true`, the component is expanded.
+         */
+        "expanded": boolean;
+        "hasChildren": boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart": string;
+        /**
+          * In ancestor selection mode, show as indeterminate when only some children are selected.
+         */
+        "indeterminate": boolean;
+        "lines": boolean;
+        "parentExpanded": boolean;
+        "scale": Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected": boolean;
+        "selectionMode": SelectionMode;
+    }
     /**
-     * Made into a prop for testing purposes only
-     */
-    messages: AlertMessages;
+     * @deprecated Use the `list` component instead.
+     */
+    interface CalciteValueList {
+        /**
+          * When provided, the method will be called to determine whether the element can  move from the list.
+         */
+        "canPull": (detail: DragDetail) => boolean;
+        /**
+          * When provided, the method will be called to determine whether the element can be added from another list.
+         */
+        "canPut": (detail: DragDetail) => boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        /**
+          * When `true`, `calcite-value-list-item`s are sortable via a draggable button.
+         */
+        "dragEnabled": boolean;
+        /**
+          * When `true`, an input appears at the top of the component that can be used by end users to filter list items.
+         */
+        "filterEnabled": boolean;
+        /**
+          * Placeholder text for the filter's input field.
+         */
+        "filterPlaceholder": string;
+        /**
+          * Text for the filter input field.
+         */
+        "filterText": string;
+        /**
+          * The currently filtered data.
+          * @readonly
+         */
+        "filteredData": ItemData1;
+        /**
+          * The currently filtered items.
+          * @readonly
+         */
+        "filteredItems": HTMLCalciteValueListItemElement[];
+        /**
+          * Returns the currently selected items
+         */
+        "getSelectedItems": () => Promise<Map<string, HTMLCalciteValueListItemElement>>;
+        /**
+          * The component's group identifier.  To drag elements from one list into another, both lists must have the same group value.
+         */
+        "group"?: string;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading": boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<ValueListMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": ValueListMessages;
+        /**
+          * Similar to standard radio buttons and checkboxes. When `true`, a user can select multiple `calcite-value-list-item`s at a time. When `false`, only a single `calcite-value-list-item` can be selected at a time, and a new selection will deselect previous selections.
+         */
+        "multiple": boolean;
+        /**
+          * When `true` and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
+         */
+        "selectionFollowsFocus": boolean;
+        /**
+          * Sets focus on the component's first focusable element.
+          * @param focusId
+         */
+        "setFocus": (focusId?: ListFocusId) => Promise<void>;
+    }
     /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem: NumberingSystem;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    open: boolean;
-    /**
-     * Specifies the placement of the component
-     */
-    placement: MenuPlacement;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component's "close" button (the first focusable item).
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
-     */
-    slottedInShell: boolean;
-  }
-  interface CalciteAvatar {
-    /**
-     * Specifies the full name of the user. When `label` and `thumbnail` are not defined, specifies the accessible name for the component.
-     */
-    fullName: string;
-    /**
-     * Specifies alternative text when `thumbnail` is defined, otherwise specifies an accessible label.
-     */
-    label: string;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Specifies the `src` to an image (remember to add a token if the user is private).
-     */
-    thumbnail: string;
-    /**
-     * Specifies the unique id of the user.
-     */
-    userId: string;
-    /**
-     * Specifies the username of the user.
-     */
-    username: string;
-  }
-  interface CalciteBlock {
-    /**
-     * When `true`, the component is collapsible.
-     */
-    collapsible: boolean;
-    /**
-     * A description for the component, which displays below the heading.
-     */
-    description: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * When `true`, displays a drag handle in the header.
-     */
-    dragHandle: boolean;
-    /**
-     * The component header text.
-     */
-    heading: string;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel: HeadingLevel;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<BlockMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: BlockMessages;
-    /**
-     * When `true`, expands the component and its contents.
-     */
-    open: boolean;
-    /**
-     * Sets focus on the component's first tabbable element.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Displays a status-related indicator icon.
-     */
-    status: Status;
-  }
-  interface CalciteBlockSection {
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<BlockSectionMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: BlockSectionMessages;
-    /**
-     * When `true`, expands the component and its contents.
-     */
-    open: boolean;
-    /**
-     * Sets focus on the component's first tabbable element.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Displays a status-related indicator icon.
-     */
-    status: Status;
-    /**
-     * The component header text.
-     */
-    text: string;
-    /**
-     * Specifies the component's toggle display -  `"button"` (selectable header), or  `"switch"` (toggle switch).
-     */
-    toggleDisplay: BlockSectionToggleDisplay;
-  }
-  interface CalciteButton {
-    /**
-     * Specifies the alignment of the component's elements.
-     */
-    alignment: ButtonAlignment;
-    /**
-     * Specifies the appearance style of the component.
-     */
-    appearance: Extract<"outline" | "outline-fill" | "solid" | "transparent", Appearance>;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
-     */
-    href: string;
-    /**
-     * Specifies an icon to display at the end of the component.
-     */
-    iconEnd: string;
-    /**
-     * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: FlipContext;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart: string;
-    /**
-     * Specifies the kind of the component (will apply to border and background if applicable).
-     */
-    kind: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * When `true`, a busy indicator is displayed and interaction is disabled.
-     */
-    loading: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<ButtonMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: ButtonMessages;
-    /**
-     * Specifies the name of the component on form submission.
-     */
-    name?: string;
-    /**
-     * Defines the relationship between the `href` value and the current document.
-     * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
-     */
-    rel: string;
-    /**
-     * When `true`, adds a round style to the component.
-     */
-    round: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies if the component is a child of a `calcite-split-button`.
-     */
-    splitChild: "primary" | "secondary" | false;
-    /**
-     * Specifies where to open the linked document defined in the `href` property.
-     * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
-     */
-    target: string;
-    /**
-     * Specifies the default behavior of the button.
-     * @mdn [type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)
-     */
-    type: string;
-    /**
-     * Specifies the width of the component.
-     */
-    width: Width;
-  }
-  interface CalciteCard {
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<CardMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: CardMessages;
-    /**
-     * When `true`, the component is selectable.
-     */
-    selectable: boolean;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected: boolean;
-    /**
-     * Sets the placement of the thumbnail defined in the `thumbnail` slot.
-     */
-    thumbnailPosition: LogicalFlowPosition;
-  }
-  interface CalciteCheckbox {
-    /**
-     * When `true`, the component is checked.
-     */
-    checked: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * The `id` attribute of the component. When omitted, a globally unique identifier is used.
-     */
-    guid: string;
-    /**
-     * The hovered state of the checkbox.
-     */
-    hovered: boolean;
-    /**
-     * When `true`, the component is initially indeterminate, which is independent from its `checked` value.  The state is visual only, and can look different across browsers.
-     * @mdn [indeterminate](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)
-     */
-    indeterminate: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Specifies the name of the component on form submission.
-     */
-    name: string;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * The component's value.
-     */
-    value: any;
-  }
-  interface CalciteChip {
-    /**
-     * Specifies the appearance style of the component.
-     */
-    appearance: Extract<"outline" | "outline-fill" | "solid", Appearance>;
-    /**
-     * When `true`, a close button is added to the component.
-     */
-    closable: boolean;
-    /**
-     * When `true`, hides the component.
-     */
-    closed: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Specifies an icon to display.
-     */
-    icon: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-    /**
-     * When true, enables the chip to be focused, and allows the `calciteChipSelect` to emit. This is set to `true` by a parent Chip Group component.
-     */
-    interactive: boolean;
-    /**
-     * Specifies the kind of the component (will apply to border and background if applicable).
-     */
-    kind: Extract<"brand" | "inverse" | "neutral", Kind>;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<ChipMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: ChipMessages;
-    /**
-     * Specifies the size of the component. When contained in a parent `calcite-chip-group` inherits the parent's `scale` value.
-     */
-    scale: Scale;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected: boolean;
-    /**
-     * This internal property, managed by a containing `calcite-chip-group`, is conditionally set based on the `selectionMode` of the parent
-     */
-    selectionMode: Extract<"multiple" | "single" | "single-persist" | "none", SelectionMode>;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * The component's value.
-     */
-    value: any;
-  }
-  interface CalciteChipGroup {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Specifies the size of the component. Child `calcite-chip`s inherit the component's value.
-     */
-    scale: Scale;
-    /**
-     * Specifies the component's selected items.
-     * @readonly
-     */
-    selectedItems: HTMLCalciteChipElement[];
-    /**
-     * Specifies the selection mode of the component.
-     */
-    selectionMode: Extract<"multiple" | "single" | "single-persist" | "none", SelectionMode>;
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    setFocus: () => Promise<void>;
-  }
-  interface CalciteColorPicker {
-    /**
-     * When `true`, an empty color (`null`) will be allowed as a `value`. When `false`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`.
-     */
-    allowEmpty: boolean;
-    /**
-     * When true, the component will allow updates to the color's alpha value.
-     */
-    alphaChannel: boolean;
-    /**
-     * When true, hides the RGB/HSV channel inputs
-     */
-    channelsDisabled: boolean;
-    /**
-     * Internal prop for advanced use-cases.
-     */
-    color: InternalColor | null;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * The format of `value`.  When `"auto"`, the format will be inferred from `value` when set.
-     * @default "auto"
-     */
-    format: Format;
-    /**
-     * When true, hides the hex input
-     */
-    hexDisabled: boolean;
-    /**
-     * When `true`, hides the RGB/HSV channel inputs.
-     * @deprecated use `channelsDisabled` instead
-     */
-    hideChannels: boolean;
-    /**
-     * When `true`, hides the hex input.
-     * @deprecated use `hexDisabled` instead
-     */
-    hideHex: boolean;
-    /**
-     * When `true`, hides the saved colors section.
-     * @deprecated use `savedDisabled` instead
-     */
-    hideSaved: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<ColorPickerMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: ColorPickerMessages;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem: NumberingSystem;
-    /**
-     * When true, hides the saved colors section
-     */
-    savedDisabled: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies the storage ID for colors.
-     */
-    storageId: string;
-    /**
-     * The component's value, where the value can be a CSS color string, or a RGB, HSL or HSV object.  The type will be preserved as the color is updated.
-     * @default "#007ac2"
-     * @see [CSS Color](https://developer.mozilla.org/en-US/docs/Web/CSS/color)
-     * @see [ColorValue](https://github.com/Esri/calcite-design-system/blob/main/src/components/color-picker/interfaces.ts#L10)
-     */
-    value: ColorValue | null;
-  }
-  interface CalciteColorPickerHexInput {
-    /**
-     * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.  When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.
-     */
-    allowEmpty: boolean;
-    /**
-     * When true, the component will allow updates to the color's alpha value.
-     */
-    alphaChannel: boolean;
-    /**
-     * Specifies accessible label for the input field.
-     * @deprecated use `messages` instead
-     */
-    hexLabel: string;
-    /**
-     * Messages are passed by parent component for accessible labels.
-     */
-    messages: ColorPickerMessages;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * The hex value.
-     */
-    value: string;
-  }
-  interface CalciteColorPickerSwatch {
-    /**
-     * When `true`, the component is active.
-     */
-    active: boolean;
-    /**
-     * The color value.
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
-     */
-    color: string | null;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-  }
-  interface CalciteCombobox {
-    /**
-     * When `true`, allows entry of custom values, which are not in the original set of items.
-     */
-    allowCustomValues: boolean;
-    /**
-     * When `true`, the value-clearing will be disabled.
-     */
-    clearDisabled: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Specifies the component's filtered items.
-     * @readonly
-     */
-    filteredItems: HTMLCalciteComboboxItemElement[];
-    /**
-     * Defines the available placements that can be used when a flip occurs.
-     */
-    flipPlacements: EffectivePlacement[];
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Specifies the maximum number of `calcite-combobox-item`s (including nested children) to display before displaying a scrollbar.
-     */
-    maxItems: number;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<ComboboxMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: ComboboxMessages;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name: string;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    open: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning: OverlayPositioning;
-    /**
-     * Specifies the placeholder text for the input.
-     */
-    placeholder: string;
-    /**
-     * Specifies the placeholder icon for the input.
-     */
-    placeholderIcon: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    placeholderIconFlipRtl: boolean;
-    /**
-     * Updates the position of the component.
-     * @param delayed
-     */
-    reposition: (delayed?: boolean) => Promise<void>;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Specifies the component's selected items.
-     * @readonly
-     */
-    selectedItems: HTMLCalciteComboboxItemElement[];
-    /**
-     * Specifies the selection mode: - "multiple" allows any number of selected items (default), - "single" allows only one selection, - "single-persist" allow and require one open item, - "ancestors" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
-     */
-    selectionMode: Extract<"single" | "single-persist" | "ancestors" | "multiple", SelectionMode>;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * The component's value(s) from the selected `calcite-combobox-item`(s).
-     */
-    value: string | string[];
-  }
-  interface CalciteComboboxItem {
-    /**
-     * When `true`, the component is active.
-     */
-    active: boolean;
-    /**
-     * Specifies the parent and grandparent items, which are set on `calcite-combobox`.
-     */
-    ancestors: ComboboxChildElement[];
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * When `true`, omits the component from the `calcite-combobox` filtered search results.
-     */
-    filterDisabled: boolean;
-    /**
-     * The `id` attribute of the component. When omitted, a globally unique identifier is used.
-     */
-    guid: string;
-    /**
-     * Specifies an icon to display.
-     */
-    icon: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-    /**
-     * Specifies the size of the component inherited from the `calcite-combobox`, defaults to `m`.
-     */
-    scale: Scale;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected: boolean;
-    /**
-     * Specifies the selection mode: - "multiple" allows any number of selected items (default), - "single" allows only one selection, - "single-persist" allow and require one open item, - "ancestors" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
-     */
-    selectionMode: Extract<"single" | "single-persist" | "ancestors" | "multiple", SelectionMode>;
-    /**
-     * The component's text.
-     */
-    textLabel: string;
-    /**
-     * The component's value.
-     */
-    value: any;
-  }
-  interface CalciteComboboxItemGroup {
-    /**
-     * When `true`, signifies that the group comes after another group without any children (items or sub-groups), otherwise indicates that the group comes after another group that has children. Used for styling.
-     */
-    afterEmptyGroup: boolean;
-    /**
-     * Specifies the parent and grandparent `calcite-combobox-item`s, which are set on `calcite-combobox`.
-     */
-    ancestors: ComboboxChildElement[];
-    /**
-     * Specifies the title of the component.
-     */
-    label: string;
-    /**
-     * Specifies the size of the component inherited from the `calcite-combobox`, defaults to `m`.
-     */
-    scale: Scale;
-  }
-  interface CalciteDatePicker {
-    /**
-     * Specifies the component's active date.
-     */
-    activeDate: Date;
-    /**
-     * When `range` is true, specifies the active `range`. Where `"start"` specifies the starting range date and `"end"` the ending range date.
-     */
-    activeRange: "start" | "end";
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel: HeadingLevel;
-    /**
-     * Specifies the latest allowed date (`"yyyy-mm-dd"`).
-     */
-    max: string;
-    /**
-     * Specifies the latest allowed date as a full date object (`new Date("yyyy-mm-dd")`).
-     */
-    maxAsDate: Date;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<DatePickerMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: DatePickerMessages;
-    /**
-     * Specifies the earliest allowed date (`"yyyy-mm-dd"`).
-     */
-    min: string;
-    /**
-     * Specifies the earliest allowed date as a full date object (`new Date("yyyy-mm-dd")`).
-     */
-    minAsDate: Date;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.
-     */
-    numberingSystem: NumberingSystem;
-    /**
-     * When `true`, disables the default behavior on the third click of narrowing or extending the range and instead starts a new range.
-     */
-    proximitySelectionDisabled: boolean;
-    /**
-     * When `true`, activates the component's range mode to allow a start and end date.
-     */
-    range: boolean;
-    /**
-     * Resets active date state.
-     */
-    reset: () => Promise<void>;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: "s" | "m" | "l";
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies the selected date as a string (`"yyyy-mm-dd"`), or an array of strings for `range` values (`["yyyy-mm-dd", "yyyy-mm-dd"]`).
-     */
-    value: string | string[];
-    /**
-     * Specifies the selected date as a full date object (`new Date("yyyy-mm-dd")`), or an array containing full date objects (`[new Date("yyyy-mm-dd"), new Date("yyyy-mm-dd")]`).
-     */
-    valueAsDate: Date | Date[];
-  }
-  interface CalciteDatePickerDay {
-    /**
-     * When `true`, the component is active.
-     */
-    active: boolean;
-    /**
-     * Date is in the current month.
-     */
-    currentMonth: boolean;
-    /**
-     * The DateTimeFormat used to provide screen reader labels.
-     */
-    dateTimeFormat: Intl.DateTimeFormat;
-    /**
-     * Day of the month to be shown.
-     */
-    day: number;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Date is the end of date range
-     */
-    endOfRange: boolean;
-    /**
-     * Date is currently highlighted as part of the range
-     */
-    highlighted: boolean;
-    /**
-     * When `true`, activates the component's range mode to allow a start and end date.
-     */
-    range: boolean;
-    /**
-     * When `true`, highlight styling for edge dates is applied.
-     */
-    rangeEdge: "start" | "end" | undefined;
-    /**
-     * Date is being hovered and within the set range
-     */
-    rangeHover: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected: boolean;
-    /**
-     * Date is the start of date range
-     */
-    startOfRange: boolean;
-    /**
-     * The component's value.
-     */
-    value: Date;
-  }
-  interface CalciteDatePickerMonth {
-    /**
-     * Date currently active.
-     */
-    activeDate: Date;
-    /**
-     * The DateTimeFormat used to provide screen reader labels.
-     */
-    dateTimeFormat: Intl.DateTimeFormat;
-    /**
-     * End date currently active
-     */
-    endDate?: Date;
-    /**
-     * The range of dates currently being hovered
-     */
-    hoverRange: HoverRange;
-    /**
-     * CLDR locale data for current locale
-     */
-    localeData: DateLocaleData;
-    /**
-     * Specifies the latest allowed date (`"yyyy-mm-dd"`).
-     */
-    max: Date;
-    /**
-     * Specifies the earliest allowed date (`"yyyy-mm-dd"`).
-     */
-    min: Date;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Already selected date.
-     */
-    selectedDate: Date;
-    /**
-     * Start date currently active.
-     */
-    startDate?: Date;
-  }
-  interface CalciteDatePickerMonthHeader {
-    /**
-     * Focused date with indicator (will become selected date if user proceeds)
-     */
-    activeDate: Date;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel: HeadingLevel;
-    /**
-     * CLDR locale data for translated calendar info
-     */
-    localeData: DateLocaleData;
-    /**
-     * Specifies the latest allowed date (`"yyyy-mm-dd"`).
-     */
-    max: Date;
-    /**
-     * This property specifies accessible strings for the component's previous month button ,next month button & year input elements. Made into a prop for testing purposes only.
-     * @readonly
-     */
-    messages: DatePickerMessages;
-    /**
-     * Specifies the earliest allowed date (`"yyyy-mm-dd"`).
-     */
-    min: Date;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Already selected date.
-     */
-    selectedDate: Date;
-  }
-  interface CalciteDropdown {
-    /**
-     * When `true`, the component will remain open after a selection is made.  If the `selectionMode` of the selected `calcite-dropdown-item`'s containing `calcite-dropdown-group` is `"none"`, the component will always close.
-     */
-    closeOnSelectDisabled: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Defines the available placements that can be used when a flip occurs.
-     */
-    flipPlacements: EffectivePlacement[];
-    /**
-     * Specifies the maximum number of `calcite-dropdown-item`s to display before showing a scroller. Value must be greater than `0`, and does not include `groupTitle`'s from `calcite-dropdown-group`.
-     */
-    maxItems: number;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    open: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning: OverlayPositioning;
-    /**
-     * Determines where the component will be positioned relative to the container element.
-     * @default "bottom-start"
-     */
-    placement: MenuPlacement;
-    /**
-     * Updates the position of the component.
-     * @param delayed
-     */
-    reposition: (delayed?: boolean) => Promise<void>;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Specifies the component's selected items.
-     * @readonly
-     */
-    selectedItems: HTMLCalciteDropdownItemElement[];
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies the action to open the component from the container element.
-     */
-    type: "hover" | "click";
-    /**
-     * Specifies the width of the component.
-     */
-    width: Scale;
-  }
-  interface CalciteDropdownGroup {
-    /**
-     * Specifies and displays a group title.
-     */
-    groupTitle: string;
-    /**
-     * Specifies the size of the component inherited from the parent `calcite-dropdown`, defaults to `m`.
-     */
-    scale: Scale;
-    /**
-     * Specifies the selection mode for `calcite-dropdown-item` children, defaults to `single`: - `multiple` allows any number of selected items, - `single` allows only one selection (default), - `none` doesn't allow for any selection.
-     */
-    selectionMode: Extract<"none" | "single" | "multiple", SelectionMode>;
-  }
-  interface CalciteDropdownItem {
-    /**
-     * Specifies the URL of the linked resource, which can be set as an absolute or relative path.  Determines if the component will render as an anchor.
-     */
-    href: string;
-    /**
-     * Specifies an icon to display at the end of the component.
-     */
-    iconEnd: string;
-    /**
-     * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: FlipContext;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart: string;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Specifies the relationship to the linked document defined in `href`.
-     */
-    rel: string;
-    /**
-     * Specifies the size of the component inherited from `calcite-dropdown`, defaults to `m`.
-     */
-    scale: Scale;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected: boolean;
-    /**
-     * Specifies the selection mode inherited from `calcite-dropdown-group`, defaults to `single`: - `multiple` allows any number of selected items, - `single` allows only one selection (default), - `none` doesn't allow for any selection.
-     */
-    selectionMode: Extract<"none" | "single" | "multiple", SelectionMode>;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies the frame or window to open the linked document.
-     */
-    target: string;
-  }
-  interface CalciteFab {
-    /**
-     * Specifies the appearance style of the component.
-     */
-    appearance: Extract<"solid" | "outline-fill", Appearance>;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Specifies an icon to display.
-     * @default "plus"
-     */
-    icon: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-    /**
-     * Specifies the kind of the component (will apply to border and background).
-     */
-    kind: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies text to accompany the component's icon.
-     */
-    text: string;
-    /**
-     * When `true`, displays the `text` value in the component.
-     */
-    textEnabled: boolean;
-  }
-  interface CalciteFilter {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Performs a filter on the component.  This method can be useful because filtering is delayed and asynchronous.
-     * @param value - The filter text value.
-     * @returns
-     */
-    filter: (value?: string) => Promise<void>;
-    /**
-     * The component's resulting items after filtering.
-     * @readonly
-     */
-    filteredItems: object[];
-    /**
-     * Defines the items to filter. The component uses the values as the starting point, and returns items  that contain the string entered in the input, using a partial match and recursive search.  This property is needed to conduct filtering.
-     */
-    items: object[];
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<FilterMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: FilterMessages;
-    /**
-     * Specifies placeholder text for the input element.
-     */
-    placeholder: string;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * The component's value.
-     */
-    value: string;
-  }
-  interface CalciteFlow {
-    /**
-     * Removes the currently active `calcite-flow-item`.
-     */
-    back: () => Promise<HTMLCalciteFlowItemElement | FlowItemLikeElement>;
-    /**
-     * This property enables the component to consider other custom elements implementing flow-item's interface.
-     */
-    customItemSelectors: string;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-  }
-  interface CalciteFlowItem {
-    /**
-     * When provided, the method will be called before it is removed from its parent `calcite-flow`.
-     */
-    beforeBack: () => Promise<void>;
-    /**
-     * When `true`, displays a close button in the trailing side of the component's header.
-     */
-    closable: boolean;
-    /**
-     * When `true`, the component will be hidden.
-     */
-    closed: boolean;
-    /**
-     * Specifies the direction of the collapse.
-     */
-    collapseDirection: "down" | "up";
-    /**
-     * When `true`, hides the component's content area.
-     */
-    collapsed: boolean;
-    /**
-     * When `true`, the component is collapsible.
-     */
-    collapsible: boolean;
-    /**
-     * A description for the component.
-     */
-    description: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * The component header text.
-     */
-    heading: string;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel: HeadingLevel;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading: boolean;
-    /**
-     * When `true`, the action menu items in the `header-menu-actions` slot are open.
-     */
-    menuOpen: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<FlowItemMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: FlowItemMessages;
-    /**
-     * Scrolls the component's content to a specified set of coordinates.
-     * @example myCalciteFlowItem.scrollContentTo({   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value). });
-     * @param options - allows specific coordinates to be defined.
-     * @returns - promise that resolves once the content is scrolled to.
-     */
-    scrollContentTo: (options?: ScrollToOptions) => Promise<void>;
-    /**
-     * Sets focus on the component.
-     * @returns promise.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * When `true`, displays a back button in the component's header.
-     */
-    showBackButton: boolean;
-  }
-  interface CalciteGraph {
-    /**
-     * Array of values describing a single color stop ([offset, color, opacity]) These color stops should be sorted by offset value
-     */
-    colorStops: ColorStop[];
-    /**
-     * Array of tuples describing a single data point ([x, y]) These data points should be sorted by x-axis value
-     */
-    data: DataSeries;
-    /**
-     * End of highlight color if highlighting range
-     */
-    highlightMax: number;
-    /**
-     * Start of highlight color if highlighting range
-     */
-    highlightMin: number;
-    /**
-     * Highest point of the range
-     */
-    max: number;
-    /**
-     * Lowest point of the range
-     */
-    min: number;
-  }
-  interface CalciteHandle {
-    activated: boolean;
-    /**
-     * Value for the button title attribute
-     */
-    dragHandle: string;
-    label: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<HandleMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: HandleMessages;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    setPosition: number;
-    setSize: number;
-  }
-  interface CalciteIcon {
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    flipRtl: boolean;
-    /**
-     * Displays a specific icon.
-     * @see [Icons](https://esri.github.io/calcite-ui-icons)
-     */
-    icon: string;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Accessible name for the component.  It is recommended to set this value if your icon is semantic.
-     */
-    textLabel: string;
-  }
-  interface CalciteInlineEditable {
-    /**
-     * Specifies a callback to be executed prior to disabling editing via the controls. When provided, the component's loading state will be handled automatically.
-     */
-    afterConfirm: () => Promise<void>;
-    /**
-     * When `true` and `editingEnabled` is `true`, displays save and cancel controls on the component.
-     */
-    controls: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * When `true`, inline editing is enabled on the component.
-     */
-    editingEnabled: boolean;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<InlineEditableMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: InlineEditableMessages;
-    /**
-     * Specifies the size of the component. Defaults to the scale of the wrapped `calcite-input` or the scale of the closest wrapping component with a set scale.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-  }
-  interface CalciteInput {
-    /**
-     * Specifies a comma separated list of unique file type specifiers for limiting accepted file types. This property only has an effect when `type` is "file". Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
-     */
-    accept: string;
-    /**
-     * Specifies the text alignment of the component's value.
-     */
-    alignment: Position;
-    /**
-     * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
-     */
-    autocomplete: string;
-    /**
-     * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
-     * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
-     */
-    autofocus: boolean;
-    /**
-     * When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `"search"`, `"time"`, and `"date"` types, and will not display for the `"textarea"` type.
-     */
-    clearable: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
-     */
-    disabled: boolean;
-    editingEnabled: boolean;
-    /**
-     * Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
-     */
-    enterKeyHint: string;
-    /**
-     * When `type` is `"file"`, specifies the component's selected files.
-     * @mdn https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/files
-     */
-    files: FileList | undefined;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    groupSeparator: boolean;
-    /**
-     * When `true`, the component will not be visible.
-     * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
-     */
-    hidden: boolean;
-    /**
-     * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
-     */
-    icon: string | boolean;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-    /**
-     * Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
-     */
-    inputMode: string;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading: boolean;
-    /**
-     * When `true`, uses locale formatting for numbers.
-     */
-    localeFormat: boolean;
-    /**
-     * Specifies the maximum value for type "number".
-     * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
-     */
-    max: number;
-    /**
-     * Specifies the maximum length of text for the component's value.
-     * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
-     */
-    maxLength: number;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<InputMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: InputMessages;
-    /**
-     * Specifies the minimum value for `type="number"`.
-     * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
-     */
-    min: number;
-    /**
-     * Specifies the minimum length of text for the component's value.
-     * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
-     */
-    minLength: number;
-    /**
-     * When `true`, the component can accept more than one value. This property only has an effect when `type` is "email" or "file". Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple)
-     */
-    multiple: boolean;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
-     */
-    name: string;
-    /**
-     * Specifies the placement of the buttons for `type="number"`.
-     */
-    numberButtonType: InputPlacement;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem: NumberingSystem;
-    /**
-     * Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
-     */
-    pattern: string;
-    /**
-     * Specifies placeholder text for the component.
-     * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
-     */
-    placeholder: string;
-    /**
-     * Adds text to the start of the component.
-     */
-    prefixText: string;
-    /**
-     * When `true`, the component's value can be read, but cannot be modified.
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    readOnly: boolean;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Selects the text of the component's `value`.
-     */
-    selectText: () => Promise<void>;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     */
-    status: Status;
-    /**
-     * Specifies the granularity the component's `value` must adhere to.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
-     */
-    step: number | "any";
-    /**
-     * Adds text to the end of the component.
-     */
-    suffixText: string;
-    /**
-     * Specifies the component type.  Note that the following `type`s add type-specific icons by default: `"date"`, `"email"`, `"password"`, `"search"`, `"tel"`, `"time"`.
-     */
-    type:
-      | "color"
-      | "date"
-      | "datetime-local"
-      | "email"
-      | "file"
-      | "image"
-      | "month"
-      | "number"
-      | "password"
-      | "search"
-      | "tel"
-      | "text"
-      | "textarea"
-      | "time"
-      | "url"
-      | "week";
-    /**
-     * The component's value.
-     */
-    value: string;
-  }
-  interface CalciteInputDatePicker {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Defines the available placements that can be used when a flip occurs.
-     */
-    flipPlacements: EffectivePlacement[];
-    /**
-     * When `true`, prevents focus trapping.
-     */
-    focusTrapDisabled: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel: HeadingLevel;
-    /**
-     * Defines the layout of the component.
-     */
-    layout: "horizontal" | "vertical";
-    /**
-     * Specifies the latest allowed date ("yyyy-mm-dd").
-     */
-    max: string;
-    /**
-     * Specifies the latest allowed date as a full date object.
-     */
-    maxAsDate: Date;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<InputDatePickerMessages & DatePickerMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: InputDatePickerMessages;
-    /**
-     * Specifies the earliest allowed date ("yyyy-mm-dd").
-     */
-    min: string;
-    /**
-     * Specifies the earliest allowed date as a full date object.
-     */
-    minAsDate: Date;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name: string;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.
-     */
-    numberingSystem: NumberingSystem;
-    /**
-     * When `true`, displays the `calcite-date-picker` component.
-     */
-    open: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning: OverlayPositioning;
-    /**
-     * Specifies the placement of the `calcite-date-picker` relative to the component.
-     * @default "bottom-start"
-     */
-    placement: MenuPlacement;
-    /**
-     * When `true`, disables the default behavior on the third click of narrowing or extending the range. Instead starts a new range.
-     */
-    proximitySelectionDisabled: boolean;
-    /**
-     * When `true`, activates a range for the component.
-     */
-    range: boolean;
-    /**
-     * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    readOnly: boolean;
-    /**
-     * Updates the position of the component.
-     * @param delayed
-     */
-    reposition: (delayed?: boolean) => Promise<void>;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: "s" | "m" | "l";
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     */
-    status: Status;
-    /**
-     * Selected date as a string in ISO format (YYYY-MM-DD)
-     */
-    value: string | string[];
-    /**
-     * The component's value as a full date object.
-     */
-    valueAsDate: Date | Date[];
-  }
-  interface CalciteInputMessage {
-    /**
-     * Specifies an icon to display.
-     */
-    icon: boolean | string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     */
-    status: Status;
-  }
-  interface CalciteInputNumber {
-    /**
-     * Specifies the text alignment of the component's value.
-     */
-    alignment: Position;
-    /**
-     * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
-     */
-    autocomplete: string;
-    /**
-     * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
-     * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
-     */
-    autofocus: boolean;
-    /**
-     * When `true`, a clear button is displayed when the component has a value.
-     */
-    clearable: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
-     */
-    disabled: boolean;
-    editingEnabled: boolean;
-    /**
-     * Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
-     */
-    enterKeyHint: string;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    groupSeparator: boolean;
-    /**
-     * When `true`, the component will not be visible.
-     * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
-     */
-    hidden: boolean;
-    /**
-     * Specifies an icon to display.
-     * @futureBreaking Remove boolean type as it is not supported.
-     */
-    icon: string | boolean;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-    /**
-     * Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
-     */
-    inputMode: string;
-    /**
-     * When `true`, restricts the component to integer numbers only and disables exponential notation.
-     */
-    integer: boolean;
-    /**
-     * Accessible name for the component's button or hyperlink.
-     */
-    label: string;
-    /**
-     * When `true`, the component is in the loading state and `calcite-progress` is displayed.
-     */
-    loading: boolean;
-    /**
-     * Toggles locale formatting for numbers.
-     */
-    localeFormat: boolean;
-    /**
-     * Specifies the maximum value.
-     * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
-     */
-    max: number;
-    /**
-     * Specifies the maximum length of text for the component's value.
-     * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
-     */
-    maxLength: number;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<InputNumberMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: InputNumberMessages;
-    /**
-     * Specifies the minimum value.
-     * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
-     */
-    min: number;
-    /**
-     * Specifies the minimum length of text for the component's value.
-     * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
-     */
-    minLength: number;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
-     */
-    name: string;
-    /**
-     * Specifies the placement of the buttons.
-     */
-    numberButtonType: InputPlacement;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem: NumberingSystem;
-    /**
-     * Specifies placeholder text for the component.
-     * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
-     */
-    placeholder: string;
-    /**
-     * Adds text to the start of the component.
-     */
-    prefixText: string;
-    /**
-     * When `true`, the component's value can be read, but cannot be modified.
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    readOnly: boolean;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Selects the text of the component's `value`.
-     */
-    selectText: () => Promise<void>;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     */
-    status: Status;
-    /**
-     * Specifies the granularity that the component's value must adhere to.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
-     */
-    step: number | "any";
-    /**
-     * Adds text to the end of the component.
-     */
-    suffixText: string;
-    /**
-     * The component's value.
-     */
-    value: string;
-  }
-  interface CalciteInputText {
-    /**
-     * Specifies the text alignment of the component's value.
-     */
-    alignment: Position;
-    /**
-     * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
-     */
-    autocomplete: string;
-    /**
-     * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
-     * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
-     */
-    autofocus: boolean;
-    /**
-     * When `true`, a clear button is displayed when the component has a value.
-     */
-    clearable: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
-     */
-    disabled: boolean;
-    editingEnabled: boolean;
-    /**
-     * Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
-     */
-    enterKeyHint: string;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * When `true`, the component will not be visible.
-     * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
-     */
-    hidden: boolean;
-    /**
-     * Specifies an icon to display.
-     * @futureBreaking Remove boolean type as it is not supported.
-     */
-    icon: string | boolean;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-    /**
-     * Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
-     */
-    inputMode: string;
-    /**
-     * Accessible name for the component's button or hyperlink.
-     */
-    label: string;
-    /**
-     * When `true`, the component is in the loading state and `calcite-progress` is displayed.
-     */
-    loading: boolean;
-    /**
-     * Specifies the maximum length of text for the component's value.
-     * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
-     */
-    maxLength: number;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<InputTextMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: InputTextMessages;
-    /**
-     * Specifies the minimum length of text for the component's value.
-     * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
-     */
-    minLength: number;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
-     */
-    name: string;
-    /**
-     * Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
-     */
-    pattern: string;
-    /**
-     * Specifies placeholder text for the component.
-     * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
-     */
-    placeholder: string;
-    /**
-     * Adds text to the start of the component.
-     */
-    prefixText: string;
-    /**
-     * When `true`, the component's value can be read, but cannot be modified.
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    readOnly: boolean;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Selects the text of the component's `value`.
-     */
-    selectText: () => Promise<void>;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     */
-    status: Status;
-    /**
-     * Adds text to the end of the component.
-     */
-    suffixText: string;
-    /**
-     * The component's value.
-     */
-    value: string;
-  }
-  interface CalciteInputTimePicker {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * When `true`, prevents focus trapping.
-     */
-    focusTrapDisabled: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<InputTimePickerMessages & TimePickerMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: InputTimePickerMessages;
-    /**
-     * Specifies the name of the component on form submission.
-     */
-    name: string;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem: NumberingSystem;
-    /**
-     * When `true`, displays the `calcite-time-picker` component.
-     */
-    open: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning: OverlayPositioning;
-    /**
-     * Determines where the popover will be positioned relative to the input.
-     */
-    placement: LogicalPlacement;
-    /**
-     * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    readOnly: boolean;
-    /**
-     * Updates the position of the component.
-     * @param delayed
-     */
-    reposition: (delayed?: boolean) => Promise<void>;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     */
-    status: Status;
-    /**
-     * Specifies the granularity the component's `value` must adhere to (in seconds).
-     */
-    step: number;
-    /**
-     * The time value in ISO (24-hour) format.
-     */
-    value: string;
-  }
-  interface CalciteInputTimeZone {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * Specifies the component's maximum number of options to display before displaying a scrollbar.
-     */
-    maxItems: number;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<InputTimeZoneMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: InputTimeZoneMessages;
-    /**
-     * This specifies the type of `value` and the associated options presented to the user:  Using `"offset"` will provide options related
-     * @default "offset"
-     */
-    mode: TimeZoneMode;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name: string;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    open: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning: OverlayPositioning;
-    /**
-     * This date will be used as a reference to Daylight Savings Time when creating time zone item groups.  It can be either a Date instance or a string in ISO format (YYYY-MM-DD, YYYY-MM-DDTHH:MM:SS.SSSZ)
-     * @see [Date.prototype.toISOString](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)
-     */
-    referenceDate: Date | string;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    setFocus: () => Promise<void>;
-    /**
-     * The component's value, where the value is the time zone offset or the difference, in minutes, between the selected time zone and UTC.  If no value is provided, the user's time zone offset will be selected by default.
-     * @see https://www.w3.org/International/core/2005/09/timezone.html#:~:text=What%20is%20a%20%22zone%20offset,or%20%22%2D%22%20from%20UTC.
-     */
-    value: string;
-  }
-  interface CalciteLabel {
-    /**
-     * Specifies the text alignment of the component.
-     */
-    alignment: Alignment;
-    /**
-     * Specifies the `id` of the component the label is bound to. Use when the component the label is bound to does not reside within the component.
-     */
-    for: string;
-    /**
-     * Defines the layout of the label in relation to the component. Use `"inline"` positions to wrap the label and component on the same line.
-     */
-    layout: "inline" | "inline-space-between" | "default";
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-  }
-  interface CalciteLink {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value: Without a value, the browser will suggest a filename/extension See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download.
-     */
-    download: string | boolean;
-    /**
-     * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
-     */
-    href: string;
-    /**
-     * Specifies an icon to display at the end of the component.
-     */
-    iconEnd: string;
-    /**
-     * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: FlipContext;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart: string;
-    /**
-     * Specifies the relationship to the linked document defined in `href`.
-     */
-    rel: string;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies the frame or window to open the linked document.
-     */
-    target: string;
-  }
-  /**
-   * A general purpose list that enables users to construct list items that conform to Calcite styling.
-   */
-  interface CalciteList {
-    /**
-     * When provided, the method will be called to determine whether the element can  move from the list.
-     */
-    canPull: (detail: ListDragDetail) => boolean;
-    /**
-     * When provided, the method will be called to determine whether the element can be added from another list.
-     */
-    canPut: (detail: ListDragDetail) => boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * When `true`, `calcite-list-item`s are sortable via a draggable button.
-     */
-    dragEnabled: boolean;
-    /**
-     * When `true`, an input appears at the top of the component that can be used by end users to filter `calcite-list-item`s.
-     */
-    filterEnabled: boolean;
-    /**
-     * Placeholder text for the component's filter input field.
-     */
-    filterPlaceholder: string;
-    /**
-     * Text for the component's filter input field.
-     */
-    filterText: string;
-    /**
-     * The currently filtered `calcite-list-item` data.
-     * @readonly
-     */
-    filteredData: ItemData;
-    /**
-     * The currently filtered `calcite-list-item`s.
-     * @readonly
-     */
-    filteredItems: HTMLCalciteListItemElement[];
-    /**
-     * The list's group identifier.  To drag elements from one list into another, both lists must have the same group value.
-     */
-    group?: string;
-    /**
-     * Specifies an accessible name for the component.
-     */
-    label: string;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading: boolean;
-    /**
-     * One of the items within the list can be opened.
-     */
-    openable: boolean;
-    /**
-     * The currently selected items.
-     * @readonly
-     */
-    selectedItems: HTMLCalciteListItemElement[];
-    /**
-     * Specifies the selection appearance - `"icon"` (displays a checkmark or dot) or `"border"` (displays a border).
-     */
-    selectionAppearance: SelectionAppearance;
-    /**
-     * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allow one selected item), `"single-persist"` (allow one selected item and prevent de-selection), or `"none"` (no selected items).
-     */
-    selectionMode: Extract<"none" | "multiple" | "single" | "single-persist", SelectionMode>;
-    /**
-     * Sets focus on the component's first focusable element.
-     * @returns
-     */
-    setFocus: () => Promise<void>;
-  }
-  interface CalciteListItem {
-    /**
-     * Sets the item as focusable. Only one item should be focusable within a list.
-     */
-    active: boolean;
-    /**
-     * When `true`, a close button is added to the component.
-     */
-    closable: boolean;
-    /**
-     * When `true`, hides the component.
-     */
-    closed: boolean;
-    /**
-     * A description for the component. Displays below the label text.
-     */
-    description: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * When `true`, the component displays a draggable button.
-     */
-    dragHandle: boolean;
-    /**
-     * The label text of the component. Displays above the description text.
-     */
-    label: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<ListItemMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: ListItemMessages;
-    /**
-     * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.
-     */
-    metadata: Record<string, unknown>;
-    /**
-     * When `true`, the item is open to show child components.
-     */
-    open: boolean;
-    /**
-     * When `true` and the parent `calcite-list`'s `selectionMode` is `"single"`, `"single-persist"', or `"multiple"`, the component is selected.
-     */
-    selected: boolean;
-    /**
-     * Specifies the selection appearance - `"icon"` (displays a checkmark or dot) or `"border"` (displays a border).
-     */
-    selectionAppearance: SelectionAppearance;
-    /**
-     * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allow one selected item), `"single-persist"` (allow one selected item and prevent de-selection), or `"none"` (no selected items).
-     */
-    selectionMode: Extract<"none" | "multiple" | "single" | "single-persist", SelectionMode>;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Used to specify the aria-posinset attribute to define the number or position in the current set of list items for accessibility.
-     */
-    setPosition: number;
-    /**
-     * Used to specify the aria-setsize attribute to define the number of items in the current set of list for accessibility.
-     */
-    setSize: number;
-    /**
-     * The component's value.
-     */
-    value: any;
-  }
-  interface CalciteListItemGroup {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * The header text for all nested `calcite-list-item` rows.
-     */
-    heading: string;
-  }
-  interface CalciteLoader {
-    /**
-     * When `true`, displays smaller and appears to the left of the text.
-     */
-    inline: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Text that displays under the component's indicator.
-     */
-    text: string;
-    /**
-     * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
-     */
-    type: "indeterminate" | "determinate";
-    /**
-     * The component's value. Valid only for `"determinate"` indicators. Percent complete of 100.
-     */
-    value: number;
-  }
-  interface CalciteMenu {
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Specifies the layout of the component.
-     */
-    layout: Layout;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<MenuMessages>;
-    /**
-     * Made into a prop for testing purposes only.
-     */
-    messages: MenuMessages;
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    setFocus: () => Promise<void>;
-  }
-  interface CalciteMenuItem {
-    /**
-     * When `true`, the component is highlighted.
-     */
-    active: boolean;
-    /**
-     * When `true`, the component displays a breadcrumb trail for use as a navigational aid.
-     */
-    breadcrumb: boolean;
-    /**
-     * Specifies the URL destination of the component, which can be set as an absolute or relative path.
-     */
-    href: string;
-    /**
-     * Specifies an icon to display at the end of the component.
-     */
-    iconEnd: string;
-    /**
-     * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: FlipContext;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart: string;
-    isTopLevelItem: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    layout: Layout;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<MenuItemMessages>;
-    /**
-     * Made into a prop for testing purposes only.
-     */
-    messages: MenuItemMessages;
-    /**
-     * When `true`, the component will display any slotted `calcite-menu-item` in an open overflow menu.
-     */
-    open: boolean;
-    /**
-     * Defines the relationship between the `href` value and the current document.
-     * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
-     */
-    rel: string;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies where to open the linked document defined in the `href` property.
-     * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
-     */
-    target: string;
-    /**
-     * Specifies the text to display.
-     */
-    text: string;
-    topLevelMenuLayout: Layout;
-  }
-  interface CalciteMeter {
-    /**
-     * Specifies the appearance style of the component.
-     */
-    appearance: Extract<"outline" | "outline-fill" | "solid", Appearance>;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Specifies the component's display, where `"single"` displays a single color and `"range"` displays a range of colors based on provided `low`, `high`, `min` or `max` values.
-     */
-    fillType: "single" | "range";
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    groupSeparator: boolean;
-    /**
-     * Specifies a high value.  When `fillType` is `"range"`, displays a different color when above the specified threshold.
-     */
-    high: number;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Specifies a low value.  When `fillType` is `"range"`, displays a different color when above the specified threshold.
-     */
-    low: number;
-    /**
-     * Specifies the highest allowed value of the component.
-     */
-    max: number;
-    /**
-     * Specifies the lowest allowed value of the component.
-     */
-    min: number;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name: string;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem: NumberingSystem;
-    /**
-     * When either `rangeLabels` is `true`, specifies the format of displayed labels.
-     */
-    rangeLabelType: MeterLabelType;
-    /**
-     * When `true`, displays the values of `high`, `low`, `min`, and `max`.
-     */
-    rangeLabels: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * When `labelType` is `"units"` and either `valueLabel` or `rangeLabels` are `true`, displays beside the `value` and/or  `min` values.
-     */
-    unitLabel: string;
-    /**
-     * Specifies the current value of the component.
-     */
-    value: number;
-    /**
-     * When `true`, displays the current value.
-     */
-    valueLabel: boolean;
-    /**
-     * When either `valueLabel` is `true`, specifies the format of displayed label.
-     */
-    valueLabelType: MeterLabelType;
-  }
-  interface CalciteModal {
-    /**
-     * Passes a function to run before the component closes.
-     */
-    beforeClose: (el: HTMLCalciteModalElement) => Promise<void>;
-    /**
-     * When `true`, disables the component's close button.
-     */
-    closeButtonDisabled: boolean;
-    /**
-     * When `true`, prevents the component from expanding to the entire screen on mobile devices.
-     */
-    docked: boolean;
-    /**
-     * When `true`, disables the default close on escape behavior.
-     */
-    escapeDisabled: boolean;
-    /**
-     * When `true`, prevents focus trapping.
-     */
-    focusTrapDisabled: boolean;
-    /**
-     * Sets the component to always be fullscreen (overrides `width` and `--calcite-modal-width` / `--calcite-modal-height`).
-     */
-    fullscreen: boolean;
-    /**
-     * Specifies the kind of the component (will apply to top border).
-     */
-    kind: Extract<"brand" | "danger" | "info" | "success" | "warning", Kind>;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<ModalMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: ModalMessages;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    open: boolean;
-    /**
-     * We use an internal property to handle styles for when a modal is actually opened, not just when the open attribute is applied. This is a property because we need to apply styles to the host element and to keep the styles present while beforeClose is.
-     */
-    opened: boolean;
-    /**
-     * When `true`, disables the closing of the component when clicked outside.
-     */
-    outsideCloseDisabled: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets the scroll top of the component's content.
-     * @param top
-     * @param left
-     */
-    scrollContent: (top?: number, left?: number) => Promise<void>;
-    /**
-     * Sets focus on the component's "close" button (the first focusable item).
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
-     */
-    slottedInShell: boolean;
-    /**
-     * Updates the element(s) that are used within the focus-trap of the component.
-     */
-    updateFocusTrapElements: () => Promise<void>;
-    /**
-     * Specifies the width of the component.
-     */
-    width: Scale;
-  }
-  interface CalciteNavigation {
-    /**
-     * When `navigationAction` is `true`, specifies the label of the `calcite-action`.
-     */
-    label: string;
-    /**
-     * When `true`, displays a `calcite-action` and emits a `calciteNavActionSelect` event on selection change.
-     */
-    navigationAction: boolean;
-    /**
-     * When `navigation-action` is `true`, sets focus on the component's action element.
-     */
-    setFocus: () => Promise<void>;
-  }
-  interface CalciteNavigationLogo {
-    /**
-     * When true, the component is highlighted.
-     */
-    active: boolean;
-    /**
-     * A description for the component, which displays below the `heading`.
-     */
-    description: string;
-    /**
-     * Specifies heading text for the component, such as a product or organization name.
-     */
-    heading: string;
-    /**
-     * Specifies the URL destination of the component, which can be set as an absolute or relative path.
-     */
-    href: string;
-    /**
-     * Specifies an icon to display.
-     */
-    icon: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-    /**
-     * Describes the appearance or function of the `thumbnail`. If no label is provided, context will not be provided to assistive technologies.
-     */
-    label: string;
-    /**
-     * Defines the relationship between the `href` value and the current document.
-     * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
-     */
-    rel: string;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies where to open the linked document defined in the `href` property.
-     * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
-     */
-    target: string;
-    /**
-     * Specifies the `src` to an image.
-     */
-    thumbnail: string;
-  }
-  interface CalciteNavigationUser {
-    /**
-     * When true, the component is highlighted.
-     */
-    active: boolean;
-    /**
-     * Specifies the full name of the user.
-     */
-    fullName: string;
-    /**
-     * Describes the appearance of the avatar. If no label is provided, context will not be provided to assistive technologies.
-     */
-    label: string;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * When `true`, hides the `fullName` and `username` contents.
-     */
-    textDisabled: boolean;
-    /**
-     * Specifies the `src` to an image (remember to add a token if the user is private).
-     */
-    thumbnail: string;
-    /**
-     * Specifies the unique id of the user.
-     */
-    userId: string;
-    /**
-     * Specifies the username of the user.
-     */
-    username: string;
-  }
-  interface CalciteNotice {
-    /**
-     * When `true`, a close button is added to the component.
-     */
-    closable: boolean;
-    /**
-     * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
-     */
-    icon: string | boolean;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-    /**
-     * Specifies the kind of the component (will apply to top border and icon).
-     */
-    kind: Extract<"brand" | "danger" | "info" | "success" | "warning", Kind>;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<NoticeMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: NoticeMessages;
-    /**
-     * When `true`, the component is visible.
-     */
-    open: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies the width of the component.
-     */
-    width: Width;
-  }
-  interface CalciteOption {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected: boolean;
-    /**
-     * The component's value.
-     */
-    value: any;
-  }
-  interface CalciteOptionGroup {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-  }
-  interface CalcitePagination {
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    groupSeparator: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<PaginationMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: PaginationMessages;
-    /**
-     * Go to the next page of results.
-     */
-    nextPage: () => Promise<void>;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem: NumberingSystem;
-    /**
-     * Specifies the number of items per page.
-     */
-    pageSize: number;
-    /**
-     * Go to the previous page of results.
-     */
-    previousPage: () => Promise<void>;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies the starting item number.
-     */
-    startItem: number;
-    /**
-     * Specifies the total number of items.
-     */
-    totalItems: number;
-  }
-  interface CalcitePanel {
-    /**
-     * When `true`, displays a close button in the trailing side of the header.
-     */
-    closable: boolean;
-    /**
-     * When `true`, the component will be hidden.
-     */
-    closed: boolean;
-    /**
-     * Specifies the direction of the collapse.
-     */
-    collapseDirection: "down" | "up";
-    /**
-     * When `true`, hides the component's content area.
-     */
-    collapsed: boolean;
-    /**
-     * When `true`, the component is collapsible.
-     */
-    collapsible: boolean;
-    /**
-     * A description for the component.
-     */
-    description: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * The component header text.
-     */
-    heading: string;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel: HeadingLevel;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading: boolean;
-    /**
-     * When `true`, the action menu items in the `header-menu-actions` slot are open.
-     */
-    menuOpen: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<PanelMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: PanelMessages;
-    /**
-     * Scrolls the component's content to a specified set of coordinates.
-     * @example myCalciteFlowItem.scrollContentTo({   left: 0, // Specifies the number of pixels along the X axis to scroll the window or element.   top: 0, // Specifies the number of pixels along the Y axis to scroll the window or element   behavior: "auto" // Specifies whether the scrolling should animate smoothly (smooth), or happen instantly in a single jump (auto, the default value). });
-     * @param options - allows specific coordinates to be defined.
-     * @returns - promise that resolves once the content is scrolled to.
-     */
-    scrollContentTo: (options?: ScrollToOptions) => Promise<void>;
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    setFocus: () => Promise<void>;
-  }
-  /**
-   * @deprecated Use the `list` component instead.
-   */
-  interface CalcitePickList {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.
-     */
-    filterEnabled: boolean;
-    /**
-     * Placeholder text for the filter input field.
-     */
-    filterPlaceholder: string;
-    /**
-     * Text for the filter input field.
-     */
-    filterText: string;
-    /**
-     * The currently filtered data.
-     * @readonly
-     */
-    filteredData: ItemData1;
-    /**
-     * The currently filtered items.
-     * @readonly
-     */
-    filteredItems: HTMLCalcitePickListItemElement[];
-    /**
-     * Returns the component's selected `calcite-pick-list-item`s.
-     */
-    getSelectedItems: () => Promise<Map<string, HTMLCalcitePickListItemElement>>;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel: HeadingLevel;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading: boolean;
-    /**
-     * Similar to standard radio buttons and checkboxes. When `true`, a user can select multiple `calcite-pick-list-item`s at a time. When `false`, only a single `calcite-pick-list-item` can be selected at a time, and a new selection will deselect previous selections.
-     */
-    multiple: boolean;
-    /**
-     * When `true` and single selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
-     */
-    selectionFollowsFocus: boolean;
-    /**
-     * Sets focus on the component's first focusable element.
-     * @param focusId
-     */
-    setFocus: (focusId?: ListFocusId) => Promise<void>;
-  }
-  /**
-   * @deprecated Use the `list` component instead.
-   */
-  interface CalcitePickListGroup {
-    /**
-     * Specifies the title for all nested `calcite-pick-list-item`s.
-     */
-    groupTitle: string;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel: HeadingLevel;
-  }
-  /**
-   * @deprecated Use the `list` component instead.
-   */
-  interface CalcitePickListItem {
-    /**
-     * A description for the component that displays below the label text.
-     */
-    description: string;
-    /**
-     * When `false`, the component cannot be deselected by user interaction.
-     */
-    deselectDisabled: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Determines the icon SVG symbol that will be shown. Options are `"circle"`, `"square"`, `"grip"` or `null`.
-     * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/main/src/components/pick-list/resources.ts#L5)
-     */
-    icon: ICON_TYPES | null;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-    /**
-     * Label and accessible name for the component. Appears next to the icon.
-     */
-    label: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<PickListItemMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: PickListItemMessages;
-    /**
-     * Provides additional metadata to the component. Primary use is for a filter on the parent list.
-     */
-    metadata: Record<string, unknown>;
-    nonInteractive: boolean;
-    /**
-     * When `true`, displays a remove action that removes the item from the list.
-     */
-    removable: boolean;
-    /**
-     * When `true`, selects an item. Toggles when an item is checked/unchecked.
-     */
-    selected: boolean;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Toggles the selection state. By default this won't trigger an event. The first argument allows the value to be coerced, rather than swapping values.
-     * @param coerce
-     */
-    toggleSelected: (coerce?: boolean) => Promise<void>;
-    /**
-     * The component's value.
-     */
-    value: any;
-  }
-  interface CalcitePopover {
-    /**
-     * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.
-     */
-    autoClose: boolean;
-    /**
-     * When `true`, display a close button within the component.
-     */
-    closable: boolean;
-    /**
-     * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
-     */
-    flipDisabled: boolean;
-    /**
-     * Defines the available placements that can be used when a flip occurs.
-     */
-    flipPlacements: EffectivePlacement[];
-    /**
-     * When `true`, prevents focus trapping.
-     */
-    focusTrapDisabled: boolean;
-    /**
-     * The component header text.
-     */
-    heading: string;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel: HeadingLevel;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<PopoverMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: PopoverMessages;
-    /**
-     * Offsets the position of the popover away from the `referenceElement`.
-     * @default 6
-     */
-    offsetDistance: number;
-    /**
-     * Offsets the position of the component along the `referenceElement`.
-     */
-    offsetSkidding: number;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    open: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning: OverlayPositioning;
-    /**
-     * Determines where the component will be positioned relative to the `referenceElement`.
-     */
-    placement: LogicalPlacement;
-    /**
-     * When `true`, removes the caret pointer.
-     */
-    pointerDisabled: boolean;
-    /**
-     * The `referenceElement` used to position the component according to its `placement` value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.
-     */
-    referenceElement: ReferenceElement | string;
-    /**
-     * Updates the position of the component.
-     * @param delayed
-     */
-    reposition: (delayed?: boolean) => Promise<void>;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.  This property can be set to `true` to manage when the component is open.
-     */
-    triggerDisabled: boolean;
-    /**
-     * Updates the element(s) that are used within the focus-trap of the component.
-     */
-    updateFocusTrapElements: () => Promise<void>;
-  }
-  interface CalciteProgress {
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * When `true` and for `"indeterminate"` progress bars, reverses the animation direction.
-     */
-    reversed: boolean;
-    /**
-     * Text that displays under the component's indicator.
-     */
-    text: string;
-    /**
-     * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
-     */
-    type: "indeterminate" | "determinate";
-    /**
-     * When `type` is `"determinate"`, the component's progress value with a range of 0.0 - 1.0.
-     */
-    value: number;
-  }
-  interface CalciteRadioButton {
-    /**
-     * When `true`, the component is checked.
-     */
-    checked: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    emitCheckedChange: () => Promise<void>;
-    /**
-     * The focused state of the component.
-     */
-    focused: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * The `id` of the component. When omitted, a globally unique identifier is used.
-     */
-    guid: string;
-    /**
-     * When `true`, the component is not displayed and is not focusable or checkable.
-     */
-    hidden: boolean;
-    /**
-     * The hovered state of the component.
-     */
-    hovered: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label?: string;
-    /**
-     * Specifies the name of the component. Can be inherited from `calcite-radio-button-group`.  Required to pass the component's `value` on form submission.
-     */
-    name: string;
-    /**
-     * When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component inherited from the `calcite-radio-button-group`.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * The component's value.
-     */
-    value: any;
-  }
-  interface CalciteRadioButtonGroup {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * When `true`, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable.
-     */
-    hidden: boolean;
-    /**
-     * Defines the layout of the component.
-     */
-    layout: Layout;
-    /**
-     * Specifies the name of the component on form submission. Must be unique to other component instances.
-     */
-    name: string;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Specifies the component's selected item.
-     * @readonly
-     */
-    selectedItem: HTMLCalciteRadioButtonElement;
-    /**
-     * Sets focus on the fist focusable `calcite-radio-button` element in the component.
-     */
-    setFocus: () => Promise<void>;
-  }
-  interface CalciteRating {
-    /**
-     * Specifies a cumulative average from previous ratings to display.
-     */
-    average: number;
-    /**
-     * Specifies the number of previous ratings to display.
-     */
-    count: number;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<RatingMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: RatingMessages;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name: string;
-    /**
-     * When `true`, the component's value can be read, but cannot be modified.
-     */
-    readOnly: boolean;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`.
-     */
-    showChip: boolean;
-    /**
-     * The component's value.
-     */
-    value: number;
-  }
-  interface CalciteScrim {
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<ScrimMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: ScrimMessages;
-  }
-  interface CalciteSegmentedControl {
-    /**
-     * Specifies the appearance style of the component.
-     */
-    appearance: Extract<"outline" | "outline-fill" | "solid", Appearance>;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * Defines the layout of the component.
-     */
-    layout: Extract<"horizontal" | "vertical", Layout>;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name: string;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * The component's selected item `HTMLElement`.
-     * @readonly
-     */
-    selectedItem: HTMLCalciteSegmentedControlItemElement;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * The component's `selectedItem` value.
-     */
-    value: string;
-    /**
-     * Specifies the width of the component.
-     */
-    width: Extract<"auto" | "full", Width>;
-  }
-  interface CalciteSegmentedControlItem {
-    /**
-     * Specifies the appearance style of the component inherited from parent `calcite-segmented-control`, defaults to `solid`.
-     */
-    appearance: Extract<"outline" | "outline-fill" | "solid", Appearance>;
-    /**
-     * When `true`, the component is checked.
-     */
-    checked: boolean;
-    /**
-     * Specifies an icon to display at the end of the component.
-     */
-    iconEnd: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart: string;
-    /**
-     * Defines the layout of the component inherited from parent `calcite-segmented-control`, defaults to `horizontal`.
-     */
-    layout: Layout;
-    /**
-     * Specifies the size of the component inherited from the `calcite-segmented-control`, defaults to `m`.
-     */
-    scale: Scale;
-    /**
-     * The component's value.
-     */
-    value: any | null;
-  }
-  interface CalciteSelect {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name: string;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * The component's selected option `HTMLElement`.
-     * @readonly
-     */
-    selectedOption: HTMLCalciteOptionElement;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * The component's `selectedOption` value.
-     */
-    value: string;
-    /**
-     * Specifies the width of the component.
-     */
-    width: Width;
-  }
-  interface CalciteSheet {
-    /**
-     * Passes a function to run before the component closes.
-     * @returns
-     */
-    beforeClose: (el: HTMLCalciteSheetElement) => Promise<void>;
-    /**
-     * Specifies the display mode - `"float"` (content is separated detached), or `"overlay"` (displays on top of center content).
-     */
-    displayMode: DisplayMode;
-    /**
-     * When `true`, disables the default close on escape behavior.
-     */
-    escapeDisabled: boolean;
-    /**
-     * When `true`, prevents focus trapping.
-     */
-    focusTrapDisabled: boolean;
-    /**
-     * When `position` is `"block-start"` or `"block-end"`, specifies the height of the component.
-     */
-    heightScale: Scale;
-    /**
-     * Specifies the label of the component.
-     */
-    label: string;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    open: boolean;
-    /**
-     * We use an internal property to handle styles for when a modal is actually opened, not just when the open attribute is applied. This is a property because we need to apply styles to the host element and to keep the styles present while beforeClose is .
-     */
-    opened: boolean;
-    /**
-     * When `true`, disables the closing of the component when clicked outside.
-     */
-    outsideCloseDisabled: boolean;
-    /**
-     * Determines where the component will be positioned.
-     */
-    position: LogicalFlowPosition;
-    /**
-     * Sets focus on the component's "close" button (the first focusable item).
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
-     */
-    slottedInShell: boolean;
-    /**
-     * Updates the element(s) that are used within the focus-trap of the component.
-     */
-    updateFocusTrapElements: () => Promise<void>;
-    /**
-     * When `position` is `"inline-start"` or `"inline-end"`, specifies the width of the component.
-     */
-    widthScale: Scale;
-  }
-  interface CalciteShell {
-    /**
-     * Positions the center content behind any `calcite-shell-panel`s.
-     */
-    contentBehind: boolean;
-  }
-  interface CalciteShellCenterRow {
-    /**
-     * When `true`, the content area displays like a floating panel.
-     */
-    detached: boolean;
-    /**
-     * Specifies the maximum height of the component.
-     */
-    heightScale: Scale;
-    /**
-     * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    position: Position;
-  }
-  interface CalciteShellPanel {
-    /**
-     * When `true`, hides the component's content area.
-     */
-    collapsed: boolean;
-    /**
-     * When `true`, the content area displays like a floating panel.
-     * @deprecated use `displayMode` instead.
-     */
-    detached: boolean;
-    /**
-     * When `displayMode` is `float`, specifies the maximum height of the component.
-     * @deprecated use `heightScale` instead.
-     */
-    detachedHeightScale: Scale;
-    /**
-     * Specifies the display mode - `"dock"` (full height, displays adjacent to center content), `"float"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content), or `"overlay"` (full height, displays on top of center content).
-     */
-    displayMode: DisplayMode1;
-    /**
-     * When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.
-     */
-    heightScale: Scale;
-    /**
-     * The direction of the component.
-     */
-    layout: Extract<"horizontal" | "vertical", Layout>;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<ShellPanelMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: ShellPanelMessages;
-    /**
-     * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    position: Position;
-    /**
-     * When `true` and `displayMode` is not `float`, the component's content area is resizable.
-     */
-    resizable: boolean;
-    /**
-     * When `layout` is `vertical`, specifies the width of the component.
-     */
-    widthScale: Scale;
-  }
-  interface CalciteSlider {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    groupSeparator: boolean;
-    /**
-     * When `true`, indicates a histogram is present.
-     */
-    hasHistogram: boolean;
-    /**
-     * A list of the histogram's x,y coordinates within the component's `min` and `max`. Displays above the component's track.
-     * @see [DataSeries](https://github.com/Esri/calcite-design-system/blob/main/src/components/graph/interfaces.ts#L5)
-     */
-    histogram: DataSeries;
-    /**
-     * A set of single color stops for a histogram, sorted by offset ascending.
-     */
-    histogramStops: ColorStop[];
-    /**
-     * When `true`, displays label handles with their numeric value.
-     */
-    labelHandles: boolean;
-    /**
-     * When `true` and `ticks` is specified, displays label tick marks with their numeric value.
-     */
-    labelTicks: boolean;
-    /**
-     * The component's maximum selectable value.
-     */
-    max: number;
-    /**
-     * For multiple selections, the accessible name for the second handle, such as `"Temperature, upper bound"`.
-     */
-    maxLabel: string;
-    /**
-     * For multiple selections, the component's upper value.
-     */
-    maxValue: number;
-    /**
-     * The component's minimum selectable value.
-     */
-    min: number;
-    /**
-     * Accessible name for first (or only) handle, such as `"Temperature, lower bound"`.
-     */
-    minLabel: string;
-    /**
-     * For multiple selections, the component's lower value.
-     */
-    minValue: number;
-    /**
-     * When `true`, the slider will display values from high to low.  Note that this value will be ignored if the slider has an associated histogram.
-     */
-    mirrored: boolean;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name: string;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem: NumberingSystem;
-    /**
-     * Specifies the interval to move with the page up, or page down keys.
-     */
-    pageStep: number;
-    /**
-     * When `true`, sets a finer point for handles.
-     */
-    precise: boolean;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * When `true`, enables snap selection in coordination with `step` via a mouse.
-     */
-    snap: boolean;
-    /**
-     * Specifies the interval to move with the up, or down keys.
-     */
-    step: number;
-    /**
-     * Displays tick marks on the number line at a specified interval.
-     */
-    ticks: number;
-    /**
-     * The component's value.
-     */
-    value: null | number | number[];
-  }
-  interface CalciteSortableList {
-    /**
-     * When provided, the method will be called to determine whether the element can  move from the list.
-     */
-    canPull: (detail: DragDetail) => boolean;
-    /**
-     * When provided, the method will be called to determine whether the element can be added from another list.
-     */
-    canPut: (detail: DragDetail) => boolean;
-    /**
-     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-     */
-    disabled: boolean;
-    /**
-     * Specifies which items inside the element should be draggable.
-     */
-    dragSelector?: string;
-    /**
-     * The list's group identifier.  To drag elements from one list into another, both lists must have the same group value.
-     */
-    group?: string;
-    /**
-     * The selector for the handle elements.
-     */
-    handleSelector: string;
-    /**
-     * Indicates the horizontal or vertical orientation of the component.
-     */
-    layout: Layout;
-    /**
-     * When true, content is waiting to be loaded. This state shows a busy indicator.
-     */
-    loading: boolean;
-  }
-  interface CalciteSplitButton {
-    /**
-     * When `true`, the component is active.
-     */
-    active: boolean;
-    /**
-     * Specifies the appearance style of the component.
-     */
-    appearance: Extract<"outline" | "outline-fill" | "solid" | "transparent", Appearance>;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Specifies the icon used for the dropdown menu.
-     */
-    dropdownIconType: DropdownIconType;
-    /**
-     * Accessible name for the dropdown menu.
-     */
-    dropdownLabel: string;
-    /**
-     * Specifies the kind of the component (will apply to border and background if applicable).
-     */
-    kind: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
-    /**
-     * When `true`, a busy indicator is displayed on the primary button.
-     */
-    loading: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning: OverlayPositioning;
-    /**
-     * Specifies an icon to display at the end of the primary button.
-     */
-    primaryIconEnd: string;
-    /**
-     * Displays the `primaryIconStart` and/or `primaryIconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    primaryIconFlipRtl: FlipContext;
-    /**
-     * Specifies an icon to display at the start of the primary button.
-     */
-    primaryIconStart: string;
-    /**
-     * Accessible name for the primary button.
-     */
-    primaryLabel: string;
-    /**
-     * Text displayed in the primary button.
-     */
-    primaryText: string;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies the width of the component.
-     */
-    width: Width;
-  }
-  interface CalciteStack {
-    /**
-     * When `true`, content interaction is prevented and displayed with lower opacity.
-     */
-    disabled: boolean;
-  }
-  interface CalciteStepper {
-    /**
-     * Set the last `calcite-stepper-item` as active.
-     */
-    endStep: () => Promise<void>;
-    /**
-     * Set a specified `calcite-stepper-item` as active.
-     * @param step
-     */
-    goToStep: (step: number) => Promise<void>;
-    /**
-     * When `true`, displays a status icon in the `calcite-stepper-item` heading.
-     */
-    icon: boolean;
-    /**
-     * Defines the layout of the component.
-     */
-    layout: Extract<"horizontal" | "vertical", Layout>;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<StepperMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: StepperMessages;
-    /**
-     * Set the next `calcite-stepper-item` as active.
-     */
-    nextStep: () => Promise<void>;
-    /**
-     * When `true`, displays the step number in the `calcite-stepper-item` heading.
-     */
-    numbered: boolean;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Set the previous `calcite-stepper-item` as active.
-     */
-    prevStep: () => Promise<void>;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Specifies the component's selected item.
-     * @readonly
-     */
-    selectedItem: HTMLCalciteStepperItemElement;
-    /**
-     * Set the first `calcite-stepper-item` as active.
-     */
-    startStep: () => Promise<void>;
-  }
-  interface CalciteStepperItem {
-    /**
-     * When `true`, the step has been completed.
-     */
-    complete: boolean;
-    /**
-     * A description for the component. Displays below the header text.
-     */
-    description: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * When `true`, the component contains an error that requires resolution from the user.
-     */
-    error: boolean;
-    /**
-     * The component header text.
-     */
-    heading: string;
-    /**
-     * When `true`, displays a status icon in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.
-     */
-    icon: boolean;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-    /**
-     * Specifies the layout of the `calcite-stepper-item` inherited from parent `calcite-stepper`, defaults to `horizontal`.
-     */
-    layout: Extract<"horizontal" | "vertical", Layout>;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<StepperItemMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: StepperItemMessages;
-    /**
-     * When `true`, displays the step number in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.
-     */
-    numbered: boolean;
-    numberingSystem: NumberingSystem;
-    /**
-     * Specifies the size of the component inherited from the `calcite-stepper`, defaults to `m`.
-     */
-    scale: Scale;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected: boolean;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-  }
-  interface CalciteSwitch {
-    /**
-     * When `true`, the component is checked.
-     */
-    checked: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name: string;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * The component's value.
-     */
-    value: any;
-  }
-  interface CalciteTab {
-    /**
-     * Returns the index of the component item within the tab array.
-     */
-    getTabIndex: () => Promise<number>;
-    /**
-     * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.
-     */
-    scale: Scale;
-    /**
-     * When `true`, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
-     */
-    selected: boolean;
-    /**
-     * Specifies a unique name for the component.  When specified, use the same value on the `calcite-tab-title`.
-     */
-    tab: string;
-    /**
-     * @param tabIds
-     * @param titleIds
-     */
-    updateAriaInfo: (tabIds?: string[], titleIds?: string[]) => Promise<void>;
-  }
-  interface CalciteTabNav {
-    bordered: boolean;
-    indicatorOffset: number;
-    indicatorWidth: number;
-    layout: TabLayout;
-    /**
-     * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.
-     */
-    position: TabPosition;
-    /**
-     * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.
-     */
-    scale: Scale;
-    /**
-     * Specifies the component's selected tab-title.
-     * @readonly
-     */
-    selectedTitle: HTMLCalciteTabTitleElement;
-    /**
-     * Specifies the name when saving selected `calcite-tab` data to `localStorage`.
-     */
-    storageId: string;
-    /**
-     * Specifies text to update multiple components to keep in sync if one changes.
-     */
-    syncId: string;
-  }
-  interface CalciteTabTitle {
-    bordered: boolean;
-    /**
-     * When `true`, a close button is added to the component.
-     */
-    closable: boolean;
-    /**
-     * When `true`, does not display or position the component.
-     */
-    closed: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    getTabIdentifier: () => Promise<TabID>;
-    /**
-     * Returns the index of the title within the `calcite-tab-nav`.
-     */
-    getTabIndex: () => Promise<number>;
-    /**
-     * Specifies an icon to display at the end of the component.
-     */
-    iconEnd: string;
-    /**
-     * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: FlipContext;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart: string;
-    layout: TabLayout;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<TabTitleMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: TabTitleMessages;
-    /**
-     * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.
-     */
-    position: TabPosition;
-    /**
-     * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.
-     */
-    scale: Scale;
-    /**
-     * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
-     */
-    selected: boolean;
-    /**
-     * Specifies a unique name for the component.  When specified, use the same value on the `calcite-tab`.
-     */
-    tab: string;
-    /**
-     * @param tabIds
-     * @param titleIds
-     */
-    updateAriaInfo: (tabIds?: string[], titleIds?: string[]) => Promise<void>;
-  }
-  interface CalciteTable {
-    /**
-     * When `true`, displays borders in the component.
-     */
-    bordered: boolean;
-    /**
-     * Specifies an accessible title for the component.
-     */
-    caption: string;
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    groupSeparator: boolean;
-    /**
-     * Specifies the layout of the component.
-     */
-    layout: TableLayout;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<TableMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: TableMessages;
-    /**
-     * When `true`, displays the position of the row in numeric form.
-     */
-    numbered: boolean;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Specifies the page size of the component. When `true`, renders `calcite-pagination`
-     */
-    pageSize: number;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Specifies the component's selected items.
-     * @readonly
-     */
-    selectedItems: HTMLCalciteTableRowElement[];
-    /**
-     * Specifies the selection mode of the component.
-     */
-    selectionMode: Extract<"none" | "multiple" | "single", SelectionMode>;
-    /**
-     * When `true`, displays zebra styling in the component.
-     */
-    zebra: boolean;
-  }
-  interface CalciteTableCell {
-    /**
-     * Specifies the alignment of the component.
-     */
-    alignment: Alignment;
-    /**
-     * Specifies the number of columns the component should span.
-     */
-    colSpan: number;
-    /**
-     * When true, prevents user interaction.  Notes:  This prop should use the
-     */
-    disabled: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<TableCellMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: TableCellMessages;
-    numberCell: boolean;
-    parentRowIsSelected: boolean;
-    parentRowPositionLocalized: string;
-    parentRowType: RowType;
-    positionInRow: number;
-    readCellContentsToAT: boolean;
-    /**
-     * Specifies the number of rows the component should span.
-     */
-    rowSpan: number;
-    scale: Scale;
-    selectionCell: boolean;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-  }
-  interface CalciteTableHeader {
-    /**
-     * Specifies the alignment of the component.
-     */
-    alignment: Alignment;
-    bodyRowCount: number;
-    /**
-     * Specifies the number of columns the component should span.
-     */
-    colSpan: number;
-    /**
-     * A description to display beneath heading content.
-     */
-    description: string;
-    /**
-     * A heading to display above description content.
-     */
-    heading: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<TableHeaderMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: TableHeaderMessages;
-    numberCell: boolean;
-    parentRowPosition: number;
-    parentRowType: RowType;
-    positionInRow: number;
-    /**
-     * Specifies the number of rows the component should span.
-     */
-    rowSpan: number;
-    scale: Scale;
-    selectedRowCount: number;
-    selectedRowCountLocalized: string;
-    selectionCell: boolean;
-    selectionMode: SelectionMode;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-  }
-  interface CalciteTableRow {
-    bodyRowCount: number;
-    cellCount: number;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    numbered: boolean;
-    positionAll: number;
-    positionSection: number;
-    positionSectionLocalized: string;
-    readCellContentsToAT: boolean;
-    rowType: RowType;
-    scale: Scale;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected: boolean;
-    selectedRowCount: number;
-    selectedRowCountLocalized: string;
-    selectionMode: Extract<"multiple" | "single" | "none", SelectionMode>;
-  }
-  interface CalciteTabs {
-    /**
-     * When `true`, the component will display with a folder style menu.
-     */
-    bordered: boolean;
-    /**
-     * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`"inline"`), or across and centered (`"center"`).
-     */
-    layout: TabLayout;
-    /**
-     * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to the `calcite-tabs`, defaults to `top`.
-     */
-    position: TabPosition;
-    /**
-     * Specifies the size of the component, defaults to `m`.
-     */
-    scale: Scale;
-  }
-  interface CalciteTextArea {
-    /**
-     * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
-     * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
-     */
-    autofocus: boolean;
-    /**
-     * Specifies the component's number of columns.
-     * @mdn [cols](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols)
-     */
-    columns: number;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
-     */
-    disabled: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form: string;
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    groupSeparator: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Specifies the maximum number of characters allowed.
-     * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-maxlength)
-     */
-    maxLength: number;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<TextAreaMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: TextAreaMessages;
-    /**
-     * Specifies the name of the component.
-     * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-name)
-     */
-    name: string;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem: NumberingSystem;
-    /**
-     * Specifies the placeholder text for the component.
-     * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-placeholder)
-     */
-    placeholder: string;
-    /**
-     * When `true`, the component's `value` can be read, but cannot be modified.
-     * @readonly
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    readOnly: boolean;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     * @mdn [required]https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required
-     */
-    required: boolean;
-    /**
-     * Specifies if the component is resizable.
-     */
-    resize: "both" | "horizontal" | "vertical" | "none";
-    /**
-     * Specifies the component's number of rows.
-     * @mdn [rows](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows)
-     */
-    rows: number;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: "l" | "m" | "s";
-    /**
-     * Selects the text of the component's `value`.
-     */
-    selectText: () => Promise<void>;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * The component's value.
-     */
-    value: string;
-    /**
-     * Specifies the wrapping mechanism for the text.
-     * @mdn [wrap](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-wrap)
-     */
-    wrap: "soft" | "hard";
-  }
-  interface CalciteTile {
-    /**
-     * When `true`, the component is active.
-     */
-    active: boolean;
-    /**
-     * A description for the component, which displays below the heading.
-     */
-    description: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * The component's embed mode.  When `true`, renders without a border and padding for use by other components.
-     */
-    embed: boolean;
-    /**
-     * The focused state of the component.
-     */
-    focused: boolean;
-    /**
-     * The component header text, which displays between the icon and description.
-     */
-    heading: string;
-    /**
-     * When `true`, the component is not displayed and is not focusable.
-     */
-    hidden: boolean;
-    /**
-     * When embed is `"false"`, the URL for the component.
-     */
-    href: string;
-    /**
-     * Specifies an icon to display.
-     */
-    icon: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-  }
-  interface CalciteTileSelect {
-    /**
-     * When `true`, the component is checked.
-     */
-    checked: boolean;
-    /**
-     * A description for the component, which displays below the heading.
-     */
-    description: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * The component header text, which displays between the icon and description.
-     */
-    heading: string;
-    /**
-     * When `true`, the component is not displayed and is not focusable or checkable.
-     */
-    hidden: boolean;
-    /**
-     * Specifies an icon to display.
-     */
-    icon: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-    /**
-     * When `inputEnabled` is `true`, specifies the placement of the interactive input on the component.
-     */
-    inputAlignment: Extract<"end" | "start", Alignment>;
-    /**
-     * When `true`, displays an interactive input based on the `type` property.
-     */
-    inputEnabled: boolean;
-    /**
-     * Specifies the name of the component on form submission.
-     */
-    name: any;
-    /**
-     * Sets focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * The selection mode of the component.  Use radio for single selection, and checkbox for multiple selections.
-     */
-    type: TileSelectType;
-    /**
-     * The component's value.
-     */
-    value: any;
-    /**
-     * Specifies the width of the component.
-     */
-    width: Extract<"auto" | "full", Width>;
-  }
-  interface CalciteTileSelectGroup {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * Defines the layout of the component.  Use `"horizontal"` for rows, and `"vertical"` for a single column.
-     */
-    layout: TileSelectGroupLayout;
-  }
-  interface CalciteTimePicker {
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<TimePickerMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: TimePickerMessages;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem: NumberingSystem;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Sets focus on the component's first focusable element.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Specifies the granularity the `value` must adhere to (in seconds).
-     */
-    step: number;
-    /**
-     * The component's value in UTC (always 24-hour format).
-     */
-    value: string;
-  }
-  interface CalciteTip {
-    /**
-     * When `true`, the close button is not present on the component.
-     */
-    closeDisabled: boolean;
-    /**
-     * When `true`, the component does not display.
-     */
-    closed: boolean;
-    /**
-     * The component header text.
-     */
-    heading: string;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel: HeadingLevel;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<TipMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: TipMessages;
-    /**
-     * When `true`, the component is selected if it has a parent `calcite-tip-manager`.  Only one tip can be selected within the `calcite-tip-manager` parent.
-     */
-    selected: boolean;
-  }
-  interface CalciteTipGroup {
-    /**
-     * The component header text for all nested `calcite-tip`s.
-     */
-    groupTitle: string;
-  }
-  interface CalciteTipManager {
-    /**
-     * When `true`, does not display or position the component.
-     */
-    closed: boolean;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel: HeadingLevel;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<TipManagerMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: TipManagerMessages;
-    /**
-     * Selects the next `calcite-tip` to display.
-     */
-    nextTip: () => Promise<void>;
-    /**
-     * Selects the previous `calcite-tip` to display.
-     */
-    previousTip: () => Promise<void>;
-  }
-  interface CalciteTooltip {
-    /**
-     * Closes the component when the `referenceElement` is clicked.
-     */
-    closeOnClick: boolean;
-    /**
-     * Accessible name for the component.
-     * @deprecated No longer necessary. Overrides the context of the component's description, which could confuse assistive technology users.
-     */
-    label: string;
-    /**
-     * Offset the position of the component away from the `referenceElement`.
-     * @default 6
-     */
-    offsetDistance: number;
-    /**
-     * Offset the position of the component along the `referenceElement`.
-     */
-    offsetSkidding: number;
-    /**
-     * When `true`, the component is open.
-     */
-    open: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  The `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning: OverlayPositioning;
-    /**
-     * Determines where the component will be positioned relative to the `referenceElement`.
-     */
-    placement: LogicalPlacement;
-    /**
-     * The `referenceElement` to position the component according to its `"placement"` value.  Setting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`.  However, a string ID of the reference element can be used.
-     */
-    referenceElement: ReferenceElement | string;
-    /**
-     * Updates the position of the component.
-     * @param delayed
-     */
-    reposition: (delayed?: boolean) => Promise<void>;
-  }
-  interface CalciteTree {
-    child: boolean;
-    /**
-     * Displays indentation guide lines.
-     */
-    lines: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale: Scale;
-    /**
-     * Specifies the component's selected items.
-     * @readonly
-     */
-    selectedItems: HTMLCalciteTreeItemElement[];
-    /**
-     * Specifies the selection mode, where `"ancestors"` displays with a checkbox and allows any number of selections from corresponding parent and child selections, `"children"` allows any number of selections from one parent from corresponding parent and child selections, `"multichildren"` allows any number of selections from corresponding parent and child selections, `"multiple"` allows any number of selections, `"none"` allows no selections, `"single"` allows one selection, and `"single-persist"` allows and requires one selection.
-     * @default "single"
-     */
-    selectionMode: SelectionMode;
-  }
-  interface CalciteTreeItem {
-    depth: number;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * When `true`, the component is expanded.
-     */
-    expanded: boolean;
-    hasChildren: boolean;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: FlipContext;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart: string;
-    /**
-     * In ancestor selection mode, show as indeterminate when only some children are selected.
-     */
-    indeterminate: boolean;
-    lines: boolean;
-    parentExpanded: boolean;
-    scale: Scale;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected: boolean;
-    selectionMode: SelectionMode;
-  }
-  /**
-   * @deprecated Use the `list` component instead.
-   */
-  interface CalciteValueList {
-    /**
-     * When provided, the method will be called to determine whether the element can  move from the list.
-     */
-    canPull: (detail: DragDetail) => boolean;
-    /**
-     * When provided, the method will be called to determine whether the element can be added from another list.
-     */
-    canPut: (detail: DragDetail) => boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    /**
-     * When `true`, `calcite-value-list-item`s are sortable via a draggable button.
-     */
-    dragEnabled: boolean;
-    /**
-     * When `true`, an input appears at the top of the component that can be used by end users to filter list items.
-     */
-    filterEnabled: boolean;
-    /**
-     * Placeholder text for the filter's input field.
-     */
-    filterPlaceholder: string;
-    /**
-     * Text for the filter input field.
-     */
-    filterText: string;
-    /**
-     * The currently filtered data.
-     * @readonly
-     */
-    filteredData: ItemData1;
-    /**
-     * The currently filtered items.
-     * @readonly
-     */
-    filteredItems: HTMLCalciteValueListItemElement[];
-    /**
-     * Returns the currently selected items
-     */
-    getSelectedItems: () => Promise<Map<string, HTMLCalciteValueListItemElement>>;
-    /**
-     * The component's group identifier.  To drag elements from one list into another, both lists must have the same group value.
-     */
-    group?: string;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides: Partial<ValueListMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages: ValueListMessages;
-    /**
-     * Similar to standard radio buttons and checkboxes. When `true`, a user can select multiple `calcite-value-list-item`s at a time. When `false`, only a single `calcite-value-list-item` can be selected at a time, and a new selection will deselect previous selections.
-     */
-    multiple: boolean;
-    /**
-     * When `true` and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
-     */
-    selectionFollowsFocus: boolean;
-    /**
-     * Sets focus on the component's first focusable element.
-     * @param focusId
-     */
-    setFocus: (focusId?: ListFocusId) => Promise<void>;
-  }
-  /**
-   * @deprecated Use the `list` component instead.
-   */
-  interface CalciteValueListItem {
-    /**
-     * A description for the component that displays below the label text.
-     */
-    description?: string;
-    deselectDisabled: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled: boolean;
-    handleActivated?: boolean;
-    /**
-     * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
-     * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/main/src/components/pick-list/resources.ts#L5)
-     */
-    icon?: ICON_TYPES | null;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl: boolean;
-    /**
-     * Label and accessible name for the component. Appears next to the icon.
-     */
-    label: string;
-    /**
-     * Provides additional metadata to the component. Primary use is for a filter on the parent list.
-     */
-    metadata?: Record<string, unknown>;
-    /**
-     * When `true`, prevents the content of the component from user interaction.
-     */
-    nonInteractive: boolean;
-    /**
-     * When `true`, adds an action to remove the component.
-     */
-    removable: boolean;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected: boolean;
-    /**
-     * Set focus on the component.
-     */
-    setFocus: () => Promise<void>;
-    /**
-     * Toggle the selection state. By default this won't trigger an event. The first argument allows the value to be coerced, rather than swapping values.
-     * @param coerce
-     */
-    toggleSelected: (coerce?: boolean) => Promise<void>;
-    /**
-     * The component's value.
-     */
-    value: any;
-  }
-}
-export interface CalciteAccordionCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteAccordionElement;
-}
-export interface CalciteAccordionItemCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteAccordionItemElement;
-}
-export interface CalciteActionBarCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteActionBarElement;
-}
-export interface CalciteActionMenuCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteActionMenuElement;
-}
-export interface CalciteActionPadCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteActionPadElement;
-}
-export interface CalciteAlertCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteAlertElement;
-}
-export interface CalciteBlockCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteBlockElement;
-}
-export interface CalciteBlockSectionCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteBlockSectionElement;
-}
-export interface CalciteCardCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteCardElement;
-}
-export interface CalciteCheckboxCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteCheckboxElement;
-}
-export interface CalciteChipCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteChipElement;
-}
-export interface CalciteChipGroupCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteChipGroupElement;
-}
-export interface CalciteColorPickerCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteColorPickerElement;
-}
-export interface CalciteColorPickerHexInputCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteColorPickerHexInputElement;
-}
-export interface CalciteComboboxCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteComboboxElement;
-}
-export interface CalciteComboboxItemCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteComboboxItemElement;
-}
-export interface CalciteDatePickerCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteDatePickerElement;
-}
-export interface CalciteDatePickerDayCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteDatePickerDayElement;
-}
-export interface CalciteDatePickerMonthCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteDatePickerMonthElement;
-}
-export interface CalciteDatePickerMonthHeaderCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteDatePickerMonthHeaderElement;
-}
-export interface CalciteDropdownCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteDropdownElement;
-}
-export interface CalciteDropdownGroupCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteDropdownGroupElement;
-}
-export interface CalciteDropdownItemCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteDropdownItemElement;
-}
-export interface CalciteFilterCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteFilterElement;
-}
-export interface CalciteFlowItemCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteFlowItemElement;
-}
-export interface CalciteHandleCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteHandleElement;
-}
-export interface CalciteInlineEditableCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteInlineEditableElement;
-}
-export interface CalciteInputCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteInputElement;
-}
-export interface CalciteInputDatePickerCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteInputDatePickerElement;
-}
-export interface CalciteInputNumberCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteInputNumberElement;
-}
-export interface CalciteInputTextCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteInputTextElement;
-}
-export interface CalciteInputTimePickerCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteInputTimePickerElement;
-}
-export interface CalciteInputTimeZoneCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteInputTimeZoneElement;
-}
-export interface CalciteLabelCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteLabelElement;
-}
-export interface CalciteListCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteListElement;
-}
-export interface CalciteListItemCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteListItemElement;
-}
-export interface CalciteListItemGroupCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteListItemGroupElement;
-}
-export interface CalciteMenuItemCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteMenuItemElement;
-}
-export interface CalciteModalCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteModalElement;
-}
-export interface CalciteNavigationCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteNavigationElement;
-}
-export interface CalciteNoticeCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteNoticeElement;
-}
-export interface CalciteOptionCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteOptionElement;
-}
-export interface CalciteOptionGroupCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteOptionGroupElement;
-}
-export interface CalcitePaginationCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalcitePaginationElement;
-}
-export interface CalcitePanelCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalcitePanelElement;
-}
-export interface CalcitePickListCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalcitePickListElement;
-}
-export interface CalcitePickListItemCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalcitePickListItemElement;
-}
-export interface CalcitePopoverCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalcitePopoverElement;
-}
-export interface CalciteRadioButtonCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteRadioButtonElement;
-}
-export interface CalciteRadioButtonGroupCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteRadioButtonGroupElement;
-}
-export interface CalciteRatingCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteRatingElement;
-}
-export interface CalciteSegmentedControlCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteSegmentedControlElement;
-}
-export interface CalciteSegmentedControlItemCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteSegmentedControlItemElement;
-}
-export interface CalciteSelectCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteSelectElement;
-}
-export interface CalciteSheetCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteSheetElement;
-}
-export interface CalciteSliderCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteSliderElement;
-}
-export interface CalciteSortableListCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteSortableListElement;
-}
-export interface CalciteSplitButtonCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteSplitButtonElement;
-}
-export interface CalciteStepperCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteStepperElement;
-}
-export interface CalciteStepperItemCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteStepperItemElement;
-}
-export interface CalciteSwitchCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteSwitchElement;
-}
-export interface CalciteTabCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteTabElement;
-}
-export interface CalciteTabNavCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteTabNavElement;
-}
-export interface CalciteTabTitleCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteTabTitleElement;
-}
-export interface CalciteTableCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteTableElement;
-}
-export interface CalciteTableRowCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteTableRowElement;
-}
-export interface CalciteTextAreaCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteTextAreaElement;
-}
-export interface CalciteTileSelectCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteTileSelectElement;
-}
-export interface CalciteTimePickerCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteTimePickerElement;
-}
-export interface CalciteTipCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteTipElement;
-}
-export interface CalciteTipManagerCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteTipManagerElement;
-}
-export interface CalciteTooltipCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteTooltipElement;
-}
-export interface CalciteTreeCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteTreeElement;
-}
-export interface CalciteTreeItemCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteTreeItemElement;
-}
-export interface CalciteValueListCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteValueListElement;
-}
-export interface CalciteValueListItemCustomEvent<T> extends CustomEvent<T> {
-  detail: T;
-  target: HTMLCalciteValueListItemElement;
-}
-declare global {
-  interface HTMLCalciteAccordionElementEventMap {
-    calciteInternalAccordionChange: RequestedItem;
-  }
-  interface HTMLCalciteAccordionElement extends Components.CalciteAccordion, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteAccordionElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteAccordionElement,
-        ev: CalciteAccordionCustomEvent<HTMLCalciteAccordionElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteAccordionElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteAccordionElement,
-        ev: CalciteAccordionCustomEvent<HTMLCalciteAccordionElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteAccordionElement: {
-    prototype: HTMLCalciteAccordionElement;
-    new (): HTMLCalciteAccordionElement;
-  };
-  interface HTMLCalciteAccordionItemElementEventMap {
-    calciteInternalAccordionItemSelect: RequestedItem1;
-    calciteInternalAccordionItemClose: void;
-  }
-  interface HTMLCalciteAccordionItemElement extends Components.CalciteAccordionItem, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteAccordionItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteAccordionItemElement,
-        ev: CalciteAccordionItemCustomEvent<HTMLCalciteAccordionItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteAccordionItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteAccordionItemElement,
-        ev: CalciteAccordionItemCustomEvent<HTMLCalciteAccordionItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteAccordionItemElement: {
-    prototype: HTMLCalciteAccordionItemElement;
-    new (): HTMLCalciteAccordionItemElement;
-  };
-  interface HTMLCalciteActionElement extends Components.CalciteAction, HTMLStencilElement {}
-  var HTMLCalciteActionElement: {
-    prototype: HTMLCalciteActionElement;
-    new (): HTMLCalciteActionElement;
-  };
-  interface HTMLCalciteActionBarElementEventMap {
-    calciteActionBarToggle: void;
-  }
-  interface HTMLCalciteActionBarElement extends Components.CalciteActionBar, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteActionBarElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteActionBarElement,
-        ev: CalciteActionBarCustomEvent<HTMLCalciteActionBarElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteActionBarElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteActionBarElement,
-        ev: CalciteActionBarCustomEvent<HTMLCalciteActionBarElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteActionBarElement: {
-    prototype: HTMLCalciteActionBarElement;
-    new (): HTMLCalciteActionBarElement;
-  };
-  interface HTMLCalciteActionGroupElement extends Components.CalciteActionGroup, HTMLStencilElement {}
-  var HTMLCalciteActionGroupElement: {
-    prototype: HTMLCalciteActionGroupElement;
-    new (): HTMLCalciteActionGroupElement;
-  };
-  interface HTMLCalciteActionMenuElementEventMap {
-    calciteActionMenuOpen: void;
-  }
-  interface HTMLCalciteActionMenuElement extends Components.CalciteActionMenu, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteActionMenuElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteActionMenuElement,
-        ev: CalciteActionMenuCustomEvent<HTMLCalciteActionMenuElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteActionMenuElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteActionMenuElement,
-        ev: CalciteActionMenuCustomEvent<HTMLCalciteActionMenuElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteActionMenuElement: {
-    prototype: HTMLCalciteActionMenuElement;
-    new (): HTMLCalciteActionMenuElement;
-  };
-  interface HTMLCalciteActionPadElementEventMap {
-    calciteActionPadToggle: void;
-  }
-  interface HTMLCalciteActionPadElement extends Components.CalciteActionPad, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteActionPadElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteActionPadElement,
-        ev: CalciteActionPadCustomEvent<HTMLCalciteActionPadElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteActionPadElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteActionPadElement,
-        ev: CalciteActionPadCustomEvent<HTMLCalciteActionPadElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteActionPadElement: {
-    prototype: HTMLCalciteActionPadElement;
-    new (): HTMLCalciteActionPadElement;
-  };
-  interface HTMLCalciteAlertElementEventMap {
-    calciteAlertBeforeClose: void;
-    calciteAlertClose: void;
-    calciteAlertBeforeOpen: void;
-    calciteAlertOpen: void;
-    calciteInternalAlertSync: Sync;
-    calciteInternalAlertRegister: void;
-  }
-  interface HTMLCalciteAlertElement extends Components.CalciteAlert, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteAlertElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteAlertElement, ev: CalciteAlertCustomEvent<HTMLCalciteAlertElementEventMap[K]>) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteAlertElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteAlertElement, ev: CalciteAlertCustomEvent<HTMLCalciteAlertElementEventMap[K]>) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteAlertElement: {
-    prototype: HTMLCalciteAlertElement;
-    new (): HTMLCalciteAlertElement;
-  };
-  interface HTMLCalciteAvatarElement extends Components.CalciteAvatar, HTMLStencilElement {}
-  var HTMLCalciteAvatarElement: {
-    prototype: HTMLCalciteAvatarElement;
-    new (): HTMLCalciteAvatarElement;
-  };
-  interface HTMLCalciteBlockElementEventMap {
-    calciteBlockBeforeClose: void;
-    calciteBlockBeforeOpen: void;
-    calciteBlockClose: void;
-    calciteBlockOpen: void;
-    calciteBlockToggle: void;
-  }
-  interface HTMLCalciteBlockElement extends Components.CalciteBlock, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteBlockElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteBlockElement, ev: CalciteBlockCustomEvent<HTMLCalciteBlockElementEventMap[K]>) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteBlockElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteBlockElement, ev: CalciteBlockCustomEvent<HTMLCalciteBlockElementEventMap[K]>) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteBlockElement: {
-    prototype: HTMLCalciteBlockElement;
-    new (): HTMLCalciteBlockElement;
-  };
-  interface HTMLCalciteBlockSectionElementEventMap {
-    calciteBlockSectionToggle: void;
-  }
-  interface HTMLCalciteBlockSectionElement extends Components.CalciteBlockSection, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteBlockSectionElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteBlockSectionElement,
-        ev: CalciteBlockSectionCustomEvent<HTMLCalciteBlockSectionElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteBlockSectionElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteBlockSectionElement,
-        ev: CalciteBlockSectionCustomEvent<HTMLCalciteBlockSectionElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteBlockSectionElement: {
-    prototype: HTMLCalciteBlockSectionElement;
-    new (): HTMLCalciteBlockSectionElement;
-  };
-  interface HTMLCalciteButtonElement extends Components.CalciteButton, HTMLStencilElement {}
-  var HTMLCalciteButtonElement: {
-    prototype: HTMLCalciteButtonElement;
-    new (): HTMLCalciteButtonElement;
-  };
-  interface HTMLCalciteCardElementEventMap {
-    calciteCardSelect: void;
-  }
-  interface HTMLCalciteCardElement extends Components.CalciteCard, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteCardElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteCardElement, ev: CalciteCardCustomEvent<HTMLCalciteCardElementEventMap[K]>) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteCardElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteCardElement, ev: CalciteCardCustomEvent<HTMLCalciteCardElementEventMap[K]>) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteCardElement: {
-    prototype: HTMLCalciteCardElement;
-    new (): HTMLCalciteCardElement;
-  };
-  interface HTMLCalciteCheckboxElementEventMap {
-    calciteInternalCheckboxBlur: boolean;
-    calciteCheckboxChange: void;
-    calciteInternalCheckboxFocus: boolean;
-  }
-  interface HTMLCalciteCheckboxElement extends Components.CalciteCheckbox, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteCheckboxElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteCheckboxElement,
-        ev: CalciteCheckboxCustomEvent<HTMLCalciteCheckboxElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteCheckboxElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteCheckboxElement,
-        ev: CalciteCheckboxCustomEvent<HTMLCalciteCheckboxElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteCheckboxElement: {
-    prototype: HTMLCalciteCheckboxElement;
-    new (): HTMLCalciteCheckboxElement;
-  };
-  interface HTMLCalciteChipElementEventMap {
-    calciteChipClose: void;
-    calciteChipSelect: void;
-    calciteInternalChipKeyEvent: KeyboardEvent;
-  }
-  interface HTMLCalciteChipElement extends Components.CalciteChip, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteChipElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteChipElement, ev: CalciteChipCustomEvent<HTMLCalciteChipElementEventMap[K]>) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteChipElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteChipElement, ev: CalciteChipCustomEvent<HTMLCalciteChipElementEventMap[K]>) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteChipElement: {
-    prototype: HTMLCalciteChipElement;
-    new (): HTMLCalciteChipElement;
-  };
-  interface HTMLCalciteChipGroupElementEventMap {
-    calciteChipGroupSelect: void;
-  }
-  interface HTMLCalciteChipGroupElement extends Components.CalciteChipGroup, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteChipGroupElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteChipGroupElement,
-        ev: CalciteChipGroupCustomEvent<HTMLCalciteChipGroupElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteChipGroupElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteChipGroupElement,
-        ev: CalciteChipGroupCustomEvent<HTMLCalciteChipGroupElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteChipGroupElement: {
-    prototype: HTMLCalciteChipGroupElement;
-    new (): HTMLCalciteChipGroupElement;
-  };
-  interface HTMLCalciteColorPickerElementEventMap {
-    calciteColorPickerChange: void;
-    calciteColorPickerInput: void;
-  }
-  interface HTMLCalciteColorPickerElement extends Components.CalciteColorPicker, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteColorPickerElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteColorPickerElement,
-        ev: CalciteColorPickerCustomEvent<HTMLCalciteColorPickerElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteColorPickerElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteColorPickerElement,
-        ev: CalciteColorPickerCustomEvent<HTMLCalciteColorPickerElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteColorPickerElement: {
-    prototype: HTMLCalciteColorPickerElement;
-    new (): HTMLCalciteColorPickerElement;
-  };
-  interface HTMLCalciteColorPickerHexInputElementEventMap {
-    calciteColorPickerHexInputChange: void;
-  }
-  interface HTMLCalciteColorPickerHexInputElement extends Components.CalciteColorPickerHexInput, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteColorPickerHexInputElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteColorPickerHexInputElement,
-        ev: CalciteColorPickerHexInputCustomEvent<HTMLCalciteColorPickerHexInputElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteColorPickerHexInputElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteColorPickerHexInputElement,
-        ev: CalciteColorPickerHexInputCustomEvent<HTMLCalciteColorPickerHexInputElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteColorPickerHexInputElement: {
-    prototype: HTMLCalciteColorPickerHexInputElement;
-    new (): HTMLCalciteColorPickerHexInputElement;
-  };
-  interface HTMLCalciteColorPickerSwatchElement extends Components.CalciteColorPickerSwatch, HTMLStencilElement {}
-  var HTMLCalciteColorPickerSwatchElement: {
-    prototype: HTMLCalciteColorPickerSwatchElement;
-    new (): HTMLCalciteColorPickerSwatchElement;
-  };
-  interface HTMLCalciteComboboxElementEventMap {
-    calciteComboboxChange: void;
-    calciteComboboxFilterChange: void;
-    calciteComboboxChipClose: void;
-    calciteComboboxBeforeClose: void;
-    calciteComboboxClose: void;
-    calciteComboboxBeforeOpen: void;
-    calciteComboboxOpen: void;
-  }
-  interface HTMLCalciteComboboxElement extends Components.CalciteCombobox, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteComboboxElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteComboboxElement,
-        ev: CalciteComboboxCustomEvent<HTMLCalciteComboboxElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteComboboxElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteComboboxElement,
-        ev: CalciteComboboxCustomEvent<HTMLCalciteComboboxElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteComboboxElement: {
-    prototype: HTMLCalciteComboboxElement;
-    new (): HTMLCalciteComboboxElement;
-  };
-  interface HTMLCalciteComboboxItemElementEventMap {
-    calciteComboboxItemChange: void;
-  }
-  interface HTMLCalciteComboboxItemElement extends Components.CalciteComboboxItem, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteComboboxItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteComboboxItemElement,
-        ev: CalciteComboboxItemCustomEvent<HTMLCalciteComboboxItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteComboboxItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteComboboxItemElement,
-        ev: CalciteComboboxItemCustomEvent<HTMLCalciteComboboxItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteComboboxItemElement: {
-    prototype: HTMLCalciteComboboxItemElement;
-    new (): HTMLCalciteComboboxItemElement;
-  };
-  interface HTMLCalciteComboboxItemGroupElement extends Components.CalciteComboboxItemGroup, HTMLStencilElement {}
-  var HTMLCalciteComboboxItemGroupElement: {
-    prototype: HTMLCalciteComboboxItemGroupElement;
-    new (): HTMLCalciteComboboxItemGroupElement;
-  };
-  interface HTMLCalciteDatePickerElementEventMap {
-    calciteDatePickerChange: void;
-    calciteDatePickerRangeChange: void;
-  }
-  interface HTMLCalciteDatePickerElement extends Components.CalciteDatePicker, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteDatePickerElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteDatePickerElement,
-        ev: CalciteDatePickerCustomEvent<HTMLCalciteDatePickerElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteDatePickerElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteDatePickerElement,
-        ev: CalciteDatePickerCustomEvent<HTMLCalciteDatePickerElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteDatePickerElement: {
-    prototype: HTMLCalciteDatePickerElement;
-    new (): HTMLCalciteDatePickerElement;
-  };
-  interface HTMLCalciteDatePickerDayElementEventMap {
-    calciteDaySelect: void;
-    calciteInternalDayHover: void;
-  }
-  interface HTMLCalciteDatePickerDayElement extends Components.CalciteDatePickerDay, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteDatePickerDayElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteDatePickerDayElement,
-        ev: CalciteDatePickerDayCustomEvent<HTMLCalciteDatePickerDayElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteDatePickerDayElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteDatePickerDayElement,
-        ev: CalciteDatePickerDayCustomEvent<HTMLCalciteDatePickerDayElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteDatePickerDayElement: {
-    prototype: HTMLCalciteDatePickerDayElement;
-    new (): HTMLCalciteDatePickerDayElement;
-  };
-  interface HTMLCalciteDatePickerMonthElementEventMap {
-    calciteInternalDatePickerSelect: Date;
-    calciteInternalDatePickerHover: Date;
-    calciteInternalDatePickerActiveDateChange: Date;
-    calciteInternalDatePickerMouseOut: void;
-  }
-  interface HTMLCalciteDatePickerMonthElement extends Components.CalciteDatePickerMonth, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteDatePickerMonthElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteDatePickerMonthElement,
-        ev: CalciteDatePickerMonthCustomEvent<HTMLCalciteDatePickerMonthElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteDatePickerMonthElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteDatePickerMonthElement,
-        ev: CalciteDatePickerMonthCustomEvent<HTMLCalciteDatePickerMonthElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteDatePickerMonthElement: {
-    prototype: HTMLCalciteDatePickerMonthElement;
-    new (): HTMLCalciteDatePickerMonthElement;
-  };
-  interface HTMLCalciteDatePickerMonthHeaderElementEventMap {
-    calciteInternalDatePickerSelect: Date;
-  }
-  interface HTMLCalciteDatePickerMonthHeaderElement
-    extends Components.CalciteDatePickerMonthHeader,
-      HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteDatePickerMonthHeaderElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteDatePickerMonthHeaderElement,
-        ev: CalciteDatePickerMonthHeaderCustomEvent<HTMLCalciteDatePickerMonthHeaderElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteDatePickerMonthHeaderElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteDatePickerMonthHeaderElement,
-        ev: CalciteDatePickerMonthHeaderCustomEvent<HTMLCalciteDatePickerMonthHeaderElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteDatePickerMonthHeaderElement: {
-    prototype: HTMLCalciteDatePickerMonthHeaderElement;
-    new (): HTMLCalciteDatePickerMonthHeaderElement;
-  };
-  interface HTMLCalciteDropdownElementEventMap {
-    calciteDropdownSelect: void;
-    calciteDropdownBeforeClose: void;
-    calciteDropdownClose: void;
-    calciteDropdownBeforeOpen: void;
-    calciteDropdownOpen: void;
-  }
-  interface HTMLCalciteDropdownElement extends Components.CalciteDropdown, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteDropdownElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteDropdownElement,
-        ev: CalciteDropdownCustomEvent<HTMLCalciteDropdownElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteDropdownElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteDropdownElement,
-        ev: CalciteDropdownCustomEvent<HTMLCalciteDropdownElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteDropdownElement: {
-    prototype: HTMLCalciteDropdownElement;
-    new (): HTMLCalciteDropdownElement;
-  };
-  interface HTMLCalciteDropdownGroupElementEventMap {
-    calciteInternalDropdownItemChange: RequestedItem2;
-  }
-  interface HTMLCalciteDropdownGroupElement extends Components.CalciteDropdownGroup, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteDropdownGroupElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteDropdownGroupElement,
-        ev: CalciteDropdownGroupCustomEvent<HTMLCalciteDropdownGroupElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteDropdownGroupElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteDropdownGroupElement,
-        ev: CalciteDropdownGroupCustomEvent<HTMLCalciteDropdownGroupElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteDropdownGroupElement: {
-    prototype: HTMLCalciteDropdownGroupElement;
-    new (): HTMLCalciteDropdownGroupElement;
-  };
-  interface HTMLCalciteDropdownItemElementEventMap {
-    calciteDropdownItemSelect: void;
-    calciteInternalDropdownItemSelect: RequestedItem2;
-    calciteInternalDropdownItemKeyEvent: ItemKeyboardEvent;
-    calciteInternalDropdownCloseRequest: void;
-  }
-  interface HTMLCalciteDropdownItemElement extends Components.CalciteDropdownItem, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteDropdownItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteDropdownItemElement,
-        ev: CalciteDropdownItemCustomEvent<HTMLCalciteDropdownItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteDropdownItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteDropdownItemElement,
-        ev: CalciteDropdownItemCustomEvent<HTMLCalciteDropdownItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteDropdownItemElement: {
-    prototype: HTMLCalciteDropdownItemElement;
-    new (): HTMLCalciteDropdownItemElement;
-  };
-  interface HTMLCalciteFabElement extends Components.CalciteFab, HTMLStencilElement {}
-  var HTMLCalciteFabElement: {
-    prototype: HTMLCalciteFabElement;
-    new (): HTMLCalciteFabElement;
-  };
-  interface HTMLCalciteFilterElementEventMap {
-    calciteFilterChange: void;
-  }
-  interface HTMLCalciteFilterElement extends Components.CalciteFilter, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteFilterElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteFilterElement,
-        ev: CalciteFilterCustomEvent<HTMLCalciteFilterElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteFilterElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteFilterElement,
-        ev: CalciteFilterCustomEvent<HTMLCalciteFilterElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteFilterElement: {
-    prototype: HTMLCalciteFilterElement;
-    new (): HTMLCalciteFilterElement;
-  };
-  interface HTMLCalciteFlowElement extends Components.CalciteFlow, HTMLStencilElement {}
-  var HTMLCalciteFlowElement: {
-    prototype: HTMLCalciteFlowElement;
-    new (): HTMLCalciteFlowElement;
-  };
-  interface HTMLCalciteFlowItemElementEventMap {
-    calciteFlowItemBack: void;
-    calciteFlowItemScroll: void;
-    calciteFlowItemClose: void;
-    calciteFlowItemToggle: void;
-  }
-  interface HTMLCalciteFlowItemElement extends Components.CalciteFlowItem, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteFlowItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteFlowItemElement,
-        ev: CalciteFlowItemCustomEvent<HTMLCalciteFlowItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteFlowItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteFlowItemElement,
-        ev: CalciteFlowItemCustomEvent<HTMLCalciteFlowItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteFlowItemElement: {
-    prototype: HTMLCalciteFlowItemElement;
-    new (): HTMLCalciteFlowItemElement;
-  };
-  interface HTMLCalciteGraphElement extends Components.CalciteGraph, HTMLStencilElement {}
-  var HTMLCalciteGraphElement: {
-    prototype: HTMLCalciteGraphElement;
-    new (): HTMLCalciteGraphElement;
-  };
-  interface HTMLCalciteHandleElementEventMap {
-    calciteHandleNudge: HandleNudge;
-    calciteInternalHandleChange: HandleChange;
-  }
-  interface HTMLCalciteHandleElement extends Components.CalciteHandle, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteHandleElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteHandleElement,
-        ev: CalciteHandleCustomEvent<HTMLCalciteHandleElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteHandleElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteHandleElement,
-        ev: CalciteHandleCustomEvent<HTMLCalciteHandleElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteHandleElement: {
-    prototype: HTMLCalciteHandleElement;
-    new (): HTMLCalciteHandleElement;
-  };
-  interface HTMLCalciteIconElement extends Components.CalciteIcon, HTMLStencilElement {}
-  var HTMLCalciteIconElement: {
-    prototype: HTMLCalciteIconElement;
-    new (): HTMLCalciteIconElement;
-  };
-  interface HTMLCalciteInlineEditableElementEventMap {
-    calciteInlineEditableEditCancel: void;
-    calciteInlineEditableEditConfirm: void;
-    calciteInternalInlineEditableEnableEditingChange: void;
-  }
-  interface HTMLCalciteInlineEditableElement extends Components.CalciteInlineEditable, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteInlineEditableElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteInlineEditableElement,
-        ev: CalciteInlineEditableCustomEvent<HTMLCalciteInlineEditableElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteInlineEditableElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteInlineEditableElement,
-        ev: CalciteInlineEditableCustomEvent<HTMLCalciteInlineEditableElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteInlineEditableElement: {
-    prototype: HTMLCalciteInlineEditableElement;
-    new (): HTMLCalciteInlineEditableElement;
-  };
-  interface HTMLCalciteInputElementEventMap {
-    calciteInternalInputFocus: void;
-    calciteInternalInputBlur: void;
-    calciteInputInput: void;
-    calciteInputChange: void;
-  }
-  interface HTMLCalciteInputElement extends Components.CalciteInput, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteInputElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteInputElement, ev: CalciteInputCustomEvent<HTMLCalciteInputElementEventMap[K]>) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteInputElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteInputElement, ev: CalciteInputCustomEvent<HTMLCalciteInputElementEventMap[K]>) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteInputElement: {
-    prototype: HTMLCalciteInputElement;
-    new (): HTMLCalciteInputElement;
-  };
-  interface HTMLCalciteInputDatePickerElementEventMap {
-    calciteInputDatePickerChange: void;
-    calciteInputDatePickerBeforeClose: void;
-    calciteInputDatePickerClose: void;
-    calciteInputDatePickerBeforeOpen: void;
-    calciteInputDatePickerOpen: void;
-  }
-  interface HTMLCalciteInputDatePickerElement extends Components.CalciteInputDatePicker, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteInputDatePickerElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteInputDatePickerElement,
-        ev: CalciteInputDatePickerCustomEvent<HTMLCalciteInputDatePickerElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteInputDatePickerElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteInputDatePickerElement,
-        ev: CalciteInputDatePickerCustomEvent<HTMLCalciteInputDatePickerElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteInputDatePickerElement: {
-    prototype: HTMLCalciteInputDatePickerElement;
-    new (): HTMLCalciteInputDatePickerElement;
-  };
-  interface HTMLCalciteInputMessageElement extends Components.CalciteInputMessage, HTMLStencilElement {}
-  var HTMLCalciteInputMessageElement: {
-    prototype: HTMLCalciteInputMessageElement;
-    new (): HTMLCalciteInputMessageElement;
-  };
-  interface HTMLCalciteInputNumberElementEventMap {
-    calciteInternalInputNumberFocus: void;
-    calciteInternalInputNumberBlur: void;
-    calciteInputNumberInput: void;
-    calciteInputNumberChange: void;
-  }
-  interface HTMLCalciteInputNumberElement extends Components.CalciteInputNumber, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteInputNumberElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteInputNumberElement,
-        ev: CalciteInputNumberCustomEvent<HTMLCalciteInputNumberElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteInputNumberElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteInputNumberElement,
-        ev: CalciteInputNumberCustomEvent<HTMLCalciteInputNumberElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteInputNumberElement: {
-    prototype: HTMLCalciteInputNumberElement;
-    new (): HTMLCalciteInputNumberElement;
-  };
-  interface HTMLCalciteInputTextElementEventMap {
-    calciteInternalInputTextFocus: {
-      element: HTMLInputElement;
-      value: string;
-    };
-    calciteInternalInputTextBlur: { element: HTMLInputElement; value: string };
-    calciteInputTextInput: void;
-    calciteInputTextChange: void;
-  }
-  interface HTMLCalciteInputTextElement extends Components.CalciteInputText, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteInputTextElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteInputTextElement,
-        ev: CalciteInputTextCustomEvent<HTMLCalciteInputTextElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteInputTextElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteInputTextElement,
-        ev: CalciteInputTextCustomEvent<HTMLCalciteInputTextElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteInputTextElement: {
-    prototype: HTMLCalciteInputTextElement;
-    new (): HTMLCalciteInputTextElement;
-  };
-  interface HTMLCalciteInputTimePickerElementEventMap {
-    calciteInputTimePickerBeforeClose: void;
-    calciteInputTimePickerBeforeOpen: void;
-    calciteInputTimePickerChange: void;
-    calciteInputTimePickerClose: void;
-    calciteInputTimePickerOpen: void;
-  }
-  interface HTMLCalciteInputTimePickerElement extends Components.CalciteInputTimePicker, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteInputTimePickerElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteInputTimePickerElement,
-        ev: CalciteInputTimePickerCustomEvent<HTMLCalciteInputTimePickerElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteInputTimePickerElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteInputTimePickerElement,
-        ev: CalciteInputTimePickerCustomEvent<HTMLCalciteInputTimePickerElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteInputTimePickerElement: {
-    prototype: HTMLCalciteInputTimePickerElement;
-    new (): HTMLCalciteInputTimePickerElement;
-  };
-  interface HTMLCalciteInputTimeZoneElementEventMap {
-    calciteInputTimeZoneBeforeClose: void;
-    calciteInputTimeZoneBeforeOpen: void;
-    calciteInputTimeZoneChange: void;
-    calciteInputTimeZoneClose: void;
-    calciteInputTimeZoneOpen: void;
-  }
-  interface HTMLCalciteInputTimeZoneElement extends Components.CalciteInputTimeZone, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteInputTimeZoneElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteInputTimeZoneElement,
-        ev: CalciteInputTimeZoneCustomEvent<HTMLCalciteInputTimeZoneElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteInputTimeZoneElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteInputTimeZoneElement,
-        ev: CalciteInputTimeZoneCustomEvent<HTMLCalciteInputTimeZoneElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteInputTimeZoneElement: {
-    prototype: HTMLCalciteInputTimeZoneElement;
-    new (): HTMLCalciteInputTimeZoneElement;
-  };
-  interface HTMLCalciteLabelElementEventMap {
-    calciteInternalLabelClick: {
-      sourceEvent: MouseEvent;
-    };
-  }
-  interface HTMLCalciteLabelElement extends Components.CalciteLabel, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteLabelElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteLabelElement, ev: CalciteLabelCustomEvent<HTMLCalciteLabelElementEventMap[K]>) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteLabelElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteLabelElement, ev: CalciteLabelCustomEvent<HTMLCalciteLabelElementEventMap[K]>) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteLabelElement: {
-    prototype: HTMLCalciteLabelElement;
-    new (): HTMLCalciteLabelElement;
-  };
-  interface HTMLCalciteLinkElement extends Components.CalciteLink, HTMLStencilElement {}
-  var HTMLCalciteLinkElement: {
-    prototype: HTMLCalciteLinkElement;
-    new (): HTMLCalciteLinkElement;
-  };
-  interface HTMLCalciteListElementEventMap {
-    calciteListChange: void;
-    calciteListFilter: void;
-    calciteListOrderChange: ListDragDetail;
-    calciteInternalListDefaultSlotChange: void;
-  }
-  /**
-   * A general purpose list that enables users to construct list items that conform to Calcite styling.
-   */
-  interface HTMLCalciteListElement extends Components.CalciteList, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteListElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteListElement, ev: CalciteListCustomEvent<HTMLCalciteListElementEventMap[K]>) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteListElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteListElement, ev: CalciteListCustomEvent<HTMLCalciteListElementEventMap[K]>) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteListElement: {
-    prototype: HTMLCalciteListElement;
-    new (): HTMLCalciteListElement;
-  };
-  interface HTMLCalciteListItemElementEventMap {
-    calciteListItemSelect: void;
-    calciteListItemClose: void;
-    calciteInternalListItemSelect: void;
-    calciteInternalListItemActive: void;
-    calciteInternalFocusPreviousItem: void;
-    calciteInternalListItemChange: void;
-  }
-  interface HTMLCalciteListItemElement extends Components.CalciteListItem, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteListItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteListItemElement,
-        ev: CalciteListItemCustomEvent<HTMLCalciteListItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteListItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteListItemElement,
-        ev: CalciteListItemCustomEvent<HTMLCalciteListItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteListItemElement: {
-    prototype: HTMLCalciteListItemElement;
-    new (): HTMLCalciteListItemElement;
-  };
-  interface HTMLCalciteListItemGroupElementEventMap {
-    calciteInternalListItemGroupDefaultSlotChange: DragEvent;
-  }
-  interface HTMLCalciteListItemGroupElement extends Components.CalciteListItemGroup, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteListItemGroupElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteListItemGroupElement,
-        ev: CalciteListItemGroupCustomEvent<HTMLCalciteListItemGroupElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteListItemGroupElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteListItemGroupElement,
-        ev: CalciteListItemGroupCustomEvent<HTMLCalciteListItemGroupElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteListItemGroupElement: {
-    prototype: HTMLCalciteListItemGroupElement;
-    new (): HTMLCalciteListItemGroupElement;
-  };
-  interface HTMLCalciteLoaderElement extends Components.CalciteLoader, HTMLStencilElement {}
-  var HTMLCalciteLoaderElement: {
-    prototype: HTMLCalciteLoaderElement;
-    new (): HTMLCalciteLoaderElement;
-  };
-  interface HTMLCalciteMenuElement extends Components.CalciteMenu, HTMLStencilElement {}
-  var HTMLCalciteMenuElement: {
-    prototype: HTMLCalciteMenuElement;
-    new (): HTMLCalciteMenuElement;
-  };
-  interface HTMLCalciteMenuItemElementEventMap {
-    calciteInternalMenuItemKeyEvent: MenuItemCustomEvent;
-    calciteMenuItemSelect: void;
-  }
-  interface HTMLCalciteMenuItemElement extends Components.CalciteMenuItem, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteMenuItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteMenuItemElement,
-        ev: CalciteMenuItemCustomEvent<HTMLCalciteMenuItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteMenuItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteMenuItemElement,
-        ev: CalciteMenuItemCustomEvent<HTMLCalciteMenuItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteMenuItemElement: {
-    prototype: HTMLCalciteMenuItemElement;
-    new (): HTMLCalciteMenuItemElement;
-  };
-  interface HTMLCalciteMeterElement extends Components.CalciteMeter, HTMLStencilElement {}
-  var HTMLCalciteMeterElement: {
-    prototype: HTMLCalciteMeterElement;
-    new (): HTMLCalciteMeterElement;
-  };
-  interface HTMLCalciteModalElementEventMap {
-    calciteModalBeforeClose: void;
-    calciteModalClose: void;
-    calciteModalBeforeOpen: void;
-    calciteModalOpen: void;
-  }
-  interface HTMLCalciteModalElement extends Components.CalciteModal, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteModalElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteModalElement, ev: CalciteModalCustomEvent<HTMLCalciteModalElementEventMap[K]>) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteModalElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteModalElement, ev: CalciteModalCustomEvent<HTMLCalciteModalElementEventMap[K]>) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteModalElement: {
-    prototype: HTMLCalciteModalElement;
-    new (): HTMLCalciteModalElement;
-  };
-  interface HTMLCalciteNavigationElementEventMap {
-    calciteNavigationActionSelect: void;
-  }
-  interface HTMLCalciteNavigationElement extends Components.CalciteNavigation, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteNavigationElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteNavigationElement,
-        ev: CalciteNavigationCustomEvent<HTMLCalciteNavigationElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteNavigationElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteNavigationElement,
-        ev: CalciteNavigationCustomEvent<HTMLCalciteNavigationElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteNavigationElement: {
-    prototype: HTMLCalciteNavigationElement;
-    new (): HTMLCalciteNavigationElement;
-  };
-  interface HTMLCalciteNavigationLogoElement extends Components.CalciteNavigationLogo, HTMLStencilElement {}
-  var HTMLCalciteNavigationLogoElement: {
-    prototype: HTMLCalciteNavigationLogoElement;
-    new (): HTMLCalciteNavigationLogoElement;
-  };
-  interface HTMLCalciteNavigationUserElement extends Components.CalciteNavigationUser, HTMLStencilElement {}
-  var HTMLCalciteNavigationUserElement: {
-    prototype: HTMLCalciteNavigationUserElement;
-    new (): HTMLCalciteNavigationUserElement;
-  };
-  interface HTMLCalciteNoticeElementEventMap {
-    calciteNoticeBeforeClose: void;
-    calciteNoticeBeforeOpen: void;
-    calciteNoticeClose: void;
-    calciteNoticeOpen: void;
-  }
-  interface HTMLCalciteNoticeElement extends Components.CalciteNotice, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteNoticeElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteNoticeElement,
-        ev: CalciteNoticeCustomEvent<HTMLCalciteNoticeElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteNoticeElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteNoticeElement,
-        ev: CalciteNoticeCustomEvent<HTMLCalciteNoticeElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteNoticeElement: {
-    prototype: HTMLCalciteNoticeElement;
-    new (): HTMLCalciteNoticeElement;
-  };
-  interface HTMLCalciteOptionElementEventMap {
-    calciteInternalOptionChange: void;
-  }
-  interface HTMLCalciteOptionElement extends Components.CalciteOption, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteOptionElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteOptionElement,
-        ev: CalciteOptionCustomEvent<HTMLCalciteOptionElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteOptionElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteOptionElement,
-        ev: CalciteOptionCustomEvent<HTMLCalciteOptionElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteOptionElement: {
-    prototype: HTMLCalciteOptionElement;
-    new (): HTMLCalciteOptionElement;
-  };
-  interface HTMLCalciteOptionGroupElementEventMap {
-    calciteInternalOptionGroupChange: void;
-  }
-  interface HTMLCalciteOptionGroupElement extends Components.CalciteOptionGroup, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteOptionGroupElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteOptionGroupElement,
-        ev: CalciteOptionGroupCustomEvent<HTMLCalciteOptionGroupElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteOptionGroupElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteOptionGroupElement,
-        ev: CalciteOptionGroupCustomEvent<HTMLCalciteOptionGroupElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteOptionGroupElement: {
-    prototype: HTMLCalciteOptionGroupElement;
-    new (): HTMLCalciteOptionGroupElement;
-  };
-  interface HTMLCalcitePaginationElementEventMap {
-    calcitePaginationChange: void;
-  }
-  interface HTMLCalcitePaginationElement extends Components.CalcitePagination, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalcitePaginationElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalcitePaginationElement,
-        ev: CalcitePaginationCustomEvent<HTMLCalcitePaginationElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalcitePaginationElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalcitePaginationElement,
-        ev: CalcitePaginationCustomEvent<HTMLCalcitePaginationElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalcitePaginationElement: {
-    prototype: HTMLCalcitePaginationElement;
-    new (): HTMLCalcitePaginationElement;
-  };
-  interface HTMLCalcitePanelElementEventMap {
-    calcitePanelClose: void;
-    calcitePanelToggle: void;
-    calcitePanelScroll: void;
-  }
-  interface HTMLCalcitePanelElement extends Components.CalcitePanel, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalcitePanelElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalcitePanelElement, ev: CalcitePanelCustomEvent<HTMLCalcitePanelElementEventMap[K]>) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalcitePanelElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalcitePanelElement, ev: CalcitePanelCustomEvent<HTMLCalcitePanelElementEventMap[K]>) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalcitePanelElement: {
-    prototype: HTMLCalcitePanelElement;
-    new (): HTMLCalcitePanelElement;
-  };
-  interface HTMLCalcitePickListElementEventMap {
-    calciteListChange: Map<string, HTMLCalcitePickListItemElement>;
-    calciteListFilter: void;
-  }
-  /**
-   * @deprecated Use the `list` component instead.
-   */
-  interface HTMLCalcitePickListElement extends Components.CalcitePickList, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalcitePickListElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalcitePickListElement,
-        ev: CalcitePickListCustomEvent<HTMLCalcitePickListElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalcitePickListElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalcitePickListElement,
-        ev: CalcitePickListCustomEvent<HTMLCalcitePickListElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalcitePickListElement: {
-    prototype: HTMLCalcitePickListElement;
-    new (): HTMLCalcitePickListElement;
-  };
-  /**
-   * @deprecated Use the `list` component instead.
-   */
-  interface HTMLCalcitePickListGroupElement extends Components.CalcitePickListGroup, HTMLStencilElement {}
-  var HTMLCalcitePickListGroupElement: {
-    prototype: HTMLCalcitePickListGroupElement;
-    new (): HTMLCalcitePickListGroupElement;
-  };
-  interface HTMLCalcitePickListItemElementEventMap {
-    calciteListItemChange: {
-      item: HTMLCalcitePickListItemElement;
-      value: any;
-      selected: boolean;
-      shiftPressed: boolean;
-    };
-    calciteListItemRemove: void;
-    calciteInternalListItemPropsChange: void;
-    calciteInternalListItemValueChange: {
-      oldValue: any;
-      newValue: any;
-    };
-  }
-  /**
-   * @deprecated Use the `list` component instead.
-   */
-  interface HTMLCalcitePickListItemElement extends Components.CalcitePickListItem, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalcitePickListItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalcitePickListItemElement,
-        ev: CalcitePickListItemCustomEvent<HTMLCalcitePickListItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalcitePickListItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalcitePickListItemElement,
-        ev: CalcitePickListItemCustomEvent<HTMLCalcitePickListItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalcitePickListItemElement: {
-    prototype: HTMLCalcitePickListItemElement;
-    new (): HTMLCalcitePickListItemElement;
-  };
-  interface HTMLCalcitePopoverElementEventMap {
-    calcitePopoverBeforeClose: void;
-    calcitePopoverClose: void;
-    calcitePopoverBeforeOpen: void;
-    calcitePopoverOpen: void;
-  }
-  interface HTMLCalcitePopoverElement extends Components.CalcitePopover, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalcitePopoverElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalcitePopoverElement,
-        ev: CalcitePopoverCustomEvent<HTMLCalcitePopoverElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalcitePopoverElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalcitePopoverElement,
-        ev: CalcitePopoverCustomEvent<HTMLCalcitePopoverElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalcitePopoverElement: {
-    prototype: HTMLCalcitePopoverElement;
-    new (): HTMLCalcitePopoverElement;
-  };
-  interface HTMLCalciteProgressElement extends Components.CalciteProgress, HTMLStencilElement {}
-  var HTMLCalciteProgressElement: {
-    prototype: HTMLCalciteProgressElement;
-    new (): HTMLCalciteProgressElement;
-  };
-  interface HTMLCalciteRadioButtonElementEventMap {
-    calciteInternalRadioButtonBlur: void;
-    calciteRadioButtonChange: void;
-    calciteInternalRadioButtonCheckedChange: void;
-    calciteInternalRadioButtonFocus: void;
-  }
-  interface HTMLCalciteRadioButtonElement extends Components.CalciteRadioButton, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteRadioButtonElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteRadioButtonElement,
-        ev: CalciteRadioButtonCustomEvent<HTMLCalciteRadioButtonElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteRadioButtonElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteRadioButtonElement,
-        ev: CalciteRadioButtonCustomEvent<HTMLCalciteRadioButtonElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteRadioButtonElement: {
-    prototype: HTMLCalciteRadioButtonElement;
-    new (): HTMLCalciteRadioButtonElement;
-  };
-  interface HTMLCalciteRadioButtonGroupElementEventMap {
-    calciteRadioButtonGroupChange: void;
-  }
-  interface HTMLCalciteRadioButtonGroupElement extends Components.CalciteRadioButtonGroup, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteRadioButtonGroupElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteRadioButtonGroupElement,
-        ev: CalciteRadioButtonGroupCustomEvent<HTMLCalciteRadioButtonGroupElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteRadioButtonGroupElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteRadioButtonGroupElement,
-        ev: CalciteRadioButtonGroupCustomEvent<HTMLCalciteRadioButtonGroupElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteRadioButtonGroupElement: {
-    prototype: HTMLCalciteRadioButtonGroupElement;
-    new (): HTMLCalciteRadioButtonGroupElement;
-  };
-  interface HTMLCalciteRatingElementEventMap {
-    calciteRatingChange: void;
-  }
-  interface HTMLCalciteRatingElement extends Components.CalciteRating, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteRatingElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteRatingElement,
-        ev: CalciteRatingCustomEvent<HTMLCalciteRatingElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteRatingElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteRatingElement,
-        ev: CalciteRatingCustomEvent<HTMLCalciteRatingElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteRatingElement: {
-    prototype: HTMLCalciteRatingElement;
-    new (): HTMLCalciteRatingElement;
-  };
-  interface HTMLCalciteScrimElement extends Components.CalciteScrim, HTMLStencilElement {}
-  var HTMLCalciteScrimElement: {
-    prototype: HTMLCalciteScrimElement;
-    new (): HTMLCalciteScrimElement;
-  };
-  interface HTMLCalciteSegmentedControlElementEventMap {
-    calciteSegmentedControlChange: void;
-  }
-  interface HTMLCalciteSegmentedControlElement extends Components.CalciteSegmentedControl, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteSegmentedControlElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteSegmentedControlElement,
-        ev: CalciteSegmentedControlCustomEvent<HTMLCalciteSegmentedControlElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteSegmentedControlElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteSegmentedControlElement,
-        ev: CalciteSegmentedControlCustomEvent<HTMLCalciteSegmentedControlElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteSegmentedControlElement: {
-    prototype: HTMLCalciteSegmentedControlElement;
-    new (): HTMLCalciteSegmentedControlElement;
-  };
-  interface HTMLCalciteSegmentedControlItemElementEventMap {
-    calciteInternalSegmentedControlItemChange: void;
-  }
-  interface HTMLCalciteSegmentedControlItemElement extends Components.CalciteSegmentedControlItem, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteSegmentedControlItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteSegmentedControlItemElement,
-        ev: CalciteSegmentedControlItemCustomEvent<HTMLCalciteSegmentedControlItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteSegmentedControlItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteSegmentedControlItemElement,
-        ev: CalciteSegmentedControlItemCustomEvent<HTMLCalciteSegmentedControlItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteSegmentedControlItemElement: {
-    prototype: HTMLCalciteSegmentedControlItemElement;
-    new (): HTMLCalciteSegmentedControlItemElement;
-  };
-  interface HTMLCalciteSelectElementEventMap {
-    calciteSelectChange: void;
-  }
-  interface HTMLCalciteSelectElement extends Components.CalciteSelect, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteSelectElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteSelectElement,
-        ev: CalciteSelectCustomEvent<HTMLCalciteSelectElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteSelectElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteSelectElement,
-        ev: CalciteSelectCustomEvent<HTMLCalciteSelectElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteSelectElement: {
-    prototype: HTMLCalciteSelectElement;
-    new (): HTMLCalciteSelectElement;
-  };
-  interface HTMLCalciteSheetElementEventMap {
-    calciteSheetBeforeClose: void;
-    calciteSheetClose: void;
-    calciteSheetBeforeOpen: void;
-    calciteSheetOpen: void;
-  }
-  interface HTMLCalciteSheetElement extends Components.CalciteSheet, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteSheetElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteSheetElement, ev: CalciteSheetCustomEvent<HTMLCalciteSheetElementEventMap[K]>) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteSheetElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteSheetElement, ev: CalciteSheetCustomEvent<HTMLCalciteSheetElementEventMap[K]>) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteSheetElement: {
-    prototype: HTMLCalciteSheetElement;
-    new (): HTMLCalciteSheetElement;
-  };
-  interface HTMLCalciteShellElement extends Components.CalciteShell, HTMLStencilElement {}
-  var HTMLCalciteShellElement: {
-    prototype: HTMLCalciteShellElement;
-    new (): HTMLCalciteShellElement;
-  };
-  interface HTMLCalciteShellCenterRowElement extends Components.CalciteShellCenterRow, HTMLStencilElement {}
-  var HTMLCalciteShellCenterRowElement: {
-    prototype: HTMLCalciteShellCenterRowElement;
-    new (): HTMLCalciteShellCenterRowElement;
-  };
-  interface HTMLCalciteShellPanelElement extends Components.CalciteShellPanel, HTMLStencilElement {}
-  var HTMLCalciteShellPanelElement: {
-    prototype: HTMLCalciteShellPanelElement;
-    new (): HTMLCalciteShellPanelElement;
-  };
-  interface HTMLCalciteSliderElementEventMap {
-    calciteSliderInput: void;
-    calciteSliderChange: void;
-  }
-  interface HTMLCalciteSliderElement extends Components.CalciteSlider, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteSliderElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteSliderElement,
-        ev: CalciteSliderCustomEvent<HTMLCalciteSliderElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteSliderElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteSliderElement,
-        ev: CalciteSliderCustomEvent<HTMLCalciteSliderElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteSliderElement: {
-    prototype: HTMLCalciteSliderElement;
-    new (): HTMLCalciteSliderElement;
-  };
-  interface HTMLCalciteSortableListElementEventMap {
-    calciteListOrderChange: void;
-  }
-  interface HTMLCalciteSortableListElement extends Components.CalciteSortableList, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteSortableListElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteSortableListElement,
-        ev: CalciteSortableListCustomEvent<HTMLCalciteSortableListElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteSortableListElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteSortableListElement,
-        ev: CalciteSortableListCustomEvent<HTMLCalciteSortableListElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteSortableListElement: {
-    prototype: HTMLCalciteSortableListElement;
-    new (): HTMLCalciteSortableListElement;
-  };
-  interface HTMLCalciteSplitButtonElementEventMap {
-    calciteSplitButtonPrimaryClick: void;
-    calciteSplitButtonSecondaryClick: void;
-  }
-  interface HTMLCalciteSplitButtonElement extends Components.CalciteSplitButton, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteSplitButtonElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteSplitButtonElement,
-        ev: CalciteSplitButtonCustomEvent<HTMLCalciteSplitButtonElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteSplitButtonElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteSplitButtonElement,
-        ev: CalciteSplitButtonCustomEvent<HTMLCalciteSplitButtonElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteSplitButtonElement: {
-    prototype: HTMLCalciteSplitButtonElement;
-    new (): HTMLCalciteSplitButtonElement;
-  };
-  interface HTMLCalciteStackElement extends Components.CalciteStack, HTMLStencilElement {}
-  var HTMLCalciteStackElement: {
-    prototype: HTMLCalciteStackElement;
-    new (): HTMLCalciteStackElement;
-  };
-  interface HTMLCalciteStepperElementEventMap {
-    calciteStepperItemChange: void;
-    calciteInternalStepperItemChange: StepperItemChangeEventDetail;
-  }
-  interface HTMLCalciteStepperElement extends Components.CalciteStepper, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteStepperElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteStepperElement,
-        ev: CalciteStepperCustomEvent<HTMLCalciteStepperElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteStepperElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteStepperElement,
-        ev: CalciteStepperCustomEvent<HTMLCalciteStepperElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteStepperElement: {
-    prototype: HTMLCalciteStepperElement;
-    new (): HTMLCalciteStepperElement;
-  };
-  interface HTMLCalciteStepperItemElementEventMap {
-    calciteInternalStepperItemKeyEvent: StepperItemKeyEventDetail;
-    calciteInternalStepperItemSelect: StepperItemEventDetail;
-    calciteInternalUserRequestedStepperItemSelect: StepperItemChangeEventDetail;
-    calciteInternalStepperItemRegister: StepperItemEventDetail;
-  }
-  interface HTMLCalciteStepperItemElement extends Components.CalciteStepperItem, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteStepperItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteStepperItemElement,
-        ev: CalciteStepperItemCustomEvent<HTMLCalciteStepperItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteStepperItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteStepperItemElement,
-        ev: CalciteStepperItemCustomEvent<HTMLCalciteStepperItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteStepperItemElement: {
-    prototype: HTMLCalciteStepperItemElement;
-    new (): HTMLCalciteStepperItemElement;
-  };
-  interface HTMLCalciteSwitchElementEventMap {
-    calciteSwitchChange: void;
-  }
-  interface HTMLCalciteSwitchElement extends Components.CalciteSwitch, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteSwitchElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteSwitchElement,
-        ev: CalciteSwitchCustomEvent<HTMLCalciteSwitchElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteSwitchElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteSwitchElement,
-        ev: CalciteSwitchCustomEvent<HTMLCalciteSwitchElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteSwitchElement: {
-    prototype: HTMLCalciteSwitchElement;
-    new (): HTMLCalciteSwitchElement;
-  };
-  interface HTMLCalciteTabElementEventMap {
-    calciteInternalTabRegister: void;
-  }
-  interface HTMLCalciteTabElement extends Components.CalciteTab, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteTabElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteTabElement, ev: CalciteTabCustomEvent<HTMLCalciteTabElementEventMap[K]>) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteTabElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteTabElement, ev: CalciteTabCustomEvent<HTMLCalciteTabElementEventMap[K]>) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteTabElement: {
-    prototype: HTMLCalciteTabElement;
-    new (): HTMLCalciteTabElement;
-  };
-  interface HTMLCalciteTabNavElementEventMap {
-    calciteTabChange: void;
-    calciteInternalTabChange: TabChangeEventDetail;
-  }
-  interface HTMLCalciteTabNavElement extends Components.CalciteTabNav, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteTabNavElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTabNavElement,
-        ev: CalciteTabNavCustomEvent<HTMLCalciteTabNavElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteTabNavElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTabNavElement,
-        ev: CalciteTabNavCustomEvent<HTMLCalciteTabNavElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteTabNavElement: {
-    prototype: HTMLCalciteTabNavElement;
-    new (): HTMLCalciteTabNavElement;
-  };
-  interface HTMLCalciteTabTitleElementEventMap {
-    calciteTabsActivate: void;
-    calciteInternalTabsActivate: TabChangeEventDetail;
-    calciteTabsClose: void;
-    calciteInternalTabsClose: TabCloseEventDetail;
-    calciteInternalTabsFocusNext: void;
-    calciteInternalTabsFocusPrevious: void;
-    calciteInternalTabsFocusFirst: void;
-    calciteInternalTabsFocusLast: void;
-    calciteInternalTabTitleRegister: TabID;
-    calciteInternalTabIconChanged: void;
-  }
-  interface HTMLCalciteTabTitleElement extends Components.CalciteTabTitle, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteTabTitleElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTabTitleElement,
-        ev: CalciteTabTitleCustomEvent<HTMLCalciteTabTitleElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteTabTitleElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTabTitleElement,
-        ev: CalciteTabTitleCustomEvent<HTMLCalciteTabTitleElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteTabTitleElement: {
-    prototype: HTMLCalciteTabTitleElement;
-    new (): HTMLCalciteTabTitleElement;
-  };
-  interface HTMLCalciteTableElementEventMap {
-    calciteTableSelect: void;
-    calciteTablePageChange: void;
-    calciteInternalTableRowFocusChange: TableRowFocusEvent;
-  }
-  interface HTMLCalciteTableElement extends Components.CalciteTable, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteTableElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteTableElement, ev: CalciteTableCustomEvent<HTMLCalciteTableElementEventMap[K]>) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteTableElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteTableElement, ev: CalciteTableCustomEvent<HTMLCalciteTableElementEventMap[K]>) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteTableElement: {
-    prototype: HTMLCalciteTableElement;
-    new (): HTMLCalciteTableElement;
-  };
-  interface HTMLCalciteTableCellElement extends Components.CalciteTableCell, HTMLStencilElement {}
-  var HTMLCalciteTableCellElement: {
-    prototype: HTMLCalciteTableCellElement;
-    new (): HTMLCalciteTableCellElement;
-  };
-  interface HTMLCalciteTableHeaderElement extends Components.CalciteTableHeader, HTMLStencilElement {}
-  var HTMLCalciteTableHeaderElement: {
-    prototype: HTMLCalciteTableHeaderElement;
-    new (): HTMLCalciteTableHeaderElement;
-  };
-  interface HTMLCalciteTableRowElementEventMap {
-    calciteTableRowSelect: void;
-    calciteInternalTableRowFocusRequest: TableRowFocusEvent;
-  }
-  interface HTMLCalciteTableRowElement extends Components.CalciteTableRow, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteTableRowElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTableRowElement,
-        ev: CalciteTableRowCustomEvent<HTMLCalciteTableRowElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteTableRowElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTableRowElement,
-        ev: CalciteTableRowCustomEvent<HTMLCalciteTableRowElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteTableRowElement: {
-    prototype: HTMLCalciteTableRowElement;
-    new (): HTMLCalciteTableRowElement;
-  };
-  interface HTMLCalciteTabsElement extends Components.CalciteTabs, HTMLStencilElement {}
-  var HTMLCalciteTabsElement: {
-    prototype: HTMLCalciteTabsElement;
-    new (): HTMLCalciteTabsElement;
-  };
-  interface HTMLCalciteTextAreaElementEventMap {
-    calciteTextAreaInput: void;
-    calciteTextAreaChange: void;
-  }
-  interface HTMLCalciteTextAreaElement extends Components.CalciteTextArea, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteTextAreaElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTextAreaElement,
-        ev: CalciteTextAreaCustomEvent<HTMLCalciteTextAreaElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteTextAreaElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTextAreaElement,
-        ev: CalciteTextAreaCustomEvent<HTMLCalciteTextAreaElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteTextAreaElement: {
-    prototype: HTMLCalciteTextAreaElement;
-    new (): HTMLCalciteTextAreaElement;
-  };
-  interface HTMLCalciteTileElement extends Components.CalciteTile, HTMLStencilElement {}
-  var HTMLCalciteTileElement: {
-    prototype: HTMLCalciteTileElement;
-    new (): HTMLCalciteTileElement;
-  };
-  interface HTMLCalciteTileSelectElementEventMap {
-    calciteTileSelectChange: void;
-  }
-  interface HTMLCalciteTileSelectElement extends Components.CalciteTileSelect, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteTileSelectElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTileSelectElement,
-        ev: CalciteTileSelectCustomEvent<HTMLCalciteTileSelectElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteTileSelectElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTileSelectElement,
-        ev: CalciteTileSelectCustomEvent<HTMLCalciteTileSelectElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteTileSelectElement: {
-    prototype: HTMLCalciteTileSelectElement;
-    new (): HTMLCalciteTileSelectElement;
-  };
-  interface HTMLCalciteTileSelectGroupElement extends Components.CalciteTileSelectGroup, HTMLStencilElement {}
-  var HTMLCalciteTileSelectGroupElement: {
-    prototype: HTMLCalciteTileSelectGroupElement;
-    new (): HTMLCalciteTileSelectGroupElement;
-  };
-  interface HTMLCalciteTimePickerElementEventMap {
-    calciteInternalTimePickerBlur: void;
-    calciteInternalTimePickerChange: string;
-    calciteInternalTimePickerFocus: void;
-  }
-  interface HTMLCalciteTimePickerElement extends Components.CalciteTimePicker, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteTimePickerElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTimePickerElement,
-        ev: CalciteTimePickerCustomEvent<HTMLCalciteTimePickerElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteTimePickerElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTimePickerElement,
-        ev: CalciteTimePickerCustomEvent<HTMLCalciteTimePickerElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteTimePickerElement: {
-    prototype: HTMLCalciteTimePickerElement;
-    new (): HTMLCalciteTimePickerElement;
-  };
-  interface HTMLCalciteTipElementEventMap {
-    calciteTipDismiss: void;
-  }
-  interface HTMLCalciteTipElement extends Components.CalciteTip, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteTipElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteTipElement, ev: CalciteTipCustomEvent<HTMLCalciteTipElementEventMap[K]>) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteTipElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteTipElement, ev: CalciteTipCustomEvent<HTMLCalciteTipElementEventMap[K]>) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteTipElement: {
-    prototype: HTMLCalciteTipElement;
-    new (): HTMLCalciteTipElement;
-  };
-  interface HTMLCalciteTipGroupElement extends Components.CalciteTipGroup, HTMLStencilElement {}
-  var HTMLCalciteTipGroupElement: {
-    prototype: HTMLCalciteTipGroupElement;
-    new (): HTMLCalciteTipGroupElement;
-  };
-  interface HTMLCalciteTipManagerElementEventMap {
-    calciteTipManagerClose: void;
-  }
-  interface HTMLCalciteTipManagerElement extends Components.CalciteTipManager, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteTipManagerElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTipManagerElement,
-        ev: CalciteTipManagerCustomEvent<HTMLCalciteTipManagerElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteTipManagerElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTipManagerElement,
-        ev: CalciteTipManagerCustomEvent<HTMLCalciteTipManagerElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteTipManagerElement: {
-    prototype: HTMLCalciteTipManagerElement;
-    new (): HTMLCalciteTipManagerElement;
-  };
-  interface HTMLCalciteTooltipElementEventMap {
-    calciteTooltipBeforeClose: void;
-    calciteTooltipClose: void;
-    calciteTooltipBeforeOpen: void;
-    calciteTooltipOpen: void;
-  }
-  interface HTMLCalciteTooltipElement extends Components.CalciteTooltip, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteTooltipElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTooltipElement,
-        ev: CalciteTooltipCustomEvent<HTMLCalciteTooltipElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteTooltipElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTooltipElement,
-        ev: CalciteTooltipCustomEvent<HTMLCalciteTooltipElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteTooltipElement: {
-    prototype: HTMLCalciteTooltipElement;
-    new (): HTMLCalciteTooltipElement;
-  };
-  interface HTMLCalciteTreeElementEventMap {
-    calciteTreeSelect: void;
-  }
-  interface HTMLCalciteTreeElement extends Components.CalciteTree, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteTreeElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteTreeElement, ev: CalciteTreeCustomEvent<HTMLCalciteTreeElementEventMap[K]>) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteTreeElementEventMap>(
-      type: K,
-      listener: (this: HTMLCalciteTreeElement, ev: CalciteTreeCustomEvent<HTMLCalciteTreeElementEventMap[K]>) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteTreeElement: {
-    prototype: HTMLCalciteTreeElement;
-    new (): HTMLCalciteTreeElement;
-  };
-  interface HTMLCalciteTreeItemElementEventMap {
-    calciteInternalTreeItemSelect: TreeItemSelectDetail;
-  }
-  interface HTMLCalciteTreeItemElement extends Components.CalciteTreeItem, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteTreeItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTreeItemElement,
-        ev: CalciteTreeItemCustomEvent<HTMLCalciteTreeItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteTreeItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteTreeItemElement,
-        ev: CalciteTreeItemCustomEvent<HTMLCalciteTreeItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteTreeItemElement: {
-    prototype: HTMLCalciteTreeItemElement;
-    new (): HTMLCalciteTreeItemElement;
-  };
-  interface HTMLCalciteValueListElementEventMap {
-    calciteListChange: Map<string, HTMLCalciteValueListItemElement>;
-    calciteListOrderChange: any[];
-    calciteListFilter: void;
-  }
-  /**
-   * @deprecated Use the `list` component instead.
-   */
-  interface HTMLCalciteValueListElement extends Components.CalciteValueList, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteValueListElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteValueListElement,
-        ev: CalciteValueListCustomEvent<HTMLCalciteValueListElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteValueListElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteValueListElement,
-        ev: CalciteValueListCustomEvent<HTMLCalciteValueListElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteValueListElement: {
-    prototype: HTMLCalciteValueListElement;
-    new (): HTMLCalciteValueListElement;
-  };
-  interface HTMLCalciteValueListItemElementEventMap {
-    calciteListItemChange: {
-      item: HTMLCalciteValueListItemElement;
-      value: any;
-      selected: boolean;
-      shiftPressed: boolean;
-    };
-    calciteListItemRemove: void;
-    calciteValueListItemDragHandleBlur: ListItemAndHandle;
-  }
-  /**
-   * @deprecated Use the `list` component instead.
-   */
-  interface HTMLCalciteValueListItemElement extends Components.CalciteValueListItem, HTMLStencilElement {
-    addEventListener<K extends keyof HTMLCalciteValueListItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteValueListItemElement,
-        ev: CalciteValueListItemCustomEvent<HTMLCalciteValueListItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    addEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | AddEventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLCalciteValueListItemElementEventMap>(
-      type: K,
-      listener: (
-        this: HTMLCalciteValueListItemElement,
-        ev: CalciteValueListItemCustomEvent<HTMLCalciteValueListItemElementEventMap[K]>
-      ) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof DocumentEventMap>(
-      type: K,
-      listener: (this: Document, ev: DocumentEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(
-      type: K,
-      listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any,
-      options?: boolean | EventListenerOptions
-    ): void;
-    removeEventListener(
-      type: string,
-      listener: EventListenerOrEventListenerObject,
-      options?: boolean | EventListenerOptions
-    ): void;
-  }
-  var HTMLCalciteValueListItemElement: {
-    prototype: HTMLCalciteValueListItemElement;
-    new (): HTMLCalciteValueListItemElement;
-  };
-  interface HTMLElementTagNameMap {
-    "calcite-accordion": HTMLCalciteAccordionElement;
-    "calcite-accordion-item": HTMLCalciteAccordionItemElement;
-    "calcite-action": HTMLCalciteActionElement;
-    "calcite-action-bar": HTMLCalciteActionBarElement;
-    "calcite-action-group": HTMLCalciteActionGroupElement;
-    "calcite-action-menu": HTMLCalciteActionMenuElement;
-    "calcite-action-pad": HTMLCalciteActionPadElement;
-    "calcite-alert": HTMLCalciteAlertElement;
-    "calcite-avatar": HTMLCalciteAvatarElement;
-    "calcite-block": HTMLCalciteBlockElement;
-    "calcite-block-section": HTMLCalciteBlockSectionElement;
-    "calcite-button": HTMLCalciteButtonElement;
-    "calcite-card": HTMLCalciteCardElement;
-    "calcite-checkbox": HTMLCalciteCheckboxElement;
-    "calcite-chip": HTMLCalciteChipElement;
-    "calcite-chip-group": HTMLCalciteChipGroupElement;
-    "calcite-color-picker": HTMLCalciteColorPickerElement;
-    "calcite-color-picker-hex-input": HTMLCalciteColorPickerHexInputElement;
-    "calcite-color-picker-swatch": HTMLCalciteColorPickerSwatchElement;
-    "calcite-combobox": HTMLCalciteComboboxElement;
-    "calcite-combobox-item": HTMLCalciteComboboxItemElement;
-    "calcite-combobox-item-group": HTMLCalciteComboboxItemGroupElement;
-    "calcite-date-picker": HTMLCalciteDatePickerElement;
-    "calcite-date-picker-day": HTMLCalciteDatePickerDayElement;
-    "calcite-date-picker-month": HTMLCalciteDatePickerMonthElement;
-    "calcite-date-picker-month-header": HTMLCalciteDatePickerMonthHeaderElement;
-    "calcite-dropdown": HTMLCalciteDropdownElement;
-    "calcite-dropdown-group": HTMLCalciteDropdownGroupElement;
-    "calcite-dropdown-item": HTMLCalciteDropdownItemElement;
-    "calcite-fab": HTMLCalciteFabElement;
-    "calcite-filter": HTMLCalciteFilterElement;
-    "calcite-flow": HTMLCalciteFlowElement;
-    "calcite-flow-item": HTMLCalciteFlowItemElement;
-    "calcite-graph": HTMLCalciteGraphElement;
-    "calcite-handle": HTMLCalciteHandleElement;
-    "calcite-icon": HTMLCalciteIconElement;
-    "calcite-inline-editable": HTMLCalciteInlineEditableElement;
-    "calcite-input": HTMLCalciteInputElement;
-    "calcite-input-date-picker": HTMLCalciteInputDatePickerElement;
-    "calcite-input-message": HTMLCalciteInputMessageElement;
-    "calcite-input-number": HTMLCalciteInputNumberElement;
-    "calcite-input-text": HTMLCalciteInputTextElement;
-    "calcite-input-time-picker": HTMLCalciteInputTimePickerElement;
-    "calcite-input-time-zone": HTMLCalciteInputTimeZoneElement;
-    "calcite-label": HTMLCalciteLabelElement;
-    "calcite-link": HTMLCalciteLinkElement;
-    "calcite-list": HTMLCalciteListElement;
-    "calcite-list-item": HTMLCalciteListItemElement;
-    "calcite-list-item-group": HTMLCalciteListItemGroupElement;
-    "calcite-loader": HTMLCalciteLoaderElement;
-    "calcite-menu": HTMLCalciteMenuElement;
-    "calcite-menu-item": HTMLCalciteMenuItemElement;
-    "calcite-meter": HTMLCalciteMeterElement;
-    "calcite-modal": HTMLCalciteModalElement;
-    "calcite-navigation": HTMLCalciteNavigationElement;
-    "calcite-navigation-logo": HTMLCalciteNavigationLogoElement;
-    "calcite-navigation-user": HTMLCalciteNavigationUserElement;
-    "calcite-notice": HTMLCalciteNoticeElement;
-    "calcite-option": HTMLCalciteOptionElement;
-    "calcite-option-group": HTMLCalciteOptionGroupElement;
-    "calcite-pagination": HTMLCalcitePaginationElement;
-    "calcite-panel": HTMLCalcitePanelElement;
-    "calcite-pick-list": HTMLCalcitePickListElement;
-    "calcite-pick-list-group": HTMLCalcitePickListGroupElement;
-    "calcite-pick-list-item": HTMLCalcitePickListItemElement;
-    "calcite-popover": HTMLCalcitePopoverElement;
-    "calcite-progress": HTMLCalciteProgressElement;
-    "calcite-radio-button": HTMLCalciteRadioButtonElement;
-    "calcite-radio-button-group": HTMLCalciteRadioButtonGroupElement;
-    "calcite-rating": HTMLCalciteRatingElement;
-    "calcite-scrim": HTMLCalciteScrimElement;
-    "calcite-segmented-control": HTMLCalciteSegmentedControlElement;
-    "calcite-segmented-control-item": HTMLCalciteSegmentedControlItemElement;
-    "calcite-select": HTMLCalciteSelectElement;
-    "calcite-sheet": HTMLCalciteSheetElement;
-    "calcite-shell": HTMLCalciteShellElement;
-    "calcite-shell-center-row": HTMLCalciteShellCenterRowElement;
-    "calcite-shell-panel": HTMLCalciteShellPanelElement;
-    "calcite-slider": HTMLCalciteSliderElement;
-    "calcite-sortable-list": HTMLCalciteSortableListElement;
-    "calcite-split-button": HTMLCalciteSplitButtonElement;
-    "calcite-stack": HTMLCalciteStackElement;
-    "calcite-stepper": HTMLCalciteStepperElement;
-    "calcite-stepper-item": HTMLCalciteStepperItemElement;
-    "calcite-switch": HTMLCalciteSwitchElement;
-    "calcite-tab": HTMLCalciteTabElement;
-    "calcite-tab-nav": HTMLCalciteTabNavElement;
-    "calcite-tab-title": HTMLCalciteTabTitleElement;
-    "calcite-table": HTMLCalciteTableElement;
-    "calcite-table-cell": HTMLCalciteTableCellElement;
-    "calcite-table-header": HTMLCalciteTableHeaderElement;
-    "calcite-table-row": HTMLCalciteTableRowElement;
-    "calcite-tabs": HTMLCalciteTabsElement;
-    "calcite-text-area": HTMLCalciteTextAreaElement;
-    "calcite-tile": HTMLCalciteTileElement;
-    "calcite-tile-select": HTMLCalciteTileSelectElement;
-    "calcite-tile-select-group": HTMLCalciteTileSelectGroupElement;
-    "calcite-time-picker": HTMLCalciteTimePickerElement;
-    "calcite-tip": HTMLCalciteTipElement;
-    "calcite-tip-group": HTMLCalciteTipGroupElement;
-    "calcite-tip-manager": HTMLCalciteTipManagerElement;
-    "calcite-tooltip": HTMLCalciteTooltipElement;
-    "calcite-tree": HTMLCalciteTreeElement;
-    "calcite-tree-item": HTMLCalciteTreeItemElement;
-    "calcite-value-list": HTMLCalciteValueListElement;
-    "calcite-value-list-item": HTMLCalciteValueListItemElement;
-  }
-}
-declare namespace LocalJSX {
-  interface CalciteAccordion {
-    /**
-     * Specifies the appearance of the component.
-     */
-    appearance?: Extract<"solid" | "transparent", Appearance>;
-    /**
-     * Specifies the placement of the icon in the header.
-     */
-    iconPosition?: Position;
-    /**
-     * Specifies the type of the icon in the header.
-     */
-    iconType?: "chevron" | "caret" | "plus-minus";
-    onCalciteInternalAccordionChange?: (event: CalciteAccordionCustomEvent<RequestedItem>) => void;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the selection mode - `"multiple"` (allow any number of open items), `"single"` (allow one open item), or `"single-persist"` (allow and require one open item).
-     */
-    selectionMode?: Extract<"single" | "single-persist" | "multiple", SelectionMode>;
-  }
-  interface CalciteAccordionItem {
-    /**
-     * The containing `accordion` element.
-     */
-    accordionParent?: HTMLCalciteAccordionElement;
-    /**
-     * Specifies a description for the component.
-     */
-    description?: string;
-    /**
-     * When `true`, the component is expanded.
-     */
-    expanded?: boolean;
-    /**
-     * Specifies heading text for the component.
-     */
-    heading?: string;
-    /**
-     * Specifies an icon to display at the end of the component.
-     */
-    iconEnd?: string;
-    /**
-     * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: FlipContext;
-    /**
-     * Specifies the placement of the icon in the header inherited from the `calcite-accordion`.
-     */
-    iconPosition?: Position;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart?: string;
-    /**
-     * Specifies the type of the icon in the header inherited from the `calcite-accordion`.
-     */
-    iconType?: "chevron" | "caret" | "plus-minus";
-    onCalciteInternalAccordionItemClose?: (event: CalciteAccordionItemCustomEvent<void>) => void;
-    onCalciteInternalAccordionItemSelect?: (event: CalciteAccordionItemCustomEvent<RequestedItem1>) => void;
-    /**
-     * Specifies the size of the component inherited from the `calcite-accordion`.
-     */
-    scale?: Scale;
-  }
-  interface CalciteAction {
-    /**
-     * When `true`, the component is highlighted.
-     */
-    active?: boolean;
-    /**
-     * Specifies the horizontal alignment of button elements with text content.
-     */
-    alignment?: Alignment;
-    /**
-     * Specifies the appearance of the component.
-     */
-    appearance?: Extract<"solid" | "transparent", Appearance>;
-    /**
-     * When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
-     */
-    compact?: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Specifies an icon to display.
-     */
-    icon?: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-    /**
-     * When `true`, displays a visual indicator.
-     */
-    indicator?: boolean;
-    /**
-     * Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop.
-     */
-    label?: string;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading?: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<ActionMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: ActionMessages;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies text that accompanies the icon.
-     */
-    text: string;
-    /**
-     * Indicates whether the text is displayed.
-     */
-    textEnabled?: boolean;
-  }
-  interface CalciteActionBar {
-    /**
-     * Specifies the accessible label for the last action-group.
-     */
-    actionsEndGroupLabel?: string;
-    /**
-     * When `true`, the expand-toggling behavior is disabled.
-     */
-    expandDisabled?: boolean;
-    /**
-     * When `true`, the component is expanded.
-     */
-    expanded?: boolean;
-    /**
-     * The layout direction of the actions.
-     */
-    layout?: Extract<"horizontal" | "vertical", Layout>;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<ActionBarMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: ActionBarMessages;
-    /**
-     * Emits when the `expanded` property is toggled.
-     */
-    onCalciteActionBarToggle?: (event: CalciteActionBarCustomEvent<void>) => void;
-    /**
-     * Disables automatically overflowing `calcite-action`s that won't fit into menus.
-     */
-    overflowActionsDisabled?: boolean;
-    /**
-     * Arranges the component depending on the element's `dir` property.
-     */
-    position?: Position;
-    /**
-     * Specifies the size of the expand `calcite-action`.
-     */
-    scale?: Scale;
-  }
-  interface CalciteActionGroup {
-    /**
-     * Indicates number of columns.
-     */
-    columns?: Columns;
-    /**
-     * When `true`, the component is expanded.
-     */
-    expanded?: boolean;
-    /**
-     * Specifies the label of the component. Required for accessibility.
-     */
-    label?: string;
-    /**
-     * Indicates the layout of the component.
-     * @deprecated Use the `layout` property on the component's parent instead.
-     */
-    layout?: Layout;
-    /**
-     * When `true`, the `calcite-action-menu` is open.
-     */
-    menuOpen?: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<ActionGroupMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: ActionGroupMessages;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning?: OverlayPositioning;
-    /**
-     * Specifies the size of the `calcite-action-menu`.
-     */
-    scale?: Scale;
-  }
-  interface CalciteActionMenu {
-    /**
-     * Specifies the appearance of the component.
-     */
-    appearance?: Extract<"solid" | "transparent", Appearance>;
-    /**
-     * When `true`, the component is expanded.
-     */
-    expanded?: boolean;
-    /**
-     * Defines the available placements that can be used when a flip occurs.
-     */
-    flipPlacements?: EffectivePlacement[];
-    /**
-     * Specifies the text string for the component.
-     */
-    label: string;
-    /**
-     * Emits when the `open` property is toggled.
-     */
-    onCalciteActionMenuOpen?: (event: CalciteActionMenuCustomEvent<void>) => void;
-    /**
-     * When `true`, the component is open.
-     */
-    open?: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning?: OverlayPositioning;
-    /**
-     * Determines where the component will be positioned relative to the `referenceElement`.
-     */
-    placement?: LogicalPlacement;
-    /**
-     * Specifies the size of the component's trigger `calcite-action`.
-     */
-    scale?: Scale;
-  }
-  interface CalciteActionPad {
-    /**
-     * Specifies the accessible label for the last action-group.
-     */
-    actionsEndGroupLabel?: string;
-    /**
-     * When `true`, the expand-toggling behavior is disabled.
-     */
-    expandDisabled?: boolean;
-    /**
-     * When `true`, the component is expanded.
-     */
-    expanded?: boolean;
-    /**
-     * Indicates the layout of the component.
-     */
-    layout?: Layout;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<ActionPadMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: ActionPadMessages;
-    /**
-     * Emits when the `expanded` property is toggled.
-     */
-    onCalciteActionPadToggle?: (event: CalciteActionPadCustomEvent<void>) => void;
-    /**
-     * Arranges the component depending on the element's `dir` property.
-     */
-    position?: Position;
-    /**
-     * Specifies the size of the expand `calcite-action`.
-     */
-    scale?: Scale;
-  }
-  interface CalciteAlert {
-    /**
-     * When `true`, the component closes automatically (recommended for passive, non-blocking alerts).
-     */
-    autoClose?: boolean;
-    /**
-     * Specifies the duration before the component automatically closes (only use with `autoClose`).
-     */
-    autoCloseDuration?: AlertDuration;
-    /**
-     * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
-     */
-    icon?: string | boolean;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-    /**
-     * Specifies the kind of the component (will apply to top border and icon).
-     */
-    kind?: Extract<"brand" | "danger" | "info" | "success" | "warning", Kind>;
-    /**
-     * Specifies an accessible name for the component.
-     */
-    label: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<AlertMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: AlertMessages;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Fires when the component is requested to be closed and before the closing transition begins.
-     */
-    onCalciteAlertBeforeClose?: (event: CalciteAlertCustomEvent<void>) => void;
-    /**
-     * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
-     */
-    onCalciteAlertBeforeOpen?: (event: CalciteAlertCustomEvent<void>) => void;
-    /**
-     * Fires when the component is closed and animation is complete.
-     */
-    onCalciteAlertClose?: (event: CalciteAlertCustomEvent<void>) => void;
-    /**
-     * Fires when the component is open and animation is complete.
-     */
-    onCalciteAlertOpen?: (event: CalciteAlertCustomEvent<void>) => void;
-    /**
-     * Fires when the component is added to DOM - used to receive initial queue.
-     */
-    onCalciteInternalAlertRegister?: (event: CalciteAlertCustomEvent<void>) => void;
-    /**
-     * Fires to sync queue when opened or closed.
-     */
-    onCalciteInternalAlertSync?: (event: CalciteAlertCustomEvent<Sync>) => void;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    open?: boolean;
-    /**
-     * Specifies the placement of the component
-     */
-    placement?: MenuPlacement;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
-     */
-    slottedInShell?: boolean;
-  }
-  interface CalciteAvatar {
-    /**
-     * Specifies the full name of the user. When `label` and `thumbnail` are not defined, specifies the accessible name for the component.
-     */
-    fullName?: string;
-    /**
-     * Specifies alternative text when `thumbnail` is defined, otherwise specifies an accessible label.
-     */
-    label?: string;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the `src` to an image (remember to add a token if the user is private).
-     */
-    thumbnail?: string;
-    /**
-     * Specifies the unique id of the user.
-     */
-    userId?: string;
-    /**
-     * Specifies the username of the user.
-     */
-    username?: string;
-  }
-  interface CalciteBlock {
-    /**
-     * When `true`, the component is collapsible.
-     */
-    collapsible?: boolean;
-    /**
-     * A description for the component, which displays below the heading.
-     */
-    description?: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * When `true`, displays a drag handle in the header.
-     */
-    dragHandle?: boolean;
-    /**
-     * The component header text.
-     */
-    heading: string;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading?: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<BlockMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: BlockMessages;
-    /**
-     * Fires when the component is requested to be closed and before the closing transition begins.
-     */
-    onCalciteBlockBeforeClose?: (event: CalciteBlockCustomEvent<void>) => void;
-    /**
-     * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
-     */
-    onCalciteBlockBeforeOpen?: (event: CalciteBlockCustomEvent<void>) => void;
-    /**
-     * Fires when the component is closed and animation is complete.
-     */
-    onCalciteBlockClose?: (event: CalciteBlockCustomEvent<void>) => void;
-    /**
-     * Fires when the component is open and animation is complete.
-     */
-    onCalciteBlockOpen?: (event: CalciteBlockCustomEvent<void>) => void;
-    /**
-     * Emits when the component's header is clicked.
-     * @deprecated use `openClose` events: `calciteBlock[Before]Open` and `calciteBlock[Before]Close` instead.
-     */
-    onCalciteBlockToggle?: (event: CalciteBlockCustomEvent<void>) => void;
-    /**
-     * When `true`, expands the component and its contents.
-     */
-    open?: boolean;
-    /**
-     * Displays a status-related indicator icon.
-     */
-    status?: Status;
-  }
-  interface CalciteBlockSection {
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<BlockSectionMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: BlockSectionMessages;
-    /**
-     * Emits when the header has been clicked.
-     */
-    onCalciteBlockSectionToggle?: (event: CalciteBlockSectionCustomEvent<void>) => void;
-    /**
-     * When `true`, expands the component and its contents.
-     */
-    open?: boolean;
-    /**
-     * Displays a status-related indicator icon.
-     */
-    status?: Status;
-    /**
-     * The component header text.
-     */
-    text?: string;
-    /**
-     * Specifies the component's toggle display -  `"button"` (selectable header), or  `"switch"` (toggle switch).
-     */
-    toggleDisplay?: BlockSectionToggleDisplay;
-  }
-  interface CalciteButton {
-    /**
-     * Specifies the alignment of the component's elements.
-     */
-    alignment?: ButtonAlignment;
-    /**
-     * Specifies the appearance style of the component.
-     */
-    appearance?: Extract<"outline" | "outline-fill" | "solid" | "transparent", Appearance>;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
-     */
-    href?: string;
-    /**
-     * Specifies an icon to display at the end of the component.
-     */
-    iconEnd?: string;
-    /**
-     * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: FlipContext;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart?: string;
-    /**
-     * Specifies the kind of the component (will apply to border and background if applicable).
-     */
-    kind?: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
-    /**
-     * Accessible name for the component.
-     */
-    label?: string;
-    /**
-     * When `true`, a busy indicator is displayed and interaction is disabled.
-     */
-    loading?: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<ButtonMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: ButtonMessages;
-    /**
-     * Specifies the name of the component on form submission.
-     */
-    name?: string;
-    /**
-     * Defines the relationship between the `href` value and the current document.
-     * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
-     */
-    rel?: string;
-    /**
-     * When `true`, adds a round style to the component.
-     */
-    round?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies if the component is a child of a `calcite-split-button`.
-     */
-    splitChild?: "primary" | "secondary" | false;
-    /**
-     * Specifies where to open the linked document defined in the `href` property.
-     * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
-     */
-    target?: string;
-    /**
-     * Specifies the default behavior of the button.
-     * @mdn [type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)
-     */
-    type?: string;
-    /**
-     * Specifies the width of the component.
-     */
-    width?: Width;
-  }
-  interface CalciteCard {
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading?: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<CardMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: CardMessages;
-    /**
-     * Fires when `selectable` is `true` and the component is selected.
-     */
-    onCalciteCardSelect?: (event: CalciteCardCustomEvent<void>) => void;
-    /**
-     * When `true`, the component is selectable.
-     */
-    selectable?: boolean;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected?: boolean;
-    /**
-     * Sets the placement of the thumbnail defined in the `thumbnail` slot.
-     */
-    thumbnailPosition?: LogicalFlowPosition;
-  }
-  interface CalciteCheckbox {
-    /**
-     * When `true`, the component is checked.
-     */
-    checked?: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * The `id` attribute of the component. When omitted, a globally unique identifier is used.
-     */
-    guid?: string;
-    /**
-     * The hovered state of the checkbox.
-     */
-    hovered?: boolean;
-    /**
-     * When `true`, the component is initially indeterminate, which is independent from its `checked` value.  The state is visual only, and can look different across browsers.
-     * @mdn [indeterminate](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)
-     */
-    indeterminate?: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label?: string;
-    /**
-     * Specifies the name of the component on form submission.
-     */
-    name?: string;
-    /**
-     * Emits when the component's `checked` status changes.
-     */
-    onCalciteCheckboxChange?: (event: CalciteCheckboxCustomEvent<void>) => void;
-    /**
-     * Emits when the component is blurred.
-     */
-    onCalciteInternalCheckboxBlur?: (event: CalciteCheckboxCustomEvent<boolean>) => void;
-    /**
-     * Emits when the component is focused.
-     */
-    onCalciteInternalCheckboxFocus?: (event: CalciteCheckboxCustomEvent<boolean>) => void;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * The component's value.
-     */
-    value?: any;
-  }
-  interface CalciteChip {
-    /**
-     * Specifies the appearance style of the component.
-     */
-    appearance?: Extract<"outline" | "outline-fill" | "solid", Appearance>;
-    /**
-     * When `true`, a close button is added to the component.
-     */
-    closable?: boolean;
-    /**
-     * When `true`, hides the component.
-     */
-    closed?: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Specifies an icon to display.
-     */
-    icon?: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-    /**
-     * When true, enables the chip to be focused, and allows the `calciteChipSelect` to emit. This is set to `true` by a parent Chip Group component.
-     */
-    interactive?: boolean;
-    /**
-     * Specifies the kind of the component (will apply to border and background if applicable).
-     */
-    kind?: Extract<"brand" | "inverse" | "neutral", Kind>;
-    /**
-     * Accessible name for the component.
-     */
-    label?: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<ChipMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: ChipMessages;
-    /**
-     * Fires when the component's close button is selected.
-     */
-    onCalciteChipClose?: (event: CalciteChipCustomEvent<void>) => void;
-    /**
-     * Fires when the selected state of the component changes.
-     */
-    onCalciteChipSelect?: (event: CalciteChipCustomEvent<void>) => void;
-    onCalciteInternalChipKeyEvent?: (event: CalciteChipCustomEvent<KeyboardEvent>) => void;
-    /**
-     * Specifies the size of the component. When contained in a parent `calcite-chip-group` inherits the parent's `scale` value.
-     */
-    scale?: Scale;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected?: boolean;
-    /**
-     * This internal property, managed by a containing `calcite-chip-group`, is conditionally set based on the `selectionMode` of the parent
-     */
-    selectionMode?: Extract<"multiple" | "single" | "single-persist" | "none", SelectionMode>;
-    /**
-     * The component's value.
-     */
-    value: any;
-  }
-  interface CalciteChipGroup {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Emits when the component's selection changes.
-     */
-    onCalciteChipGroupSelect?: (event: CalciteChipGroupCustomEvent<void>) => void;
-    /**
-     * Specifies the size of the component. Child `calcite-chip`s inherit the component's value.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the component's selected items.
-     * @readonly
-     */
-    selectedItems?: HTMLCalciteChipElement[];
-    /**
-     * Specifies the selection mode of the component.
-     */
-    selectionMode?: Extract<"multiple" | "single" | "single-persist" | "none", SelectionMode>;
-  }
-  interface CalciteColorPicker {
-    /**
-     * When `true`, an empty color (`null`) will be allowed as a `value`. When `false`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`.
-     */
-    allowEmpty?: boolean;
-    /**
-     * When true, the component will allow updates to the color's alpha value.
-     */
-    alphaChannel?: boolean;
-    /**
-     * When true, hides the RGB/HSV channel inputs
-     */
-    channelsDisabled?: boolean;
-    /**
-     * Internal prop for advanced use-cases.
-     */
-    color?: InternalColor | null;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The format of `value`.  When `"auto"`, the format will be inferred from `value` when set.
-     * @default "auto"
-     */
-    format?: Format;
-    /**
-     * When true, hides the hex input
-     */
-    hexDisabled?: boolean;
-    /**
-     * When `true`, hides the RGB/HSV channel inputs.
-     * @deprecated use `channelsDisabled` instead
-     */
-    hideChannels?: boolean;
-    /**
-     * When `true`, hides the hex input.
-     * @deprecated use `hexDisabled` instead
-     */
-    hideHex?: boolean;
-    /**
-     * When `true`, hides the saved colors section.
-     * @deprecated use `savedDisabled` instead
-     */
-    hideSaved?: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<ColorPickerMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: ColorPickerMessages;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Fires when the color value has changed.
-     */
-    onCalciteColorPickerChange?: (event: CalciteColorPickerCustomEvent<void>) => void;
-    /**
-     * Fires as the color value changes.  Similar to the `calciteColorPickerChange` event with the exception of dragging. When dragging the color field or hue slider thumb, this event fires as the thumb is moved.
-     */
-    onCalciteColorPickerInput?: (event: CalciteColorPickerCustomEvent<void>) => void;
-    /**
-     * When true, hides the saved colors section
-     */
-    savedDisabled?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the storage ID for colors.
-     */
-    storageId?: string;
-    /**
-     * The component's value, where the value can be a CSS color string, or a RGB, HSL or HSV object.  The type will be preserved as the color is updated.
-     * @default "#007ac2"
-     * @see [CSS Color](https://developer.mozilla.org/en-US/docs/Web/CSS/color)
-     * @see [ColorValue](https://github.com/Esri/calcite-design-system/blob/main/src/components/color-picker/interfaces.ts#L10)
-     */
-    value?: ColorValue | null;
-  }
-  interface CalciteColorPickerHexInput {
-    /**
-     * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.  When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.
-     */
-    allowEmpty?: boolean;
-    /**
-     * When true, the component will allow updates to the color's alpha value.
-     */
-    alphaChannel?: boolean;
-    /**
-     * Specifies accessible label for the input field.
-     * @deprecated use `messages` instead
-     */
-    hexLabel?: string;
-    /**
-     * Messages are passed by parent component for accessible labels.
-     */
-    messages?: ColorPickerMessages;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Emitted when the hex value changes.
-     */
-    onCalciteColorPickerHexInputChange?: (event: CalciteColorPickerHexInputCustomEvent<void>) => void;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * The hex value.
-     */
-    value?: string;
-  }
-  interface CalciteColorPickerSwatch {
-    /**
-     * When `true`, the component is active.
-     */
-    active?: boolean;
-    /**
-     * The color value.
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
-     */
-    color?: string | null;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-  }
-  interface CalciteCombobox {
-    /**
-     * When `true`, allows entry of custom values, which are not in the original set of items.
-     */
-    allowCustomValues?: boolean;
-    /**
-     * When `true`, the value-clearing will be disabled.
-     */
-    clearDisabled?: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Specifies the component's filtered items.
-     * @readonly
-     */
-    filteredItems?: HTMLCalciteComboboxItemElement[];
-    /**
-     * Defines the available placements that can be used when a flip occurs.
-     */
-    flipPlacements?: EffectivePlacement[];
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Specifies the maximum number of `calcite-combobox-item`s (including nested children) to display before displaying a scrollbar.
-     */
-    maxItems?: number;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<ComboboxMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: ComboboxMessages;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name?: string;
-    /**
-     * Fires when the component is requested to be closed, and before the closing transition begins.
-     */
-    onCalciteComboboxBeforeClose?: (event: CalciteComboboxCustomEvent<void>) => void;
-    /**
-     * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
-     */
-    onCalciteComboboxBeforeOpen?: (event: CalciteComboboxCustomEvent<void>) => void;
-    /**
-     * Fires when the selected item(s) changes.
-     */
-    onCalciteComboboxChange?: (event: CalciteComboboxCustomEvent<void>) => void;
-    /**
-     * Fires when a selected item in the component is closed via its `calcite-chip`.
-     */
-    onCalciteComboboxChipClose?: (event: CalciteComboboxCustomEvent<void>) => void;
-    /**
-     * Fires when the component is closed and animation is complete.
-     */
-    onCalciteComboboxClose?: (event: CalciteComboboxCustomEvent<void>) => void;
-    /**
-     * Fires when text is added to filter the options list.
-     */
-    onCalciteComboboxFilterChange?: (event: CalciteComboboxCustomEvent<void>) => void;
-    /**
-     * Fires when the component is open and animation is complete.
-     */
-    onCalciteComboboxOpen?: (event: CalciteComboboxCustomEvent<void>) => void;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    open?: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning?: OverlayPositioning;
-    /**
-     * Specifies the placeholder text for the input.
-     */
-    placeholder?: string;
-    /**
-     * Specifies the placeholder icon for the input.
-     */
-    placeholderIcon?: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    placeholderIconFlipRtl?: boolean;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the component's selected items.
-     * @readonly
-     */
-    selectedItems?: HTMLCalciteComboboxItemElement[];
-    /**
-     * Specifies the selection mode: - "multiple" allows any number of selected items (default), - "single" allows only one selection, - "single-persist" allow and require one open item, - "ancestors" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
-     */
-    selectionMode?: Extract<"single" | "single-persist" | "ancestors" | "multiple", SelectionMode>;
-    /**
-     * The component's value(s) from the selected `calcite-combobox-item`(s).
-     */
-    value?: string | string[];
-  }
-  interface CalciteComboboxItem {
-    /**
-     * When `true`, the component is active.
-     */
-    active?: boolean;
-    /**
-     * Specifies the parent and grandparent items, which are set on `calcite-combobox`.
-     */
-    ancestors?: ComboboxChildElement[];
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * When `true`, omits the component from the `calcite-combobox` filtered search results.
-     */
-    filterDisabled?: boolean;
-    /**
-     * The `id` attribute of the component. When omitted, a globally unique identifier is used.
-     */
-    guid?: string;
-    /**
-     * Specifies an icon to display.
-     */
-    icon?: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-    /**
-     * Emits whenever the component is selected or unselected.
-     */
-    onCalciteComboboxItemChange?: (event: CalciteComboboxItemCustomEvent<void>) => void;
-    /**
-     * Specifies the size of the component inherited from the `calcite-combobox`, defaults to `m`.
-     */
-    scale?: Scale;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected?: boolean;
-    /**
-     * Specifies the selection mode: - "multiple" allows any number of selected items (default), - "single" allows only one selection, - "single-persist" allow and require one open item, - "ancestors" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
-     */
-    selectionMode?: Extract<"single" | "single-persist" | "ancestors" | "multiple", SelectionMode>;
-    /**
-     * The component's text.
-     */
-    textLabel: string;
-    /**
-     * The component's value.
-     */
-    value: any;
-  }
-  interface CalciteComboboxItemGroup {
-    /**
-     * When `true`, signifies that the group comes after another group without any children (items or sub-groups), otherwise indicates that the group comes after another group that has children. Used for styling.
-     */
-    afterEmptyGroup?: boolean;
-    /**
-     * Specifies the parent and grandparent `calcite-combobox-item`s, which are set on `calcite-combobox`.
-     */
-    ancestors?: ComboboxChildElement[];
-    /**
-     * Specifies the title of the component.
-     */
-    label: string;
-    /**
-     * Specifies the size of the component inherited from the `calcite-combobox`, defaults to `m`.
-     */
-    scale?: Scale;
-  }
-  interface CalciteDatePicker {
-    /**
-     * Specifies the component's active date.
-     */
-    activeDate?: Date;
-    /**
-     * When `range` is true, specifies the active `range`. Where `"start"` specifies the starting range date and `"end"` the ending range date.
-     */
-    activeRange?: "start" | "end";
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Specifies the latest allowed date (`"yyyy-mm-dd"`).
-     */
-    max?: string;
-    /**
-     * Specifies the latest allowed date as a full date object (`new Date("yyyy-mm-dd")`).
-     */
-    maxAsDate?: Date;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<DatePickerMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: DatePickerMessages;
-    /**
-     * Specifies the earliest allowed date (`"yyyy-mm-dd"`).
-     */
-    min?: string;
-    /**
-     * Specifies the earliest allowed date as a full date object (`new Date("yyyy-mm-dd")`).
-     */
-    minAsDate?: Date;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Emits when a user changes the component's date. For `range` events, use `calciteDatePickerRangeChange`.
-     */
-    onCalciteDatePickerChange?: (event: CalciteDatePickerCustomEvent<void>) => void;
-    /**
-     * Emits when a user changes the component's date `range`. For components without `range` use `calciteDatePickerChange`.
-     */
-    onCalciteDatePickerRangeChange?: (event: CalciteDatePickerCustomEvent<void>) => void;
-    /**
-     * When `true`, disables the default behavior on the third click of narrowing or extending the range and instead starts a new range.
-     */
-    proximitySelectionDisabled?: boolean;
-    /**
-     * When `true`, activates the component's range mode to allow a start and end date.
-     */
-    range?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: "s" | "m" | "l";
-    /**
-     * Specifies the selected date as a string (`"yyyy-mm-dd"`), or an array of strings for `range` values (`["yyyy-mm-dd", "yyyy-mm-dd"]`).
-     */
-    value?: string | string[];
-    /**
-     * Specifies the selected date as a full date object (`new Date("yyyy-mm-dd")`), or an array containing full date objects (`[new Date("yyyy-mm-dd"), new Date("yyyy-mm-dd")]`).
-     */
-    valueAsDate?: Date | Date[];
-  }
-  interface CalciteDatePickerDay {
-    /**
-     * When `true`, the component is active.
-     */
-    active?: boolean;
-    /**
-     * Date is in the current month.
-     */
-    currentMonth?: boolean;
-    /**
-     * The DateTimeFormat used to provide screen reader labels.
-     */
-    dateTimeFormat?: Intl.DateTimeFormat;
-    /**
-     * Day of the month to be shown.
-     */
-    day: number;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Date is the end of date range
-     */
-    endOfRange?: boolean;
-    /**
-     * Date is currently highlighted as part of the range
-     */
-    highlighted?: boolean;
-    /**
-     * Emitted when user selects day
-     */
-    onCalciteDaySelect?: (event: CalciteDatePickerDayCustomEvent<void>) => void;
-    /**
-     * Emitted when user hovers over a day
-     */
-    onCalciteInternalDayHover?: (event: CalciteDatePickerDayCustomEvent<void>) => void;
-    /**
-     * When `true`, activates the component's range mode to allow a start and end date.
-     */
-    range?: boolean;
-    /**
-     * When `true`, highlight styling for edge dates is applied.
-     */
-    rangeEdge?: "start" | "end" | undefined;
-    /**
-     * Date is being hovered and within the set range
-     */
-    rangeHover?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected?: boolean;
-    /**
-     * Date is the start of date range
-     */
-    startOfRange?: boolean;
-    /**
-     * The component's value.
-     */
-    value?: Date;
-  }
-  interface CalciteDatePickerMonth {
-    /**
-     * Date currently active.
-     */
-    activeDate?: Date;
-    /**
-     * The DateTimeFormat used to provide screen reader labels.
-     */
-    dateTimeFormat?: Intl.DateTimeFormat;
-    /**
-     * End date currently active
-     */
-    endDate?: Date;
-    /**
-     * The range of dates currently being hovered
-     */
-    hoverRange?: HoverRange;
-    /**
-     * CLDR locale data for current locale
-     */
-    localeData?: DateLocaleData;
-    /**
-     * Specifies the latest allowed date (`"yyyy-mm-dd"`).
-     */
-    max?: Date;
-    /**
-     * Specifies the earliest allowed date (`"yyyy-mm-dd"`).
-     */
-    min?: Date;
-    /**
-     * Active date for the user keyboard access.
-     */
-    onCalciteInternalDatePickerActiveDateChange?: (event: CalciteDatePickerMonthCustomEvent<Date>) => void;
-    /**
-     * Event emitted when user hovers the date.
-     */
-    onCalciteInternalDatePickerHover?: (event: CalciteDatePickerMonthCustomEvent<Date>) => void;
-    onCalciteInternalDatePickerMouseOut?: (event: CalciteDatePickerMonthCustomEvent<void>) => void;
-    /**
-     * Event emitted when user selects the date.
-     */
-    onCalciteInternalDatePickerSelect?: (event: CalciteDatePickerMonthCustomEvent<Date>) => void;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Already selected date.
-     */
-    selectedDate?: Date;
-    /**
-     * Start date currently active.
-     */
-    startDate?: Date;
-  }
-  interface CalciteDatePickerMonthHeader {
-    /**
-     * Focused date with indicator (will become selected date if user proceeds)
-     */
-    activeDate?: Date;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * CLDR locale data for translated calendar info
-     */
-    localeData?: DateLocaleData;
-    /**
-     * Specifies the latest allowed date (`"yyyy-mm-dd"`).
-     */
-    max?: Date;
-    /**
-     * This property specifies accessible strings for the component's previous month button ,next month button & year input elements. Made into a prop for testing purposes only.
-     * @readonly
-     */
-    messages?: DatePickerMessages;
-    /**
-     * Specifies the earliest allowed date (`"yyyy-mm-dd"`).
-     */
-    min?: Date;
-    /**
-     * Changes to active date
-     */
-    onCalciteInternalDatePickerSelect?: (event: CalciteDatePickerMonthHeaderCustomEvent<Date>) => void;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Already selected date.
-     */
-    selectedDate?: Date;
-  }
-  interface CalciteDropdown {
-    /**
-     * When `true`, the component will remain open after a selection is made.  If the `selectionMode` of the selected `calcite-dropdown-item`'s containing `calcite-dropdown-group` is `"none"`, the component will always close.
-     */
-    closeOnSelectDisabled?: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Defines the available placements that can be used when a flip occurs.
-     */
-    flipPlacements?: EffectivePlacement[];
-    /**
-     * Specifies the maximum number of `calcite-dropdown-item`s to display before showing a scroller. Value must be greater than `0`, and does not include `groupTitle`'s from `calcite-dropdown-group`.
-     */
-    maxItems?: number;
-    /**
-     * Fires when the component is requested to be closed and before the closing transition begins.
-     */
-    onCalciteDropdownBeforeClose?: (event: CalciteDropdownCustomEvent<void>) => void;
-    /**
-     * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
-     */
-    onCalciteDropdownBeforeOpen?: (event: CalciteDropdownCustomEvent<void>) => void;
-    /**
-     * Fires when the component is closed and animation is complete.
-     */
-    onCalciteDropdownClose?: (event: CalciteDropdownCustomEvent<void>) => void;
-    /**
-     * Fires when the component is open and animation is complete.
-     */
-    onCalciteDropdownOpen?: (event: CalciteDropdownCustomEvent<void>) => void;
-    /**
-     * Fires when a `calcite-dropdown-item`'s selection changes.
-     */
-    onCalciteDropdownSelect?: (event: CalciteDropdownCustomEvent<void>) => void;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    open?: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning?: OverlayPositioning;
-    /**
-     * Determines where the component will be positioned relative to the container element.
-     * @default "bottom-start"
-     */
-    placement?: MenuPlacement;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the component's selected items.
-     * @readonly
-     */
-    selectedItems?: HTMLCalciteDropdownItemElement[];
-    /**
-     * Specifies the action to open the component from the container element.
-     */
-    type?: "hover" | "click";
-    /**
-     * Specifies the width of the component.
-     */
-    width?: Scale;
-  }
-  interface CalciteDropdownGroup {
-    /**
-     * Specifies and displays a group title.
-     */
-    groupTitle?: string;
-    onCalciteInternalDropdownItemChange?: (event: CalciteDropdownGroupCustomEvent<RequestedItem2>) => void;
-    /**
-     * Specifies the size of the component inherited from the parent `calcite-dropdown`, defaults to `m`.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the selection mode for `calcite-dropdown-item` children, defaults to `single`: - `multiple` allows any number of selected items, - `single` allows only one selection (default), - `none` doesn't allow for any selection.
-     */
-    selectionMode?: Extract<"none" | "single" | "multiple", SelectionMode>;
-  }
-  interface CalciteDropdownItem {
-    /**
-     * Specifies the URL of the linked resource, which can be set as an absolute or relative path.  Determines if the component will render as an anchor.
-     */
-    href?: string;
-    /**
-     * Specifies an icon to display at the end of the component.
-     */
-    iconEnd?: string;
-    /**
-     * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: FlipContext;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart?: string;
-    /**
-     * Accessible name for the component.
-     */
-    label?: string;
-    /**
-     * Fires when the component is selected.
-     */
-    onCalciteDropdownItemSelect?: (event: CalciteDropdownItemCustomEvent<void>) => void;
-    onCalciteInternalDropdownCloseRequest?: (event: CalciteDropdownItemCustomEvent<void>) => void;
-    onCalciteInternalDropdownItemKeyEvent?: (event: CalciteDropdownItemCustomEvent<ItemKeyboardEvent>) => void;
-    onCalciteInternalDropdownItemSelect?: (event: CalciteDropdownItemCustomEvent<RequestedItem2>) => void;
-    /**
-     * Specifies the relationship to the linked document defined in `href`.
-     */
-    rel?: string;
-    /**
-     * Specifies the size of the component inherited from `calcite-dropdown`, defaults to `m`.
-     */
-    scale?: Scale;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected?: boolean;
-    /**
-     * Specifies the selection mode inherited from `calcite-dropdown-group`, defaults to `single`: - `multiple` allows any number of selected items, - `single` allows only one selection (default), - `none` doesn't allow for any selection.
-     */
-    selectionMode?: Extract<"none" | "single" | "multiple", SelectionMode>;
-    /**
-     * Specifies the frame or window to open the linked document.
-     */
-    target?: string;
-  }
-  interface CalciteFab {
-    /**
-     * Specifies the appearance style of the component.
-     */
-    appearance?: Extract<"solid" | "outline-fill", Appearance>;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Specifies an icon to display.
-     * @default "plus"
-     */
-    icon?: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-    /**
-     * Specifies the kind of the component (will apply to border and background).
-     */
-    kind?: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
-    /**
-     * Accessible name for the component.
-     */
-    label?: string;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies text to accompany the component's icon.
-     */
-    text?: string;
-    /**
-     * When `true`, displays the `text` value in the component.
-     */
-    textEnabled?: boolean;
-  }
-  interface CalciteFilter {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The component's resulting items after filtering.
-     * @readonly
-     */
-    filteredItems?: object[];
-    /**
-     * Defines the items to filter. The component uses the values as the starting point, and returns items  that contain the string entered in the input, using a partial match and recursive search.  This property is needed to conduct filtering.
-     */
-    items?: object[];
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<FilterMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: FilterMessages;
-    /**
-     * This event fires when the filter text changes.
-     */
-    onCalciteFilterChange?: (event: CalciteFilterCustomEvent<void>) => void;
-    /**
-     * Specifies placeholder text for the input element.
-     */
-    placeholder?: string;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * The component's value.
-     */
-    value?: string;
-  }
-  interface CalciteFlow {
-    /**
-     * This property enables the component to consider other custom elements implementing flow-item's interface.
-     */
-    customItemSelectors?: string;
-  }
-  interface CalciteFlowItem {
-    /**
-     * When provided, the method will be called before it is removed from its parent `calcite-flow`.
-     */
-    beforeBack?: () => Promise<void>;
-    /**
-     * When `true`, displays a close button in the trailing side of the component's header.
-     */
-    closable?: boolean;
-    /**
-     * When `true`, the component will be hidden.
-     */
-    closed?: boolean;
-    /**
-     * Specifies the direction of the collapse.
-     */
-    collapseDirection?: "down" | "up";
-    /**
-     * When `true`, hides the component's content area.
-     */
-    collapsed?: boolean;
-    /**
-     * When `true`, the component is collapsible.
-     */
-    collapsible?: boolean;
-    /**
-     * A description for the component.
-     */
-    description?: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The component header text.
-     */
-    heading?: string;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading?: boolean;
-    /**
-     * When `true`, the action menu items in the `header-menu-actions` slot are open.
-     */
-    menuOpen?: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<FlowItemMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: FlowItemMessages;
-    /**
-     * Fires when the back button is clicked.
-     */
-    onCalciteFlowItemBack?: (event: CalciteFlowItemCustomEvent<void>) => void;
-    /**
-     * Fires when the close button is clicked.
-     */
-    onCalciteFlowItemClose?: (event: CalciteFlowItemCustomEvent<void>) => void;
-    /**
-     * Fires when the content is scrolled.
-     */
-    onCalciteFlowItemScroll?: (event: CalciteFlowItemCustomEvent<void>) => void;
-    /**
-     * Fires when the collapse button is clicked.
-     */
-    onCalciteFlowItemToggle?: (event: CalciteFlowItemCustomEvent<void>) => void;
-    /**
-     * When `true`, displays a back button in the component's header.
-     */
-    showBackButton?: boolean;
-  }
-  interface CalciteGraph {
-    /**
-     * Array of values describing a single color stop ([offset, color, opacity]) These color stops should be sorted by offset value
-     */
-    colorStops?: ColorStop[];
-    /**
-     * Array of tuples describing a single data point ([x, y]) These data points should be sorted by x-axis value
-     */
-    data?: DataSeries;
-    /**
-     * End of highlight color if highlighting range
-     */
-    highlightMax?: number;
-    /**
-     * Start of highlight color if highlighting range
-     */
-    highlightMin?: number;
-    /**
-     * Highest point of the range
-     */
-    max: number;
-    /**
-     * Lowest point of the range
-     */
-    min: number;
-  }
-  interface CalciteHandle {
-    activated?: boolean;
-    /**
-     * Value for the button title attribute
-     */
-    dragHandle?: string;
-    label?: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<HandleMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: HandleMessages;
-    /**
-     * Emitted when the handle is activated and the up or down arrow key is pressed.
-     */
-    onCalciteHandleNudge?: (event: CalciteHandleCustomEvent<HandleNudge>) => void;
-    /**
-     * Emitted when the handle is activated or deactivated.
-     */
-    onCalciteInternalHandleChange?: (event: CalciteHandleCustomEvent<HandleChange>) => void;
-    setPosition?: number;
-    setSize?: number;
-  }
-  interface CalciteIcon {
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    flipRtl?: boolean;
-    /**
-     * Displays a specific icon.
-     * @see [Icons](https://esri.github.io/calcite-ui-icons)
-     */
-    icon?: string;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Accessible name for the component.  It is recommended to set this value if your icon is semantic.
-     */
-    textLabel?: string;
-  }
-  interface CalciteInlineEditable {
-    /**
-     * Specifies a callback to be executed prior to disabling editing via the controls. When provided, the component's loading state will be handled automatically.
-     */
-    afterConfirm?: () => Promise<void>;
-    /**
-     * When `true` and `editingEnabled` is `true`, displays save and cancel controls on the component.
-     */
-    controls?: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * When `true`, inline editing is enabled on the component.
-     */
-    editingEnabled?: boolean;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading?: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<InlineEditableMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: InlineEditableMessages;
-    /**
-     * Emits when the component's "cancel editing" button is pressed.
-     */
-    onCalciteInlineEditableEditCancel?: (event: CalciteInlineEditableCustomEvent<void>) => void;
-    /**
-     * Emits when the component's "confirm edits" button is pressed.
-     */
-    onCalciteInlineEditableEditConfirm?: (event: CalciteInlineEditableCustomEvent<void>) => void;
-    onCalciteInternalInlineEditableEnableEditingChange?: (event: CalciteInlineEditableCustomEvent<void>) => void;
-    /**
-     * Specifies the size of the component. Defaults to the scale of the wrapped `calcite-input` or the scale of the closest wrapping component with a set scale.
-     */
-    scale?: Scale;
-  }
-  interface CalciteInput {
-    /**
-     * Specifies a comma separated list of unique file type specifiers for limiting accepted file types. This property only has an effect when `type` is "file". Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
-     */
-    accept?: string;
-    /**
-     * Specifies the text alignment of the component's value.
-     */
-    alignment?: Position;
-    /**
-     * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
-     */
-    autocomplete?: string;
-    /**
-     * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
-     * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
-     */
-    autofocus?: boolean;
-    /**
-     * When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `"search"`, `"time"`, and `"date"` types, and will not display for the `"textarea"` type.
-     */
-    clearable?: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
-     */
-    disabled?: boolean;
-    editingEnabled?: boolean;
-    /**
-     * Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
-     */
-    enterKeyHint?: string;
-    /**
-     * When `type` is `"file"`, specifies the component's selected files.
-     * @mdn https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/files
-     */
-    files?: FileList | undefined;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    groupSeparator?: boolean;
-    /**
-     * When `true`, the component will not be visible.
-     * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
-     */
-    hidden?: boolean;
-    /**
-     * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
-     */
-    icon?: string | boolean;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-    /**
-     * Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
-     */
-    inputMode?: string;
-    /**
-     * Accessible name for the component.
-     */
-    label?: string;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading?: boolean;
-    /**
-     * When `true`, uses locale formatting for numbers.
-     */
-    localeFormat?: boolean;
-    /**
-     * Specifies the maximum value for type "number".
-     * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
-     */
-    max?: number;
-    /**
-     * Specifies the maximum length of text for the component's value.
-     * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
-     */
-    maxLength?: number;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<InputMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: InputMessages;
-    /**
-     * Specifies the minimum value for `type="number"`.
-     * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
-     */
-    min?: number;
-    /**
-     * Specifies the minimum length of text for the component's value.
-     * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
-     */
-    minLength?: number;
-    /**
-     * When `true`, the component can accept more than one value. This property only has an effect when `type` is "email" or "file". Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple)
-     */
-    multiple?: boolean;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
-     */
-    name?: string;
-    /**
-     * Specifies the placement of the buttons for `type="number"`.
-     */
-    numberButtonType?: InputPlacement;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Fires each time a new `value` is typed and committed.
-     */
-    onCalciteInputChange?: (event: CalciteInputCustomEvent<void>) => void;
-    /**
-     * Fires each time a new `value` is typed.
-     */
-    onCalciteInputInput?: (event: CalciteInputCustomEvent<void>) => void;
-    onCalciteInternalInputBlur?: (event: CalciteInputCustomEvent<void>) => void;
-    onCalciteInternalInputFocus?: (event: CalciteInputCustomEvent<void>) => void;
-    /**
-     * Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
-     */
-    pattern?: string;
-    /**
-     * Specifies placeholder text for the component.
-     * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
-     */
-    placeholder?: string;
-    /**
-     * Adds text to the start of the component.
-     */
-    prefixText?: string;
-    /**
-     * When `true`, the component's value can be read, but cannot be modified.
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    readOnly?: boolean;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     */
-    status?: Status;
-    /**
-     * Specifies the granularity the component's `value` must adhere to.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
-     */
-    step?: number | "any";
-    /**
-     * Adds text to the end of the component.
-     */
-    suffixText?: string;
-    /**
-     * Specifies the component type.  Note that the following `type`s add type-specific icons by default: `"date"`, `"email"`, `"password"`, `"search"`, `"tel"`, `"time"`.
-     */
-    type?:
-      | "color"
-      | "date"
-      | "datetime-local"
-      | "email"
-      | "file"
-      | "image"
-      | "month"
-      | "number"
-      | "password"
-      | "search"
-      | "tel"
-      | "text"
-      | "textarea"
-      | "time"
-      | "url"
-      | "week";
-    /**
-     * The component's value.
-     */
-    value?: string;
-  }
-  interface CalciteInputDatePicker {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Defines the available placements that can be used when a flip occurs.
-     */
-    flipPlacements?: EffectivePlacement[];
-    /**
-     * When `true`, prevents focus trapping.
-     */
-    focusTrapDisabled?: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Defines the layout of the component.
-     */
-    layout?: "horizontal" | "vertical";
-    /**
-     * Specifies the latest allowed date ("yyyy-mm-dd").
-     */
-    max?: string;
-    /**
-     * Specifies the latest allowed date as a full date object.
-     */
-    maxAsDate?: Date;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<InputDatePickerMessages & DatePickerMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: InputDatePickerMessages;
-    /**
-     * Specifies the earliest allowed date ("yyyy-mm-dd").
-     */
-    min?: string;
-    /**
-     * Specifies the earliest allowed date as a full date object.
-     */
-    minAsDate?: Date;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name?: string;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Fires when the component is requested to be closed and before the closing transition begins.
-     */
-    onCalciteInputDatePickerBeforeClose?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
-    /**
-     * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
-     */
-    onCalciteInputDatePickerBeforeOpen?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
-    /**
-     * Fires when the component's value changes.
-     */
-    onCalciteInputDatePickerChange?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
-    /**
-     * Fires when the component is closed and animation is complete.
-     */
-    onCalciteInputDatePickerClose?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
-    /**
-     * Fires when the component is open and animation is complete.
-     */
-    onCalciteInputDatePickerOpen?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
-    /**
-     * When `true`, displays the `calcite-date-picker` component.
-     */
-    open?: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning?: OverlayPositioning;
-    /**
-     * Specifies the placement of the `calcite-date-picker` relative to the component.
-     * @default "bottom-start"
-     */
-    placement?: MenuPlacement;
-    /**
-     * When `true`, disables the default behavior on the third click of narrowing or extending the range. Instead starts a new range.
-     */
-    proximitySelectionDisabled?: boolean;
-    /**
-     * When `true`, activates a range for the component.
-     */
-    range?: boolean;
-    /**
-     * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    readOnly?: boolean;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: "s" | "m" | "l";
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     */
-    status?: Status;
-    /**
-     * Selected date as a string in ISO format (YYYY-MM-DD)
-     */
-    value?: string | string[];
-    /**
-     * The component's value as a full date object.
-     */
-    valueAsDate?: Date | Date[];
-  }
-  interface CalciteInputMessage {
-    /**
-     * Specifies an icon to display.
-     */
-    icon?: boolean | string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     */
-    status?: Status;
-  }
-  interface CalciteInputNumber {
-    /**
-     * Specifies the text alignment of the component's value.
-     */
-    alignment?: Position;
-    /**
-     * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
-     */
-    autocomplete?: string;
-    /**
-     * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
-     * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
-     */
-    autofocus?: boolean;
-    /**
-     * When `true`, a clear button is displayed when the component has a value.
-     */
-    clearable?: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
-     */
-    disabled?: boolean;
-    editingEnabled?: boolean;
-    /**
-     * Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
-     */
-    enterKeyHint?: string;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    groupSeparator?: boolean;
-    /**
-     * When `true`, the component will not be visible.
-     * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
-     */
-    hidden?: boolean;
-    /**
-     * Specifies an icon to display.
-     * @futureBreaking Remove boolean type as it is not supported.
-     */
-    icon?: string | boolean;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-    /**
-     * Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
-     */
-    inputMode?: string;
-    /**
-     * When `true`, restricts the component to integer numbers only and disables exponential notation.
-     */
-    integer?: boolean;
-    /**
-     * Accessible name for the component's button or hyperlink.
-     */
-    label?: string;
-    /**
-     * When `true`, the component is in the loading state and `calcite-progress` is displayed.
-     */
-    loading?: boolean;
-    /**
-     * Toggles locale formatting for numbers.
-     */
-    localeFormat?: boolean;
-    /**
-     * Specifies the maximum value.
-     * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
-     */
-    max?: number;
-    /**
-     * Specifies the maximum length of text for the component's value.
-     * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
-     */
-    maxLength?: number;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<InputNumberMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: InputNumberMessages;
-    /**
-     * Specifies the minimum value.
-     * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
-     */
-    min?: number;
-    /**
-     * Specifies the minimum length of text for the component's value.
-     * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
-     */
-    minLength?: number;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
-     */
-    name?: string;
-    /**
-     * Specifies the placement of the buttons.
-     */
-    numberButtonType?: InputPlacement;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Fires each time a new value is typed and committed.
-     */
-    onCalciteInputNumberChange?: (event: CalciteInputNumberCustomEvent<void>) => void;
-    /**
-     * Fires each time a new value is typed.
-     */
-    onCalciteInputNumberInput?: (event: CalciteInputNumberCustomEvent<void>) => void;
-    onCalciteInternalInputNumberBlur?: (event: CalciteInputNumberCustomEvent<void>) => void;
-    onCalciteInternalInputNumberFocus?: (event: CalciteInputNumberCustomEvent<void>) => void;
-    /**
-     * Specifies placeholder text for the component.
-     * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
-     */
-    placeholder?: string;
-    /**
-     * Adds text to the start of the component.
-     */
-    prefixText?: string;
-    /**
-     * When `true`, the component's value can be read, but cannot be modified.
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    readOnly?: boolean;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     */
-    status?: Status;
-    /**
-     * Specifies the granularity that the component's value must adhere to.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
-     */
-    step?: number | "any";
-    /**
-     * Adds text to the end of the component.
-     */
-    suffixText?: string;
-    /**
-     * The component's value.
-     */
-    value?: string;
-  }
-  interface CalciteInputText {
-    /**
-     * Specifies the text alignment of the component's value.
-     */
-    alignment?: Position;
-    /**
-     * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
-     */
-    autocomplete?: string;
-    /**
-     * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
-     * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
-     */
-    autofocus?: boolean;
-    /**
-     * When `true`, a clear button is displayed when the component has a value.
-     */
-    clearable?: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
-     */
-    disabled?: boolean;
-    editingEnabled?: boolean;
-    /**
-     * Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
-     */
-    enterKeyHint?: string;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * When `true`, the component will not be visible.
-     * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
-     */
-    hidden?: boolean;
-    /**
-     * Specifies an icon to display.
-     * @futureBreaking Remove boolean type as it is not supported.
-     */
-    icon?: string | boolean;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-    /**
-     * Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
-     */
-    inputMode?: string;
-    /**
-     * Accessible name for the component's button or hyperlink.
-     */
-    label?: string;
-    /**
-     * When `true`, the component is in the loading state and `calcite-progress` is displayed.
-     */
-    loading?: boolean;
-    /**
-     * Specifies the maximum length of text for the component's value.
-     * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
-     */
-    maxLength?: number;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<InputTextMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: InputTextMessages;
-    /**
-     * Specifies the minimum length of text for the component's value.
-     * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
-     */
-    minLength?: number;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
-     */
-    name?: string;
-    /**
-     * Fires each time a new value is typed and committed.
-     */
-    onCalciteInputTextChange?: (event: CalciteInputTextCustomEvent<void>) => void;
-    /**
-     * Fires each time a new value is typed.
-     */
-    onCalciteInputTextInput?: (event: CalciteInputTextCustomEvent<void>) => void;
-    onCalciteInternalInputTextBlur?: (
-      event: CalciteInputTextCustomEvent<{ element: HTMLInputElement; value: string }>
-    ) => void;
-    onCalciteInternalInputTextFocus?: (
-      event: CalciteInputTextCustomEvent<{
-        element: HTMLInputElement;
-        value: string;
-      }>
-    ) => void;
-    /**
-     * Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info.
-     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
-     */
-    pattern?: string;
-    /**
-     * Specifies placeholder text for the component.
-     * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
-     */
-    placeholder?: string;
-    /**
-     * Adds text to the start of the component.
-     */
-    prefixText?: string;
-    /**
-     * When `true`, the component's value can be read, but cannot be modified.
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    readOnly?: boolean;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     */
-    status?: Status;
-    /**
-     * Adds text to the end of the component.
-     */
-    suffixText?: string;
-    /**
-     * The component's value.
-     */
-    value?: string;
-  }
-  interface CalciteInputTimePicker {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * When `true`, prevents focus trapping.
-     */
-    focusTrapDisabled?: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<InputTimePickerMessages & TimePickerMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: InputTimePickerMessages;
-    /**
-     * Specifies the name of the component on form submission.
-     */
-    name?: string;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Fires when the component is requested to be closed and before the closing transition begins.
-     */
-    onCalciteInputTimePickerBeforeClose?: (event: CalciteInputTimePickerCustomEvent<void>) => void;
-    /**
-     * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
-     */
-    onCalciteInputTimePickerBeforeOpen?: (event: CalciteInputTimePickerCustomEvent<void>) => void;
-    /**
-     * Fires when the time value is changed as a result of user input.
-     */
-    onCalciteInputTimePickerChange?: (event: CalciteInputTimePickerCustomEvent<void>) => void;
-    /**
-     * Fires when the component is closed and animation is complete.
-     */
-    onCalciteInputTimePickerClose?: (event: CalciteInputTimePickerCustomEvent<void>) => void;
-    /**
-     * Fires when the component is open and animation is complete.
-     */
-    onCalciteInputTimePickerOpen?: (event: CalciteInputTimePickerCustomEvent<void>) => void;
-    /**
-     * When `true`, displays the `calcite-time-picker` component.
-     */
-    open?: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning?: OverlayPositioning;
-    /**
-     * Determines where the popover will be positioned relative to the input.
-     */
-    placement?: LogicalPlacement;
-    /**
-     * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    readOnly?: boolean;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the status of the input field, which determines message and icons.
-     */
-    status?: Status;
-    /**
-     * Specifies the granularity the component's `value` must adhere to (in seconds).
-     */
-    step?: number;
-    /**
-     * The time value in ISO (24-hour) format.
-     */
-    value?: string;
-  }
-  interface CalciteInputTimeZone {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * Specifies the component's maximum number of options to display before displaying a scrollbar.
-     */
-    maxItems?: number;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<InputTimeZoneMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: InputTimeZoneMessages;
-    /**
-     * This specifies the type of `value` and the associated options presented to the user:  Using `"offset"` will provide options related
-     * @default "offset"
-     */
-    mode?: TimeZoneMode;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name?: string;
-    onCalciteInputTimeZoneBeforeClose?: (event: CalciteInputTimeZoneCustomEvent<void>) => void;
-    onCalciteInputTimeZoneBeforeOpen?: (event: CalciteInputTimeZoneCustomEvent<void>) => void;
-    onCalciteInputTimeZoneChange?: (event: CalciteInputTimeZoneCustomEvent<void>) => void;
-    onCalciteInputTimeZoneClose?: (event: CalciteInputTimeZoneCustomEvent<void>) => void;
-    onCalciteInputTimeZoneOpen?: (event: CalciteInputTimeZoneCustomEvent<void>) => void;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    open?: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning?: OverlayPositioning;
-    /**
-     * This date will be used as a reference to Daylight Savings Time when creating time zone item groups.  It can be either a Date instance or a string in ISO format (YYYY-MM-DD, YYYY-MM-DDTHH:MM:SS.SSSZ)
-     * @see [Date.prototype.toISOString](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)
-     */
-    referenceDate?: Date | string;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * The component's value, where the value is the time zone offset or the difference, in minutes, between the selected time zone and UTC.  If no value is provided, the user's time zone offset will be selected by default.
-     * @see https://www.w3.org/International/core/2005/09/timezone.html#:~:text=What%20is%20a%20%22zone%20offset,or%20%22%2D%22%20from%20UTC.
-     */
-    value?: string;
-  }
-  interface CalciteLabel {
-    /**
-     * Specifies the text alignment of the component.
-     */
-    alignment?: Alignment;
-    /**
-     * Specifies the `id` of the component the label is bound to. Use when the component the label is bound to does not reside within the component.
-     */
-    for?: string;
-    /**
-     * Defines the layout of the label in relation to the component. Use `"inline"` positions to wrap the label and component on the same line.
-     */
-    layout?: "inline" | "inline-space-between" | "default";
-    onCalciteInternalLabelClick?: (
-      event: CalciteLabelCustomEvent<{
-        sourceEvent: MouseEvent;
-      }>
-    ) => void;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-  }
-  interface CalciteLink {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value: Without a value, the browser will suggest a filename/extension See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download.
-     */
-    download?: string | boolean;
-    /**
-     * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
-     */
-    href?: string;
-    /**
-     * Specifies an icon to display at the end of the component.
-     */
-    iconEnd?: string;
-    /**
-     * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: FlipContext;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart?: string;
-    /**
-     * Specifies the relationship to the linked document defined in `href`.
-     */
-    rel?: string;
-    /**
-     * Specifies the frame or window to open the linked document.
-     */
-    target?: string;
-  }
-  /**
-   * A general purpose list that enables users to construct list items that conform to Calcite styling.
-   */
-  interface CalciteList {
-    /**
-     * When provided, the method will be called to determine whether the element can  move from the list.
-     */
-    canPull?: (detail: ListDragDetail) => boolean;
-    /**
-     * When provided, the method will be called to determine whether the element can be added from another list.
-     */
-    canPut?: (detail: ListDragDetail) => boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * When `true`, `calcite-list-item`s are sortable via a draggable button.
-     */
-    dragEnabled?: boolean;
-    /**
-     * When `true`, an input appears at the top of the component that can be used by end users to filter `calcite-list-item`s.
-     */
-    filterEnabled?: boolean;
-    /**
-     * Placeholder text for the component's filter input field.
-     */
-    filterPlaceholder?: string;
-    /**
-     * Text for the component's filter input field.
-     */
-    filterText?: string;
-    /**
-     * The currently filtered `calcite-list-item` data.
-     * @readonly
-     */
-    filteredData?: ItemData;
-    /**
-     * The currently filtered `calcite-list-item`s.
-     * @readonly
-     */
-    filteredItems?: HTMLCalciteListItemElement[];
-    /**
-     * The list's group identifier.  To drag elements from one list into another, both lists must have the same group value.
-     */
-    group?: string;
-    /**
-     * Specifies an accessible name for the component.
-     */
-    label?: string;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading?: boolean;
-    /**
-     * Emitted when the default slot has changes in order to notify parent lists.
-     */
-    onCalciteInternalListDefaultSlotChange?: (event: CalciteListCustomEvent<void>) => void;
-    /**
-     * Emits when any of the list item selections have changed.
-     */
-    onCalciteListChange?: (event: CalciteListCustomEvent<void>) => void;
-    /**
-     * Emits when the component's filter has changed.
-     */
-    onCalciteListFilter?: (event: CalciteListCustomEvent<void>) => void;
-    /**
-     * Emitted when the order of the list has changed.
-     */
-    onCalciteListOrderChange?: (event: CalciteListCustomEvent<ListDragDetail>) => void;
-    /**
-     * One of the items within the list can be opened.
-     */
-    openable?: boolean;
-    /**
-     * The currently selected items.
-     * @readonly
-     */
-    selectedItems?: HTMLCalciteListItemElement[];
-    /**
-     * Specifies the selection appearance - `"icon"` (displays a checkmark or dot) or `"border"` (displays a border).
-     */
-    selectionAppearance?: SelectionAppearance;
-    /**
-     * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allow one selected item), `"single-persist"` (allow one selected item and prevent de-selection), or `"none"` (no selected items).
-     */
-    selectionMode?: Extract<"none" | "multiple" | "single" | "single-persist", SelectionMode>;
-  }
-  interface CalciteListItem {
-    /**
-     * Sets the item as focusable. Only one item should be focusable within a list.
-     */
-    active?: boolean;
-    /**
-     * When `true`, a close button is added to the component.
-     */
-    closable?: boolean;
-    /**
-     * When `true`, hides the component.
-     */
-    closed?: boolean;
-    /**
-     * A description for the component. Displays below the label text.
-     */
-    description?: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * When `true`, the component displays a draggable button.
-     */
-    dragHandle?: boolean;
-    /**
-     * The label text of the component. Displays above the description text.
-     */
-    label?: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<ListItemMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: ListItemMessages;
-    /**
-     * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.
-     */
-    metadata?: Record<string, unknown>;
-    onCalciteInternalFocusPreviousItem?: (event: CalciteListItemCustomEvent<void>) => void;
-    onCalciteInternalListItemActive?: (event: CalciteListItemCustomEvent<void>) => void;
-    onCalciteInternalListItemChange?: (event: CalciteListItemCustomEvent<void>) => void;
-    onCalciteInternalListItemSelect?: (event: CalciteListItemCustomEvent<void>) => void;
-    /**
-     * Fires when the close button is clicked.
-     */
-    onCalciteListItemClose?: (event: CalciteListItemCustomEvent<void>) => void;
-    /**
-     * Emits when the item's content is selected.
-     */
-    onCalciteListItemSelect?: (event: CalciteListItemCustomEvent<void>) => void;
-    /**
-     * When `true`, the item is open to show child components.
-     */
-    open?: boolean;
-    /**
-     * When `true` and the parent `calcite-list`'s `selectionMode` is `"single"`, `"single-persist"', or `"multiple"`, the component is selected.
-     */
-    selected?: boolean;
-    /**
-     * Specifies the selection appearance - `"icon"` (displays a checkmark or dot) or `"border"` (displays a border).
-     */
-    selectionAppearance?: SelectionAppearance;
-    /**
-     * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allow one selected item), `"single-persist"` (allow one selected item and prevent de-selection), or `"none"` (no selected items).
-     */
-    selectionMode?: Extract<"none" | "multiple" | "single" | "single-persist", SelectionMode>;
-    /**
-     * Used to specify the aria-posinset attribute to define the number or position in the current set of list items for accessibility.
-     */
-    setPosition?: number;
-    /**
-     * Used to specify the aria-setsize attribute to define the number of items in the current set of list for accessibility.
-     */
-    setSize?: number;
-    /**
-     * The component's value.
-     */
-    value?: any;
-  }
-  interface CalciteListItemGroup {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The header text for all nested `calcite-list-item` rows.
-     */
-    heading?: string;
-    /**
-     * Emitted when the default slot has changes in order to notify parent lists.
-     */
-    onCalciteInternalListItemGroupDefaultSlotChange?: (event: CalciteListItemGroupCustomEvent<DragEvent>) => void;
-  }
-  interface CalciteLoader {
-    /**
-     * When `true`, displays smaller and appears to the left of the text.
-     */
-    inline?: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Text that displays under the component's indicator.
-     */
-    text?: string;
-    /**
-     * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
-     */
-    type?: "indeterminate" | "determinate";
-    /**
-     * The component's value. Valid only for `"determinate"` indicators. Percent complete of 100.
-     */
-    value?: number;
-  }
-  interface CalciteMenu {
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Specifies the layout of the component.
-     */
-    layout?: Layout;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<MenuMessages>;
-    /**
-     * Made into a prop for testing purposes only.
-     */
-    messages?: MenuMessages;
-  }
-  interface CalciteMenuItem {
-    /**
-     * When `true`, the component is highlighted.
-     */
-    active?: boolean;
-    /**
-     * When `true`, the component displays a breadcrumb trail for use as a navigational aid.
-     */
-    breadcrumb?: boolean;
-    /**
-     * Specifies the URL destination of the component, which can be set as an absolute or relative path.
-     */
-    href?: string;
-    /**
-     * Specifies an icon to display at the end of the component.
-     */
-    iconEnd?: string;
-    /**
-     * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: FlipContext;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart?: string;
-    isTopLevelItem?: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    layout?: Layout;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<MenuItemMessages>;
-    /**
-     * Made into a prop for testing purposes only.
-     */
-    messages?: MenuItemMessages;
-    onCalciteInternalMenuItemKeyEvent?: (event: CalciteMenuItemCustomEvent<MenuItemCustomEvent>) => void;
-    /**
-     * Emits when the component is selected.
-     */
-    onCalciteMenuItemSelect?: (event: CalciteMenuItemCustomEvent<void>) => void;
-    /**
-     * When `true`, the component will display any slotted `calcite-menu-item` in an open overflow menu.
-     */
-    open?: boolean;
-    /**
-     * Defines the relationship between the `href` value and the current document.
-     * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
-     */
-    rel?: string;
-    /**
-     * Specifies where to open the linked document defined in the `href` property.
-     * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
-     */
-    target?: string;
-    /**
-     * Specifies the text to display.
-     */
-    text?: string;
-    topLevelMenuLayout?: Layout;
-  }
-  interface CalciteMeter {
-    /**
-     * Specifies the appearance style of the component.
-     */
-    appearance?: Extract<"outline" | "outline-fill" | "solid", Appearance>;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Specifies the component's display, where `"single"` displays a single color and `"range"` displays a range of colors based on provided `low`, `high`, `min` or `max` values.
-     */
-    fillType?: "single" | "range";
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    groupSeparator?: boolean;
-    /**
-     * Specifies a high value.  When `fillType` is `"range"`, displays a different color when above the specified threshold.
-     */
-    high?: number;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Specifies a low value.  When `fillType` is `"range"`, displays a different color when above the specified threshold.
-     */
-    low?: number;
-    /**
-     * Specifies the highest allowed value of the component.
-     */
-    max?: number;
-    /**
-     * Specifies the lowest allowed value of the component.
-     */
-    min?: number;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name?: string;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * When either `rangeLabels` is `true`, specifies the format of displayed labels.
-     */
-    rangeLabelType?: MeterLabelType;
-    /**
-     * When `true`, displays the values of `high`, `low`, `min`, and `max`.
-     */
-    rangeLabels?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * When `labelType` is `"units"` and either `valueLabel` or `rangeLabels` are `true`, displays beside the `value` and/or  `min` values.
-     */
-    unitLabel?: string;
-    /**
-     * Specifies the current value of the component.
-     */
-    value?: number;
-    /**
-     * When `true`, displays the current value.
-     */
-    valueLabel?: boolean;
-    /**
-     * When either `valueLabel` is `true`, specifies the format of displayed label.
-     */
-    valueLabelType?: MeterLabelType;
-  }
-  interface CalciteModal {
-    /**
-     * Passes a function to run before the component closes.
-     */
-    beforeClose?: (el: HTMLCalciteModalElement) => Promise<void>;
-    /**
-     * When `true`, disables the component's close button.
-     */
-    closeButtonDisabled?: boolean;
-    /**
-     * When `true`, prevents the component from expanding to the entire screen on mobile devices.
-     */
-    docked?: boolean;
-    /**
-     * When `true`, disables the default close on escape behavior.
-     */
-    escapeDisabled?: boolean;
-    /**
-     * When `true`, prevents focus trapping.
-     */
-    focusTrapDisabled?: boolean;
-    /**
-     * Sets the component to always be fullscreen (overrides `width` and `--calcite-modal-width` / `--calcite-modal-height`).
-     */
-    fullscreen?: boolean;
-    /**
-     * Specifies the kind of the component (will apply to top border).
-     */
-    kind?: Extract<"brand" | "danger" | "info" | "success" | "warning", Kind>;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<ModalMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: ModalMessages;
-    /**
-     * Fires when the component is requested to be closed and before the closing transition begins.
-     */
-    onCalciteModalBeforeClose?: (event: CalciteModalCustomEvent<void>) => void;
-    /**
-     * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
-     */
-    onCalciteModalBeforeOpen?: (event: CalciteModalCustomEvent<void>) => void;
-    /**
-     * Fires when the component is closed and animation is complete.
-     */
-    onCalciteModalClose?: (event: CalciteModalCustomEvent<void>) => void;
-    /**
-     * Fires when the component is open and animation is complete.
-     */
-    onCalciteModalOpen?: (event: CalciteModalCustomEvent<void>) => void;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    open?: boolean;
-    /**
-     * We use an internal property to handle styles for when a modal is actually opened, not just when the open attribute is applied. This is a property because we need to apply styles to the host element and to keep the styles present while beforeClose is.
-     */
-    opened?: boolean;
-    /**
-     * When `true`, disables the closing of the component when clicked outside.
-     */
-    outsideCloseDisabled?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
-     */
-    slottedInShell?: boolean;
-    /**
-     * Specifies the width of the component.
-     */
-    width?: Scale;
-  }
-  interface CalciteNavigation {
-    /**
-     * When `navigationAction` is `true`, specifies the label of the `calcite-action`.
-     */
-    label?: string;
-    /**
-     * When `true`, displays a `calcite-action` and emits a `calciteNavActionSelect` event on selection change.
-     */
-    navigationAction?: boolean;
-    /**
-     * When `navigationAction` is true, emits when the displayed action selection changes.
-     */
-    onCalciteNavigationActionSelect?: (event: CalciteNavigationCustomEvent<void>) => void;
-  }
-  interface CalciteNavigationLogo {
-    /**
-     * When true, the component is highlighted.
-     */
-    active?: boolean;
-    /**
-     * A description for the component, which displays below the `heading`.
-     */
-    description?: string;
-    /**
-     * Specifies heading text for the component, such as a product or organization name.
-     */
-    heading?: string;
-    /**
-     * Specifies the URL destination of the component, which can be set as an absolute or relative path.
-     */
-    href?: string;
-    /**
-     * Specifies an icon to display.
-     */
-    icon?: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-    /**
-     * Describes the appearance or function of the `thumbnail`. If no label is provided, context will not be provided to assistive technologies.
-     */
-    label?: string;
-    /**
-     * Defines the relationship between the `href` value and the current document.
-     * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
-     */
-    rel?: string;
-    /**
-     * Specifies where to open the linked document defined in the `href` property.
-     * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
-     */
-    target?: string;
-    /**
-     * Specifies the `src` to an image.
-     */
-    thumbnail?: string;
-  }
-  interface CalciteNavigationUser {
-    /**
-     * When true, the component is highlighted.
-     */
-    active?: boolean;
-    /**
-     * Specifies the full name of the user.
-     */
-    fullName?: string;
-    /**
-     * Describes the appearance of the avatar. If no label is provided, context will not be provided to assistive technologies.
-     */
-    label?: string;
-    /**
-     * When `true`, hides the `fullName` and `username` contents.
-     */
-    textDisabled?: boolean;
-    /**
-     * Specifies the `src` to an image (remember to add a token if the user is private).
-     */
-    thumbnail?: string;
-    /**
-     * Specifies the unique id of the user.
-     */
-    userId?: string;
-    /**
-     * Specifies the username of the user.
-     */
-    username?: string;
-  }
-  interface CalciteNotice {
-    /**
-     * When `true`, a close button is added to the component.
-     */
-    closable?: boolean;
-    /**
-     * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
-     */
-    icon?: string | boolean;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-    /**
-     * Specifies the kind of the component (will apply to top border and icon).
-     */
-    kind?: Extract<"brand" | "danger" | "info" | "success" | "warning", Kind>;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<NoticeMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: NoticeMessages;
-    /**
-     * Fires when the component is requested to be closed and before the closing transition begins.
-     */
-    onCalciteNoticeBeforeClose?: (event: CalciteNoticeCustomEvent<void>) => void;
-    /**
-     * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
-     */
-    onCalciteNoticeBeforeOpen?: (event: CalciteNoticeCustomEvent<void>) => void;
-    /**
-     * Fires when the component is closed and animation is complete.
-     */
-    onCalciteNoticeClose?: (event: CalciteNoticeCustomEvent<void>) => void;
-    /**
-     * Fires when the component is open and animation is complete.
-     */
-    onCalciteNoticeOpen?: (event: CalciteNoticeCustomEvent<void>) => void;
-    /**
-     * When `true`, the component is visible.
-     */
-    open?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the width of the component.
-     */
-    width?: Width;
-  }
-  interface CalciteOption {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label?: string;
-    onCalciteInternalOptionChange?: (event: CalciteOptionCustomEvent<void>) => void;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected?: boolean;
-    /**
-     * The component's value.
-     */
-    value?: any;
-  }
-  interface CalciteOptionGroup {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    onCalciteInternalOptionGroupChange?: (event: CalciteOptionGroupCustomEvent<void>) => void;
-  }
-  interface CalcitePagination {
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    groupSeparator?: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<PaginationMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: PaginationMessages;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Emits when the selected page changes.
-     */
-    onCalcitePaginationChange?: (event: CalcitePaginationCustomEvent<void>) => void;
-    /**
-     * Specifies the number of items per page.
-     */
-    pageSize?: number;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the starting item number.
-     */
-    startItem?: number;
-    /**
-     * Specifies the total number of items.
-     */
-    totalItems?: number;
-  }
-  interface CalcitePanel {
-    /**
-     * When `true`, displays a close button in the trailing side of the header.
-     */
-    closable?: boolean;
-    /**
-     * When `true`, the component will be hidden.
-     */
-    closed?: boolean;
-    /**
-     * Specifies the direction of the collapse.
-     */
-    collapseDirection?: "down" | "up";
-    /**
-     * When `true`, hides the component's content area.
-     */
-    collapsed?: boolean;
-    /**
-     * When `true`, the component is collapsible.
-     */
-    collapsible?: boolean;
-    /**
-     * A description for the component.
-     */
-    description?: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The component header text.
-     */
-    heading?: string;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading?: boolean;
-    /**
-     * When `true`, the action menu items in the `header-menu-actions` slot are open.
-     */
-    menuOpen?: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<PanelMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: PanelMessages;
-    /**
-     * Fires when the close button is clicked.
-     */
-    onCalcitePanelClose?: (event: CalcitePanelCustomEvent<void>) => void;
-    /**
-     * Fires when the content is scrolled.
-     */
-    onCalcitePanelScroll?: (event: CalcitePanelCustomEvent<void>) => void;
-    /**
-     * Fires when the collapse button is clicked.
-     */
-    onCalcitePanelToggle?: (event: CalcitePanelCustomEvent<void>) => void;
-  }
-  /**
-   * @deprecated Use the `list` component instead.
-   */
-  interface CalcitePickList {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.
-     */
-    filterEnabled?: boolean;
-    /**
-     * Placeholder text for the filter input field.
-     */
-    filterPlaceholder?: string;
-    /**
-     * Text for the filter input field.
-     */
-    filterText?: string;
-    /**
-     * The currently filtered data.
-     * @readonly
-     */
-    filteredData?: ItemData1;
-    /**
-     * The currently filtered items.
-     * @readonly
-     */
-    filteredItems?: HTMLCalcitePickListItemElement[];
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading?: boolean;
-    /**
-     * Similar to standard radio buttons and checkboxes. When `true`, a user can select multiple `calcite-pick-list-item`s at a time. When `false`, only a single `calcite-pick-list-item` can be selected at a time, and a new selection will deselect previous selections.
-     */
-    multiple?: boolean;
-    /**
-     * Emits when any of the `calcite-pick-list-item` selections have changed.
-     */
-    onCalciteListChange?: (event: CalcitePickListCustomEvent<Map<string, HTMLCalcitePickListItemElement>>) => void;
-    /**
-     * Emits when a filter has changed.
-     */
-    onCalciteListFilter?: (event: CalcitePickListCustomEvent<void>) => void;
-    /**
-     * When `true` and single selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
-     */
-    selectionFollowsFocus?: boolean;
-  }
-  /**
-   * @deprecated Use the `list` component instead.
-   */
-  interface CalcitePickListGroup {
-    /**
-     * Specifies the title for all nested `calcite-pick-list-item`s.
-     */
-    groupTitle?: string;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel?: HeadingLevel;
-  }
-  /**
-   * @deprecated Use the `list` component instead.
-   */
-  interface CalcitePickListItem {
-    /**
-     * A description for the component that displays below the label text.
-     */
-    description?: string;
-    /**
-     * When `false`, the component cannot be deselected by user interaction.
-     */
-    deselectDisabled?: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Determines the icon SVG symbol that will be shown. Options are `"circle"`, `"square"`, `"grip"` or `null`.
-     * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/main/src/components/pick-list/resources.ts#L5)
-     */
-    icon?: ICON_TYPES | null;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-    /**
-     * Label and accessible name for the component. Appears next to the icon.
-     */
-    label: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<PickListItemMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: PickListItemMessages;
-    /**
-     * Provides additional metadata to the component. Primary use is for a filter on the parent list.
-     */
-    metadata?: Record<string, unknown>;
-    nonInteractive?: boolean;
-    /**
-     * Emits when the component's label, description, value, or metadata properties are modified.
-     */
-    onCalciteInternalListItemPropsChange?: (event: CalcitePickListItemCustomEvent<void>) => void;
-    /**
-     * Emits when the component's value property is modified.
-     */
-    onCalciteInternalListItemValueChange?: (
-      event: CalcitePickListItemCustomEvent<{
-        oldValue: any;
-        newValue: any;
-      }>
-    ) => void;
-    /**
-     * Fires when the component is selected or unselected.
-     */
-    onCalciteListItemChange?: (
-      event: CalcitePickListItemCustomEvent<{
-        item: HTMLCalcitePickListItemElement;
-        value: any;
-        selected: boolean;
-        shiftPressed: boolean;
-      }>
-    ) => void;
-    /**
-     * Fires when the remove button is pressed.
-     */
-    onCalciteListItemRemove?: (event: CalcitePickListItemCustomEvent<void>) => void;
-    /**
-     * When `true`, displays a remove action that removes the item from the list.
-     */
-    removable?: boolean;
-    /**
-     * When `true`, selects an item. Toggles when an item is checked/unchecked.
-     */
-    selected?: boolean;
-    /**
-     * The component's value.
-     */
-    value: any;
-  }
-  interface CalcitePopover {
-    /**
-     * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.
-     */
-    autoClose?: boolean;
-    /**
-     * When `true`, display a close button within the component.
-     */
-    closable?: boolean;
-    /**
-     * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
-     */
-    flipDisabled?: boolean;
-    /**
-     * Defines the available placements that can be used when a flip occurs.
-     */
-    flipPlacements?: EffectivePlacement[];
-    /**
-     * When `true`, prevents focus trapping.
-     */
-    focusTrapDisabled?: boolean;
-    /**
-     * The component header text.
-     */
-    heading?: string;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<PopoverMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: PopoverMessages;
-    /**
-     * Offsets the position of the popover away from the `referenceElement`.
-     * @default 6
-     */
-    offsetDistance?: number;
-    /**
-     * Offsets the position of the component along the `referenceElement`.
-     */
-    offsetSkidding?: number;
-    /**
-     * Fires when the component is requested to be closed and before the closing transition begins.
-     */
-    onCalcitePopoverBeforeClose?: (event: CalcitePopoverCustomEvent<void>) => void;
-    /**
-     * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
-     */
-    onCalcitePopoverBeforeOpen?: (event: CalcitePopoverCustomEvent<void>) => void;
-    /**
-     * Fires when the component is closed and animation is complete.
-     */
-    onCalcitePopoverClose?: (event: CalcitePopoverCustomEvent<void>) => void;
-    /**
-     * Fires when the component is open and animation is complete.
-     */
-    onCalcitePopoverOpen?: (event: CalcitePopoverCustomEvent<void>) => void;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    open?: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning?: OverlayPositioning;
-    /**
-     * Determines where the component will be positioned relative to the `referenceElement`.
-     */
-    placement?: LogicalPlacement;
-    /**
-     * When `true`, removes the caret pointer.
-     */
-    pointerDisabled?: boolean;
-    /**
-     * The `referenceElement` used to position the component according to its `placement` value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.
-     */
-    referenceElement: ReferenceElement | string;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.  This property can be set to `true` to manage when the component is open.
-     */
-    triggerDisabled?: boolean;
-  }
-  interface CalciteProgress {
-    /**
-     * Accessible name for the component.
-     */
-    label?: string;
-    /**
-     * When `true` and for `"indeterminate"` progress bars, reverses the animation direction.
-     */
-    reversed?: boolean;
-    /**
-     * Text that displays under the component's indicator.
-     */
-    text?: string;
-    /**
-     * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
-     */
-    type?: "indeterminate" | "determinate";
-    /**
-     * When `type` is `"determinate"`, the component's progress value with a range of 0.0 - 1.0.
-     */
-    value?: number;
-  }
-  interface CalciteRadioButton {
-    /**
-     * When `true`, the component is checked.
-     */
-    checked?: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The focused state of the component.
-     */
-    focused?: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * The `id` of the component. When omitted, a globally unique identifier is used.
-     */
-    guid?: string;
-    /**
-     * When `true`, the component is not displayed and is not focusable or checkable.
-     */
-    hidden?: boolean;
-    /**
-     * The hovered state of the component.
-     */
-    hovered?: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label?: string;
-    /**
-     * Specifies the name of the component. Can be inherited from `calcite-radio-button-group`.  Required to pass the component's `value` on form submission.
-     */
-    name?: string;
-    /**
-     * Fires when the radio button is blurred.
-     */
-    onCalciteInternalRadioButtonBlur?: (event: CalciteRadioButtonCustomEvent<void>) => void;
-    /**
-     * Fires when the checked property changes.  This is an internal event used for styling purposes only. Use calciteRadioButtonChange or calciteRadioButtonGroupChange for responding to changes in the checked value for forms.
-     */
-    onCalciteInternalRadioButtonCheckedChange?: (event: CalciteRadioButtonCustomEvent<void>) => void;
-    /**
-     * Fires when the radio button is focused.
-     */
-    onCalciteInternalRadioButtonFocus?: (event: CalciteRadioButtonCustomEvent<void>) => void;
-    /**
-     * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element. Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group or use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.
-     */
-    onCalciteRadioButtonChange?: (event: CalciteRadioButtonCustomEvent<void>) => void;
-    /**
-     * When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.
-     */
-    required?: boolean;
-    /**
-     * Specifies the size of the component inherited from the `calcite-radio-button-group`.
-     */
-    scale?: Scale;
-    /**
-     * The component's value.
-     */
-    value: any;
-  }
-  interface CalciteRadioButtonGroup {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * When `true`, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable.
-     */
-    hidden?: boolean;
-    /**
-     * Defines the layout of the component.
-     */
-    layout?: Layout;
-    /**
-     * Specifies the name of the component on form submission. Must be unique to other component instances.
-     */
-    name: string;
-    /**
-     * Fires when the component has changed.
-     */
-    onCalciteRadioButtonGroupChange?: (event: CalciteRadioButtonGroupCustomEvent<void>) => void;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the component's selected item.
-     * @readonly
-     */
-    selectedItem?: HTMLCalciteRadioButtonElement;
-  }
-  interface CalciteRating {
-    /**
-     * Specifies a cumulative average from previous ratings to display.
-     */
-    average?: number;
-    /**
-     * Specifies the number of previous ratings to display.
-     */
-    count?: number;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<RatingMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: RatingMessages;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name?: string;
-    /**
-     * Fires when the component's value changes.
-     */
-    onCalciteRatingChange?: (event: CalciteRatingCustomEvent<void>) => void;
-    /**
-     * When `true`, the component's value can be read, but cannot be modified.
-     */
-    readOnly?: boolean;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`.
-     */
-    showChip?: boolean;
-    /**
-     * The component's value.
-     */
-    value?: number;
-  }
-  interface CalciteScrim {
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading?: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<ScrimMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: ScrimMessages;
-  }
-  interface CalciteSegmentedControl {
-    /**
-     * Specifies the appearance style of the component.
-     */
-    appearance?: Extract<"outline" | "outline-fill" | "solid", Appearance>;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * Defines the layout of the component.
-     */
-    layout?: Extract<"horizontal" | "vertical", Layout>;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name?: string;
-    /**
-     * Fires when the `calcite-segmented-control-item` selection changes.
-     */
-    onCalciteSegmentedControlChange?: (event: CalciteSegmentedControlCustomEvent<void>) => void;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * The component's selected item `HTMLElement`.
-     * @readonly
-     */
-    selectedItem?: HTMLCalciteSegmentedControlItemElement;
-    /**
-     * The component's `selectedItem` value.
-     */
-    value?: string;
-    /**
-     * Specifies the width of the component.
-     */
-    width?: Extract<"auto" | "full", Width>;
-  }
-  interface CalciteSegmentedControlItem {
-    /**
-     * Specifies the appearance style of the component inherited from parent `calcite-segmented-control`, defaults to `solid`.
-     */
-    appearance?: Extract<"outline" | "outline-fill" | "solid", Appearance>;
-    /**
-     * When `true`, the component is checked.
-     */
-    checked?: boolean;
-    /**
-     * Specifies an icon to display at the end of the component.
-     */
-    iconEnd?: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart?: string;
-    /**
-     * Defines the layout of the component inherited from parent `calcite-segmented-control`, defaults to `horizontal`.
-     */
-    layout?: Layout;
-    /**
-     * Fires when the item has been selected.
-     */
-    onCalciteInternalSegmentedControlItemChange?: (event: CalciteSegmentedControlItemCustomEvent<void>) => void;
-    /**
-     * Specifies the size of the component inherited from the `calcite-segmented-control`, defaults to `m`.
-     */
-    scale?: Scale;
-    /**
-     * The component's value.
-     */
-    value?: any | null;
-  }
-  interface CalciteSelect {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * Accessible name for the component.
-     */
-    label: string;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name?: string;
-    /**
-     * Fires when the `selectedOption` changes.
-     */
-    onCalciteSelectChange?: (event: CalciteSelectCustomEvent<void>) => void;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * The component's selected option `HTMLElement`.
-     * @readonly
-     */
-    selectedOption?: HTMLCalciteOptionElement;
-    /**
-     * The component's `selectedOption` value.
-     */
-    value?: string;
-    /**
-     * Specifies the width of the component.
-     */
-    width?: Width;
-  }
-  interface CalciteSheet {
-    /**
-     * Passes a function to run before the component closes.
-     * @returns
-     */
-    beforeClose?: (el: HTMLCalciteSheetElement) => Promise<void>;
-    /**
-     * Specifies the display mode - `"float"` (content is separated detached), or `"overlay"` (displays on top of center content).
-     */
-    displayMode?: DisplayMode;
-    /**
-     * When `true`, disables the default close on escape behavior.
-     */
-    escapeDisabled?: boolean;
-    /**
-     * When `true`, prevents focus trapping.
-     */
-    focusTrapDisabled?: boolean;
-    /**
-     * When `position` is `"block-start"` or `"block-end"`, specifies the height of the component.
-     */
-    heightScale?: Scale;
-    /**
-     * Specifies the label of the component.
-     */
-    label: string;
-    /**
-     * Fires when the component is requested to be closed and before the closing transition begins.
-     */
-    onCalciteSheetBeforeClose?: (event: CalciteSheetCustomEvent<void>) => void;
-    /**
-     * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
-     */
-    onCalciteSheetBeforeOpen?: (event: CalciteSheetCustomEvent<void>) => void;
-    /**
-     * Fires when the component is closed and animation is complete.
-     */
-    onCalciteSheetClose?: (event: CalciteSheetCustomEvent<void>) => void;
-    /**
-     * Fires when the component is open and animation is complete.
-     */
-    onCalciteSheetOpen?: (event: CalciteSheetCustomEvent<void>) => void;
-    /**
-     * When `true`, displays and positions the component.
-     */
-    open?: boolean;
-    /**
-     * We use an internal property to handle styles for when a modal is actually opened, not just when the open attribute is applied. This is a property because we need to apply styles to the host element and to keep the styles present while beforeClose is .
-     */
-    opened?: boolean;
-    /**
-     * When `true`, disables the closing of the component when clicked outside.
-     */
-    outsideCloseDisabled?: boolean;
-    /**
-     * Determines where the component will be positioned.
-     */
-    position?: LogicalFlowPosition;
-    /**
-     * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
-     */
-    slottedInShell?: boolean;
-    /**
-     * When `position` is `"inline-start"` or `"inline-end"`, specifies the width of the component.
-     */
-    widthScale?: Scale;
-  }
-  interface CalciteShell {
-    /**
-     * Positions the center content behind any `calcite-shell-panel`s.
-     */
-    contentBehind?: boolean;
-  }
-  interface CalciteShellCenterRow {
-    /**
-     * When `true`, the content area displays like a floating panel.
-     */
-    detached?: boolean;
-    /**
-     * Specifies the maximum height of the component.
-     */
-    heightScale?: Scale;
-    /**
-     * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    position?: Position;
-  }
-  interface CalciteShellPanel {
-    /**
-     * When `true`, hides the component's content area.
-     */
-    collapsed?: boolean;
-    /**
-     * When `true`, the content area displays like a floating panel.
-     * @deprecated use `displayMode` instead.
-     */
-    detached?: boolean;
-    /**
-     * When `displayMode` is `float`, specifies the maximum height of the component.
-     * @deprecated use `heightScale` instead.
-     */
-    detachedHeightScale?: Scale;
-    /**
-     * Specifies the display mode - `"dock"` (full height, displays adjacent to center content), `"float"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content), or `"overlay"` (full height, displays on top of center content).
-     */
-    displayMode?: DisplayMode1;
-    /**
-     * When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.
-     */
-    heightScale?: Scale;
-    /**
-     * The direction of the component.
-     */
-    layout?: Extract<"horizontal" | "vertical", Layout>;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<ShellPanelMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: ShellPanelMessages;
-    /**
-     * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    position?: Position;
-    /**
-     * When `true` and `displayMode` is not `float`, the component's content area is resizable.
-     */
-    resizable?: boolean;
-    /**
-     * When `layout` is `vertical`, specifies the width of the component.
-     */
-    widthScale?: Scale;
-  }
-  interface CalciteSlider {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    groupSeparator?: boolean;
-    /**
-     * When `true`, indicates a histogram is present.
-     */
-    hasHistogram?: boolean;
-    /**
-     * A list of the histogram's x,y coordinates within the component's `min` and `max`. Displays above the component's track.
-     * @see [DataSeries](https://github.com/Esri/calcite-design-system/blob/main/src/components/graph/interfaces.ts#L5)
-     */
-    histogram?: DataSeries;
-    /**
-     * A set of single color stops for a histogram, sorted by offset ascending.
-     */
-    histogramStops?: ColorStop[];
-    /**
-     * When `true`, displays label handles with their numeric value.
-     */
-    labelHandles?: boolean;
-    /**
-     * When `true` and `ticks` is specified, displays label tick marks with their numeric value.
-     */
-    labelTicks?: boolean;
-    /**
-     * The component's maximum selectable value.
-     */
-    max?: number;
-    /**
-     * For multiple selections, the accessible name for the second handle, such as `"Temperature, upper bound"`.
-     */
-    maxLabel?: string;
-    /**
-     * For multiple selections, the component's upper value.
-     */
-    maxValue?: number;
-    /**
-     * The component's minimum selectable value.
-     */
-    min?: number;
-    /**
-     * Accessible name for first (or only) handle, such as `"Temperature, lower bound"`.
-     */
-    minLabel?: string;
-    /**
-     * For multiple selections, the component's lower value.
-     */
-    minValue?: number;
-    /**
-     * When `true`, the slider will display values from high to low.  Note that this value will be ignored if the slider has an associated histogram.
-     */
-    mirrored?: boolean;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name?: string;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Fires when the thumb is released on the component.  **Note:** If you need to constantly listen to the drag event, use `calciteSliderInput` instead.
-     */
-    onCalciteSliderChange?: (event: CalciteSliderCustomEvent<void>) => void;
-    /**
-     * Fires on all updates to the component.  **Note:** Will be fired frequently during drag. If you are performing any expensive operations consider using a debounce or throttle to avoid locking up the main thread.
-     */
-    onCalciteSliderInput?: (event: CalciteSliderCustomEvent<void>) => void;
-    /**
-     * Specifies the interval to move with the page up, or page down keys.
-     */
-    pageStep?: number;
-    /**
-     * When `true`, sets a finer point for handles.
-     */
-    precise?: boolean;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     */
-    required?: boolean;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * When `true`, enables snap selection in coordination with `step` via a mouse.
-     */
-    snap?: boolean;
-    /**
-     * Specifies the interval to move with the up, or down keys.
-     */
-    step?: number;
-    /**
-     * Displays tick marks on the number line at a specified interval.
-     */
-    ticks?: number;
-    /**
-     * The component's value.
-     */
-    value?: null | number | number[];
-  }
-  interface CalciteSortableList {
-    /**
-     * When provided, the method will be called to determine whether the element can  move from the list.
-     */
-    canPull?: (detail: DragDetail) => boolean;
-    /**
-     * When provided, the method will be called to determine whether the element can be added from another list.
-     */
-    canPut?: (detail: DragDetail) => boolean;
-    /**
-     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-     */
-    disabled?: boolean;
-    /**
-     * Specifies which items inside the element should be draggable.
-     */
-    dragSelector?: string;
-    /**
-     * The list's group identifier.  To drag elements from one list into another, both lists must have the same group value.
-     */
-    group?: string;
-    /**
-     * The selector for the handle elements.
-     */
-    handleSelector?: string;
-    /**
-     * Indicates the horizontal or vertical orientation of the component.
-     */
-    layout?: Layout;
-    /**
-     * When true, content is waiting to be loaded. This state shows a busy indicator.
-     */
-    loading?: boolean;
-    /**
-     * Emitted when the order of the list has changed.
-     */
-    onCalciteListOrderChange?: (event: CalciteSortableListCustomEvent<void>) => void;
-  }
-  interface CalciteSplitButton {
-    /**
-     * When `true`, the component is active.
-     */
-    active?: boolean;
-    /**
-     * Specifies the appearance style of the component.
-     */
-    appearance?: Extract<"outline" | "outline-fill" | "solid" | "transparent", Appearance>;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Specifies the icon used for the dropdown menu.
-     */
-    dropdownIconType?: DropdownIconType;
-    /**
-     * Accessible name for the dropdown menu.
-     */
-    dropdownLabel?: string;
-    /**
-     * Specifies the kind of the component (will apply to border and background if applicable).
-     */
-    kind?: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
-    /**
-     * When `true`, a busy indicator is displayed on the primary button.
-     */
-    loading?: boolean;
-    /**
-     * Fires when the primary button is clicked.
-     */
-    onCalciteSplitButtonPrimaryClick?: (event: CalciteSplitButtonCustomEvent<void>) => void;
-    /**
-     * Fires when the dropdown menu is clicked.
-     */
-    onCalciteSplitButtonSecondaryClick?: (event: CalciteSplitButtonCustomEvent<void>) => void;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning?: OverlayPositioning;
-    /**
-     * Specifies an icon to display at the end of the primary button.
-     */
-    primaryIconEnd?: string;
-    /**
-     * Displays the `primaryIconStart` and/or `primaryIconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    primaryIconFlipRtl?: FlipContext;
-    /**
-     * Specifies an icon to display at the start of the primary button.
-     */
-    primaryIconStart?: string;
-    /**
-     * Accessible name for the primary button.
-     */
-    primaryLabel?: string;
-    /**
-     * Text displayed in the primary button.
-     */
-    primaryText?: string;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the width of the component.
-     */
-    width?: Width;
-  }
-  interface CalciteStack {
-    /**
-     * When `true`, content interaction is prevented and displayed with lower opacity.
-     */
-    disabled?: boolean;
-  }
-  interface CalciteStepper {
-    /**
-     * When `true`, displays a status icon in the `calcite-stepper-item` heading.
-     */
-    icon?: boolean;
-    /**
-     * Defines the layout of the component.
-     */
-    layout?: Extract<"horizontal" | "vertical", Layout>;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<StepperMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: StepperMessages;
-    /**
-     * When `true`, displays the step number in the `calcite-stepper-item` heading.
-     */
-    numbered?: boolean;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Fires when the active `calcite-stepper-item` changes.
-     */
-    onCalciteInternalStepperItemChange?: (event: CalciteStepperCustomEvent<StepperItemChangeEventDetail>) => void;
-    /**
-     * Fires when the active `calcite-stepper-item` changes.
-     */
-    onCalciteStepperItemChange?: (event: CalciteStepperCustomEvent<void>) => void;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the component's selected item.
-     * @readonly
-     */
-    selectedItem?: HTMLCalciteStepperItemElement;
-  }
-  interface CalciteStepperItem {
-    /**
-     * When `true`, the step has been completed.
-     */
-    complete?: boolean;
-    /**
-     * A description for the component. Displays below the header text.
-     */
-    description?: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * When `true`, the component contains an error that requires resolution from the user.
-     */
-    error?: boolean;
-    /**
-     * The component header text.
-     */
-    heading?: string;
-    /**
-     * When `true`, displays a status icon in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.
-     */
-    icon?: boolean;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-    /**
-     * Specifies the layout of the `calcite-stepper-item` inherited from parent `calcite-stepper`, defaults to `horizontal`.
-     */
-    layout?: Extract<"horizontal" | "vertical", Layout>;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<StepperItemMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: StepperItemMessages;
-    /**
-     * When `true`, displays the step number in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.
-     */
-    numbered?: boolean;
-    numberingSystem?: NumberingSystem;
-    onCalciteInternalStepperItemKeyEvent?: (event: CalciteStepperItemCustomEvent<StepperItemKeyEventDetail>) => void;
-    onCalciteInternalStepperItemRegister?: (event: CalciteStepperItemCustomEvent<StepperItemEventDetail>) => void;
-    onCalciteInternalStepperItemSelect?: (event: CalciteStepperItemCustomEvent<StepperItemEventDetail>) => void;
-    onCalciteInternalUserRequestedStepperItemSelect?: (
-      event: CalciteStepperItemCustomEvent<StepperItemChangeEventDetail>
-    ) => void;
-    /**
-     * Specifies the size of the component inherited from the `calcite-stepper`, defaults to `m`.
-     */
-    scale?: Scale;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected?: boolean;
-  }
-  interface CalciteSwitch {
-    /**
-     * When `true`, the component is checked.
-     */
-    checked?: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * Accessible name for the component.
-     */
-    label?: string;
-    /**
-     * Specifies the name of the component.  Required to pass the component's `value` on form submission.
-     */
-    name?: string;
-    /**
-     * Fires when the `checked` value has changed.
-     */
-    onCalciteSwitchChange?: (event: CalciteSwitchCustomEvent<void>) => void;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * The component's value.
-     */
-    value?: any;
-  }
-  interface CalciteTab {
-    onCalciteInternalTabRegister?: (event: CalciteTabCustomEvent<void>) => void;
-    /**
-     * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.
-     */
-    scale?: Scale;
-    /**
-     * When `true`, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
-     */
-    selected?: boolean;
-    /**
-     * Specifies a unique name for the component.  When specified, use the same value on the `calcite-tab-title`.
-     */
-    tab?: string;
-  }
-  interface CalciteTabNav {
-    bordered?: boolean;
-    indicatorOffset?: number;
-    indicatorWidth?: number;
-    layout?: TabLayout;
-    onCalciteInternalTabChange?: (event: CalciteTabNavCustomEvent<TabChangeEventDetail>) => void;
-    /**
-     * Emits when the selected `calcite-tab` changes.
-     */
-    onCalciteTabChange?: (event: CalciteTabNavCustomEvent<void>) => void;
-    /**
-     * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.
-     */
-    position?: TabPosition;
-    /**
-     * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the component's selected tab-title.
-     * @readonly
-     */
-    selectedTitle?: HTMLCalciteTabTitleElement;
-    /**
-     * Specifies the name when saving selected `calcite-tab` data to `localStorage`.
-     */
-    storageId?: string;
-    /**
-     * Specifies text to update multiple components to keep in sync if one changes.
-     */
-    syncId?: string;
-  }
-  interface CalciteTabTitle {
-    bordered?: boolean;
-    /**
-     * When `true`, a close button is added to the component.
-     */
-    closable?: boolean;
-    /**
-     * When `true`, does not display or position the component.
-     */
-    closed?: boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Specifies an icon to display at the end of the component.
-     */
-    iconEnd?: string;
-    /**
-     * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: FlipContext;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart?: string;
-    layout?: TabLayout;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<TabTitleMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: TabTitleMessages;
-    onCalciteInternalTabIconChanged?: (event: CalciteTabTitleCustomEvent<void>) => void;
-    onCalciteInternalTabTitleRegister?: (event: CalciteTabTitleCustomEvent<TabID>) => void;
-    /**
-     * Fires when a `calcite-tab` is selected (`event.details`).
-     * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/main/src/components/tab/interfaces.ts#L1)
-     */
-    onCalciteInternalTabsActivate?: (event: CalciteTabTitleCustomEvent<TabChangeEventDetail>) => void;
-    /**
-     * Fires when `calcite-tab` is closed (`event.details`).
-     * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/main/src/components/tab/interfaces.ts)
-     */
-    onCalciteInternalTabsClose?: (event: CalciteTabTitleCustomEvent<TabCloseEventDetail>) => void;
-    onCalciteInternalTabsFocusFirst?: (event: CalciteTabTitleCustomEvent<void>) => void;
-    onCalciteInternalTabsFocusLast?: (event: CalciteTabTitleCustomEvent<void>) => void;
-    onCalciteInternalTabsFocusNext?: (event: CalciteTabTitleCustomEvent<void>) => void;
-    onCalciteInternalTabsFocusPrevious?: (event: CalciteTabTitleCustomEvent<void>) => void;
-    /**
-     * Fires when a `calcite-tab` is selected.
-     */
-    onCalciteTabsActivate?: (event: CalciteTabTitleCustomEvent<void>) => void;
-    /**
-     * Fires when a `calcite-tab` is closed.
-     */
-    onCalciteTabsClose?: (event: CalciteTabTitleCustomEvent<void>) => void;
-    /**
-     * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.
-     */
-    position?: TabPosition;
-    /**
-     * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.
-     */
-    scale?: Scale;
-    /**
-     * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
-     */
-    selected?: boolean;
-    /**
-     * Specifies a unique name for the component.  When specified, use the same value on the `calcite-tab`.
-     */
-    tab?: string;
-  }
-  interface CalciteTable {
-    /**
-     * When `true`, displays borders in the component.
-     */
-    bordered?: boolean;
-    /**
-     * Specifies an accessible title for the component.
-     */
-    caption: string;
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    groupSeparator?: boolean;
-    /**
-     * Specifies the layout of the component.
-     */
-    layout?: TableLayout;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<TableMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: TableMessages;
-    /**
-     * When `true`, displays the position of the row in numeric form.
-     */
-    numbered?: boolean;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    onCalciteInternalTableRowFocusChange?: (event: CalciteTableCustomEvent<TableRowFocusEvent>) => void;
-    /**
-     * Emits when the component's page selection changes.
-     */
-    onCalciteTablePageChange?: (event: CalciteTableCustomEvent<void>) => void;
-    /**
-     * Emits when the component's selected rows change.
-     */
-    onCalciteTableSelect?: (event: CalciteTableCustomEvent<void>) => void;
-    /**
-     * Specifies the page size of the component. When `true`, renders `calcite-pagination`
-     */
-    pageSize?: number;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the component's selected items.
-     * @readonly
-     */
-    selectedItems?: HTMLCalciteTableRowElement[];
-    /**
-     * Specifies the selection mode of the component.
-     */
-    selectionMode?: Extract<"none" | "multiple" | "single", SelectionMode>;
-    /**
-     * When `true`, displays zebra styling in the component.
-     */
-    zebra?: boolean;
-  }
-  interface CalciteTableCell {
-    /**
-     * Specifies the alignment of the component.
-     */
-    alignment?: Alignment;
-    /**
-     * Specifies the number of columns the component should span.
-     */
-    colSpan?: number;
-    /**
-     * When true, prevents user interaction.  Notes:  This prop should use the
-     */
-    disabled?: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<TableCellMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: TableCellMessages;
-    numberCell?: boolean;
-    parentRowIsSelected?: boolean;
-    parentRowPositionLocalized?: string;
-    parentRowType?: RowType;
-    positionInRow?: number;
-    readCellContentsToAT?: boolean;
-    /**
-     * Specifies the number of rows the component should span.
-     */
-    rowSpan?: number;
-    scale?: Scale;
-    selectionCell?: boolean;
-  }
-  interface CalciteTableHeader {
-    /**
-     * Specifies the alignment of the component.
-     */
-    alignment?: Alignment;
-    bodyRowCount?: number;
-    /**
-     * Specifies the number of columns the component should span.
-     */
-    colSpan?: number;
-    /**
-     * A description to display beneath heading content.
-     */
-    description?: string;
-    /**
-     * A heading to display above description content.
-     */
-    heading?: string;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<TableHeaderMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: TableHeaderMessages;
-    numberCell?: boolean;
-    parentRowPosition?: number;
-    parentRowType?: RowType;
-    positionInRow?: number;
-    /**
-     * Specifies the number of rows the component should span.
-     */
-    rowSpan?: number;
-    scale?: Scale;
-    selectedRowCount?: number;
-    selectedRowCountLocalized?: string;
-    selectionCell?: boolean;
-    selectionMode?: SelectionMode;
-  }
-  interface CalciteTableRow {
-    bodyRowCount?: number;
-    cellCount?: number;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    numbered?: boolean;
-    onCalciteInternalTableRowFocusRequest?: (event: CalciteTableRowCustomEvent<TableRowFocusEvent>) => void;
-    /**
-     * Fires when the selected state of the component changes.
-     */
-    onCalciteTableRowSelect?: (event: CalciteTableRowCustomEvent<void>) => void;
-    positionAll?: number;
-    positionSection?: number;
-    positionSectionLocalized?: string;
-    readCellContentsToAT?: boolean;
-    rowType?: RowType;
-    scale?: Scale;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected?: boolean;
-    selectedRowCount?: number;
-    selectedRowCountLocalized?: string;
-    selectionMode?: Extract<"multiple" | "single" | "none", SelectionMode>;
-  }
-  interface CalciteTabs {
-    /**
-     * When `true`, the component will display with a folder style menu.
-     */
-    bordered?: boolean;
-    /**
-     * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`"inline"`), or across and centered (`"center"`).
-     */
-    layout?: TabLayout;
-    /**
-     * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to the `calcite-tabs`, defaults to `top`.
-     */
-    position?: TabPosition;
-    /**
-     * Specifies the size of the component, defaults to `m`.
-     */
-    scale?: Scale;
-  }
-  interface CalciteTextArea {
-    /**
-     * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
-     * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
-     */
-    autofocus?: boolean;
-    /**
-     * Specifies the component's number of columns.
-     * @mdn [cols](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols)
-     */
-    columns?: number;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
-     */
-    disabled?: boolean;
-    /**
-     * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
-     */
-    form?: string;
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    groupSeparator?: boolean;
-    /**
-     * Accessible name for the component.
-     */
-    label?: string;
-    /**
-     * Specifies the maximum number of characters allowed.
-     * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-maxlength)
-     */
-    maxLength?: number;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<TextAreaMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: TextAreaMessages;
-    /**
-     * Specifies the name of the component.
-     * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-name)
-     */
-    name?: string;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    /**
-     * Fires each time a new `value` is typed and committed.
-     */
-    onCalciteTextAreaChange?: (event: CalciteTextAreaCustomEvent<void>) => void;
-    /**
-     * Fires each time a new `value` is typed.
-     */
-    onCalciteTextAreaInput?: (event: CalciteTextAreaCustomEvent<void>) => void;
-    /**
-     * Specifies the placeholder text for the component.
-     * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-placeholder)
-     */
-    placeholder?: string;
-    /**
-     * When `true`, the component's `value` can be read, but cannot be modified.
-     * @readonly
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    readOnly?: boolean;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     * @mdn [required]https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required
-     */
-    required?: boolean;
-    /**
-     * Specifies if the component is resizable.
-     */
-    resize?: "both" | "horizontal" | "vertical" | "none";
-    /**
-     * Specifies the component's number of rows.
-     * @mdn [rows](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows)
-     */
-    rows?: number;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: "l" | "m" | "s";
-    /**
-     * The component's value.
-     */
-    value?: string;
-    /**
-     * Specifies the wrapping mechanism for the text.
-     * @mdn [wrap](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-wrap)
-     */
-    wrap?: "soft" | "hard";
-  }
-  interface CalciteTile {
-    /**
-     * When `true`, the component is active.
-     */
-    active?: boolean;
-    /**
-     * A description for the component, which displays below the heading.
-     */
-    description?: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The component's embed mode.  When `true`, renders without a border and padding for use by other components.
-     */
-    embed?: boolean;
-    /**
-     * The focused state of the component.
-     */
-    focused?: boolean;
-    /**
-     * The component header text, which displays between the icon and description.
-     */
-    heading?: string;
-    /**
-     * When `true`, the component is not displayed and is not focusable.
-     */
-    hidden?: boolean;
-    /**
-     * When embed is `"false"`, the URL for the component.
-     */
-    href?: string;
-    /**
-     * Specifies an icon to display.
-     */
-    icon?: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-  }
-  interface CalciteTileSelect {
-    /**
-     * When `true`, the component is checked.
-     */
-    checked?: boolean;
-    /**
-     * A description for the component, which displays below the heading.
-     */
-    description?: string;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * The component header text, which displays between the icon and description.
-     */
-    heading?: string;
-    /**
-     * When `true`, the component is not displayed and is not focusable or checkable.
-     */
-    hidden?: boolean;
-    /**
-     * Specifies an icon to display.
-     */
-    icon?: string;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
-    /**
-     * When `inputEnabled` is `true`, specifies the placement of the interactive input on the component.
-     */
-    inputAlignment?: Extract<"end" | "start", Alignment>;
-    /**
-     * When `true`, displays an interactive input based on the `type` property.
-     */
-    inputEnabled?: boolean;
-    /**
-     * Specifies the name of the component on form submission.
-     */
-    name?: any;
-    /**
-     * Emits a custom change event.  For checkboxes it emits when checked or unchecked.  For radios it only emits when checked.
-     */
-    onCalciteTileSelectChange?: (event: CalciteTileSelectCustomEvent<void>) => void;
-    /**
-     * The selection mode of the component.  Use radio for single selection, and checkbox for multiple selections.
-     */
-    type?: TileSelectType;
-    /**
-     * The component's value.
-     */
-    value?: any;
-    /**
-     * Specifies the width of the component.
-     */
-    width?: Extract<"auto" | "full", Width>;
-  }
-  interface CalciteTileSelectGroup {
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * Defines the layout of the component.  Use `"horizontal"` for rows, and `"vertical"` for a single column.
-     */
-    layout?: TileSelectGroupLayout;
-  }
-  interface CalciteTimePicker {
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<TimePickerMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: TimePickerMessages;
-    /**
-     * Specifies the Unicode numeral system used by the component for localization.
-     */
-    numberingSystem?: NumberingSystem;
-    onCalciteInternalTimePickerBlur?: (event: CalciteTimePickerCustomEvent<void>) => void;
-    onCalciteInternalTimePickerChange?: (event: CalciteTimePickerCustomEvent<string>) => void;
-    onCalciteInternalTimePickerFocus?: (event: CalciteTimePickerCustomEvent<void>) => void;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the granularity the `value` must adhere to (in seconds).
-     */
-    step?: number;
-    /**
-     * The component's value in UTC (always 24-hour format).
-     */
-    value?: string;
-  }
-  interface CalciteTip {
-    /**
-     * When `true`, the close button is not present on the component.
-     */
-    closeDisabled?: boolean;
-    /**
-     * When `true`, the component does not display.
-     */
-    closed?: boolean;
-    /**
-     * The component header text.
-     */
-    heading?: string;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<TipMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: TipMessages;
-    /**
-     * Emits when the component has been closed.
-     */
-    onCalciteTipDismiss?: (event: CalciteTipCustomEvent<void>) => void;
-    /**
-     * When `true`, the component is selected if it has a parent `calcite-tip-manager`.  Only one tip can be selected within the `calcite-tip-manager` parent.
-     */
-    selected?: boolean;
-  }
-  interface CalciteTipGroup {
-    /**
-     * The component header text for all nested `calcite-tip`s.
-     */
-    groupTitle?: string;
-  }
-  interface CalciteTipManager {
-    /**
-     * When `true`, does not display or position the component.
-     */
-    closed?: boolean;
-    /**
-     * Specifies the number at which section headings should start.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<TipManagerMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: TipManagerMessages;
-    /**
-     * Emits when the component has been closed.
-     */
-    onCalciteTipManagerClose?: (event: CalciteTipManagerCustomEvent<void>) => void;
-  }
-  interface CalciteTooltip {
-    /**
-     * Closes the component when the `referenceElement` is clicked.
-     */
-    closeOnClick?: boolean;
-    /**
-     * Accessible name for the component.
-     * @deprecated No longer necessary. Overrides the context of the component's description, which could confuse assistive technology users.
-     */
-    label?: string;
-    /**
-     * Offset the position of the component away from the `referenceElement`.
-     * @default 6
-     */
-    offsetDistance?: number;
-    /**
-     * Offset the position of the component along the `referenceElement`.
-     */
-    offsetSkidding?: number;
-    /**
-     * Fires when the component is requested to be closed and before the closing transition begins.
-     */
-    onCalciteTooltipBeforeClose?: (event: CalciteTooltipCustomEvent<void>) => void;
-    /**
-     * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
-     */
-    onCalciteTooltipBeforeOpen?: (event: CalciteTooltipCustomEvent<void>) => void;
-    /**
-     * Fires when the component is closed and animation is complete.
-     */
-    onCalciteTooltipClose?: (event: CalciteTooltipCustomEvent<void>) => void;
-    /**
-     * Fires when the component is open and animation is complete.
-     */
-    onCalciteTooltipOpen?: (event: CalciteTooltipCustomEvent<void>) => void;
-    /**
-     * When `true`, the component is open.
-     */
-    open?: boolean;
-    /**
-     * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  The `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     */
-    overlayPositioning?: OverlayPositioning;
-    /**
-     * Determines where the component will be positioned relative to the `referenceElement`.
-     */
-    placement?: LogicalPlacement;
-    /**
-     * The `referenceElement` to position the component according to its `"placement"` value.  Setting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`.  However, a string ID of the reference element can be used.
-     */
-    referenceElement?: ReferenceElement | string;
-  }
-  interface CalciteTree {
-    child?: boolean;
-    /**
-     * Displays indentation guide lines.
-     */
-    lines?: boolean;
-    /**
-     * Fires when the user selects/deselects `calcite-tree-items`.
-     */
-    onCalciteTreeSelect?: (event: CalciteTreeCustomEvent<void>) => void;
-    /**
-     * Specifies the size of the component.
-     */
-    scale?: Scale;
-    /**
-     * Specifies the component's selected items.
-     * @readonly
-     */
-    selectedItems?: HTMLCalciteTreeItemElement[];
-    /**
-     * Specifies the selection mode, where `"ancestors"` displays with a checkbox and allows any number of selections from corresponding parent and child selections, `"children"` allows any number of selections from one parent from corresponding parent and child selections, `"multichildren"` allows any number of selections from corresponding parent and child selections, `"multiple"` allows any number of selections, `"none"` allows no selections, `"single"` allows one selection, and `"single-persist"` allows and requires one selection.
-     * @default "single"
-     */
-    selectionMode?: SelectionMode;
-  }
-  interface CalciteTreeItem {
-    depth?: number;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * When `true`, the component is expanded.
-     */
-    expanded?: boolean;
-    hasChildren?: boolean;
-    /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: FlipContext;
-    /**
-     * Specifies an icon to display at the start of the component.
-     */
-    iconStart?: string;
-    /**
-     * In ancestor selection mode, show as indeterminate when only some children are selected.
-     */
-    indeterminate?: boolean;
-    lines?: boolean;
-    onCalciteInternalTreeItemSelect?: (event: CalciteTreeItemCustomEvent<TreeItemSelectDetail>) => void;
-    parentExpanded?: boolean;
-    scale?: Scale;
-    /**
-     * When `true`, the component is selected.
-     */
-    selected?: boolean;
-    selectionMode?: SelectionMode;
-  }
-  /**
-   * @deprecated Use the `list` component instead.
-   */
-  interface CalciteValueList {
-    /**
-     * When provided, the method will be called to determine whether the element can  move from the list.
-     */
-    canPull?: (detail: DragDetail) => boolean;
-    /**
-     * When provided, the method will be called to determine whether the element can be added from another list.
-     */
-    canPut?: (detail: DragDetail) => boolean;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    /**
-     * When `true`, `calcite-value-list-item`s are sortable via a draggable button.
-     */
-    dragEnabled?: boolean;
-    /**
-     * When `true`, an input appears at the top of the component that can be used by end users to filter list items.
-     */
-    filterEnabled?: boolean;
-    /**
-     * Placeholder text for the filter's input field.
-     */
-    filterPlaceholder?: string;
-    /**
-     * Text for the filter input field.
-     */
-    filterText?: string;
-    /**
-     * The currently filtered data.
-     * @readonly
-     */
-    filteredData?: ItemData1;
-    /**
-     * The currently filtered items.
-     * @readonly
-     */
-    filteredItems?: HTMLCalciteValueListItemElement[];
-    /**
-     * The component's group identifier.  To drag elements from one list into another, both lists must have the same group value.
-     */
-    group?: string;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    loading?: boolean;
-    /**
-     * Use this property to override individual strings used by the component.
-     */
-    messageOverrides?: Partial<ValueListMessages>;
-    /**
-     * Made into a prop for testing purposes only
-     */
-    messages?: ValueListMessages;
-    /**
-     * Similar to standard radio buttons and checkboxes. When `true`, a user can select multiple `calcite-value-list-item`s at a time. When `false`, only a single `calcite-value-list-item` can be selected at a time, and a new selection will deselect previous selections.
-     */
-    multiple?: boolean;
-    /**
-     * Emits when any of the list item selections have changed.
-     */
-    onCalciteListChange?: (event: CalciteValueListCustomEvent<Map<string, HTMLCalciteValueListItemElement>>) => void;
-    /**
-     * Emits when a filter has changed.
-     */
-    onCalciteListFilter?: (event: CalciteValueListCustomEvent<void>) => void;
-    /**
-     * Emits when the order of the list has changed.
-     */
-    onCalciteListOrderChange?: (event: CalciteValueListCustomEvent<any[]>) => void;
-    /**
-     * When `true` and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
-     */
-    selectionFollowsFocus?: boolean;
-  }
-  /**
-   * @deprecated Use the `list` component instead.
-   */
-  interface CalciteValueListItem {
+     * @deprecated Use the `list` component instead.
+     */
+    interface CalciteValueListItem {
+        /**
+          * A description for the component that displays below the label text.
+         */
+        "description"?: string;
+        "deselectDisabled": boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        "handleActivated"?: boolean;
+        /**
+          * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
+          * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/main/src/components/pick-list/resources.ts#L5)
+         */
+        "icon"?: ICON_TYPES | null;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": boolean;
+        /**
+          * Label and accessible name for the component. Appears next to the icon.
+         */
+        "label": string;
+        /**
+          * Provides additional metadata to the component. Primary use is for a filter on the parent list.
+         */
+        "metadata"?: Record<string, unknown>;
+        /**
+          * When `true`, prevents the content of the component from user interaction.
+         */
+        "nonInteractive": boolean;
+        /**
+          * When `true`, adds an action to remove the component.
+         */
+        "removable": boolean;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected": boolean;
+        /**
+          * Set focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Toggle the selection state. By default this won't trigger an event. The first argument allows the value to be coerced, rather than swapping values.
+          * @param coerce
+         */
+        "toggleSelected": (coerce?: boolean) => Promise<void>;
+        /**
+          * The component's value.
+         */
+        "value": any;
+    }
+}
+export interface CalciteAccordionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteAccordionElement;
+}
+export interface CalciteAccordionItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteAccordionItemElement;
+}
+export interface CalciteActionBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteActionBarElement;
+}
+export interface CalciteActionMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteActionMenuElement;
+}
+export interface CalciteActionPadCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteActionPadElement;
+}
+export interface CalciteAlertCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteAlertElement;
+}
+export interface CalciteBlockCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteBlockElement;
+}
+export interface CalciteBlockSectionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteBlockSectionElement;
+}
+export interface CalciteCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteCardElement;
+}
+export interface CalciteCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteCheckboxElement;
+}
+export interface CalciteChipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteChipElement;
+}
+export interface CalciteChipGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteChipGroupElement;
+}
+export interface CalciteColorPickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteColorPickerElement;
+}
+export interface CalciteColorPickerHexInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteColorPickerHexInputElement;
+}
+export interface CalciteComboboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteComboboxElement;
+}
+export interface CalciteComboboxItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteComboboxItemElement;
+}
+export interface CalciteDatePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteDatePickerElement;
+}
+export interface CalciteDatePickerDayCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteDatePickerDayElement;
+}
+export interface CalciteDatePickerMonthCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteDatePickerMonthElement;
+}
+export interface CalciteDatePickerMonthHeaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteDatePickerMonthHeaderElement;
+}
+export interface CalciteDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteDropdownElement;
+}
+export interface CalciteDropdownGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteDropdownGroupElement;
+}
+export interface CalciteDropdownItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteDropdownItemElement;
+}
+export interface CalciteFilterCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteFilterElement;
+}
+export interface CalciteFlowItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteFlowItemElement;
+}
+export interface CalciteHandleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteHandleElement;
+}
+export interface CalciteInlineEditableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteInlineEditableElement;
+}
+export interface CalciteInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteInputElement;
+}
+export interface CalciteInputDatePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteInputDatePickerElement;
+}
+export interface CalciteInputNumberCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteInputNumberElement;
+}
+export interface CalciteInputTextCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteInputTextElement;
+}
+export interface CalciteInputTimePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteInputTimePickerElement;
+}
+export interface CalciteInputTimeZoneCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteInputTimeZoneElement;
+}
+export interface CalciteLabelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteLabelElement;
+}
+export interface CalciteListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteListElement;
+}
+export interface CalciteListItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteListItemElement;
+}
+export interface CalciteListItemGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteListItemGroupElement;
+}
+export interface CalciteMenuItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteMenuItemElement;
+}
+export interface CalciteModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteModalElement;
+}
+export interface CalciteNavigationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteNavigationElement;
+}
+export interface CalciteNoticeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteNoticeElement;
+}
+export interface CalciteOptionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteOptionElement;
+}
+export interface CalciteOptionGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteOptionGroupElement;
+}
+export interface CalcitePaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalcitePaginationElement;
+}
+export interface CalcitePanelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalcitePanelElement;
+}
+export interface CalcitePickListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalcitePickListElement;
+}
+export interface CalcitePickListItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalcitePickListItemElement;
+}
+export interface CalcitePopoverCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalcitePopoverElement;
+}
+export interface CalciteRadioButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteRadioButtonElement;
+}
+export interface CalciteRadioButtonGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteRadioButtonGroupElement;
+}
+export interface CalciteRatingCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteRatingElement;
+}
+export interface CalciteSegmentedControlCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteSegmentedControlElement;
+}
+export interface CalciteSegmentedControlItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteSegmentedControlItemElement;
+}
+export interface CalciteSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteSelectElement;
+}
+export interface CalciteSheetCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteSheetElement;
+}
+export interface CalciteSliderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteSliderElement;
+}
+export interface CalciteSortableListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteSortableListElement;
+}
+export interface CalciteSplitButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteSplitButtonElement;
+}
+export interface CalciteStepperCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteStepperElement;
+}
+export interface CalciteStepperItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteStepperItemElement;
+}
+export interface CalciteSwitchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteSwitchElement;
+}
+export interface CalciteTabCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTabElement;
+}
+export interface CalciteTabNavCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTabNavElement;
+}
+export interface CalciteTabTitleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTabTitleElement;
+}
+export interface CalciteTableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTableElement;
+}
+export interface CalciteTableRowCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTableRowElement;
+}
+export interface CalciteTextAreaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTextAreaElement;
+}
+export interface CalciteTileSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTileSelectElement;
+}
+export interface CalciteTimePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTimePickerElement;
+}
+export interface CalciteTipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTipElement;
+}
+export interface CalciteTipManagerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTipManagerElement;
+}
+export interface CalciteTooltipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTooltipElement;
+}
+export interface CalciteTreeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTreeElement;
+}
+export interface CalciteTreeItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTreeItemElement;
+}
+export interface CalciteValueListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteValueListElement;
+}
+export interface CalciteValueListItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteValueListItemElement;
+}
+declare global {
+    interface HTMLCalciteAccordionElementEventMap {
+        "calciteInternalAccordionChange": RequestedItem;
+    }
+    interface HTMLCalciteAccordionElement extends Components.CalciteAccordion, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteAccordionElementEventMap>(type: K, listener: (this: HTMLCalciteAccordionElement, ev: CalciteAccordionCustomEvent<HTMLCalciteAccordionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteAccordionElementEventMap>(type: K, listener: (this: HTMLCalciteAccordionElement, ev: CalciteAccordionCustomEvent<HTMLCalciteAccordionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteAccordionElement: {
+        prototype: HTMLCalciteAccordionElement;
+        new (): HTMLCalciteAccordionElement;
+    };
+    interface HTMLCalciteAccordionItemElementEventMap {
+        "calciteInternalAccordionItemSelect": RequestedItem1;
+        "calciteInternalAccordionItemClose": void;
+    }
+    interface HTMLCalciteAccordionItemElement extends Components.CalciteAccordionItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteAccordionItemElementEventMap>(type: K, listener: (this: HTMLCalciteAccordionItemElement, ev: CalciteAccordionItemCustomEvent<HTMLCalciteAccordionItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteAccordionItemElementEventMap>(type: K, listener: (this: HTMLCalciteAccordionItemElement, ev: CalciteAccordionItemCustomEvent<HTMLCalciteAccordionItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteAccordionItemElement: {
+        prototype: HTMLCalciteAccordionItemElement;
+        new (): HTMLCalciteAccordionItemElement;
+    };
+    interface HTMLCalciteActionElement extends Components.CalciteAction, HTMLStencilElement {
+    }
+    var HTMLCalciteActionElement: {
+        prototype: HTMLCalciteActionElement;
+        new (): HTMLCalciteActionElement;
+    };
+    interface HTMLCalciteActionBarElementEventMap {
+        "calciteActionBarToggle": void;
+    }
+    interface HTMLCalciteActionBarElement extends Components.CalciteActionBar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteActionBarElementEventMap>(type: K, listener: (this: HTMLCalciteActionBarElement, ev: CalciteActionBarCustomEvent<HTMLCalciteActionBarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteActionBarElementEventMap>(type: K, listener: (this: HTMLCalciteActionBarElement, ev: CalciteActionBarCustomEvent<HTMLCalciteActionBarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteActionBarElement: {
+        prototype: HTMLCalciteActionBarElement;
+        new (): HTMLCalciteActionBarElement;
+    };
+    interface HTMLCalciteActionGroupElement extends Components.CalciteActionGroup, HTMLStencilElement {
+    }
+    var HTMLCalciteActionGroupElement: {
+        prototype: HTMLCalciteActionGroupElement;
+        new (): HTMLCalciteActionGroupElement;
+    };
+    interface HTMLCalciteActionMenuElementEventMap {
+        "calciteActionMenuOpen": void;
+    }
+    interface HTMLCalciteActionMenuElement extends Components.CalciteActionMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteActionMenuElementEventMap>(type: K, listener: (this: HTMLCalciteActionMenuElement, ev: CalciteActionMenuCustomEvent<HTMLCalciteActionMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteActionMenuElementEventMap>(type: K, listener: (this: HTMLCalciteActionMenuElement, ev: CalciteActionMenuCustomEvent<HTMLCalciteActionMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteActionMenuElement: {
+        prototype: HTMLCalciteActionMenuElement;
+        new (): HTMLCalciteActionMenuElement;
+    };
+    interface HTMLCalciteActionPadElementEventMap {
+        "calciteActionPadToggle": void;
+    }
+    interface HTMLCalciteActionPadElement extends Components.CalciteActionPad, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteActionPadElementEventMap>(type: K, listener: (this: HTMLCalciteActionPadElement, ev: CalciteActionPadCustomEvent<HTMLCalciteActionPadElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteActionPadElementEventMap>(type: K, listener: (this: HTMLCalciteActionPadElement, ev: CalciteActionPadCustomEvent<HTMLCalciteActionPadElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteActionPadElement: {
+        prototype: HTMLCalciteActionPadElement;
+        new (): HTMLCalciteActionPadElement;
+    };
+    interface HTMLCalciteAlertElementEventMap {
+        "calciteAlertBeforeClose": void;
+        "calciteAlertClose": void;
+        "calciteAlertBeforeOpen": void;
+        "calciteAlertOpen": void;
+        "calciteInternalAlertSync": Sync;
+        "calciteInternalAlertRegister": void;
+    }
+    interface HTMLCalciteAlertElement extends Components.CalciteAlert, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteAlertElementEventMap>(type: K, listener: (this: HTMLCalciteAlertElement, ev: CalciteAlertCustomEvent<HTMLCalciteAlertElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteAlertElementEventMap>(type: K, listener: (this: HTMLCalciteAlertElement, ev: CalciteAlertCustomEvent<HTMLCalciteAlertElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteAlertElement: {
+        prototype: HTMLCalciteAlertElement;
+        new (): HTMLCalciteAlertElement;
+    };
+    interface HTMLCalciteAvatarElement extends Components.CalciteAvatar, HTMLStencilElement {
+    }
+    var HTMLCalciteAvatarElement: {
+        prototype: HTMLCalciteAvatarElement;
+        new (): HTMLCalciteAvatarElement;
+    };
+    interface HTMLCalciteBlockElementEventMap {
+        "calciteBlockBeforeClose": void;
+        "calciteBlockBeforeOpen": void;
+        "calciteBlockClose": void;
+        "calciteBlockOpen": void;
+        "calciteBlockToggle": void;
+    }
+    interface HTMLCalciteBlockElement extends Components.CalciteBlock, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteBlockElementEventMap>(type: K, listener: (this: HTMLCalciteBlockElement, ev: CalciteBlockCustomEvent<HTMLCalciteBlockElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteBlockElementEventMap>(type: K, listener: (this: HTMLCalciteBlockElement, ev: CalciteBlockCustomEvent<HTMLCalciteBlockElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteBlockElement: {
+        prototype: HTMLCalciteBlockElement;
+        new (): HTMLCalciteBlockElement;
+    };
+    interface HTMLCalciteBlockSectionElementEventMap {
+        "calciteBlockSectionToggle": void;
+    }
+    interface HTMLCalciteBlockSectionElement extends Components.CalciteBlockSection, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteBlockSectionElementEventMap>(type: K, listener: (this: HTMLCalciteBlockSectionElement, ev: CalciteBlockSectionCustomEvent<HTMLCalciteBlockSectionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteBlockSectionElementEventMap>(type: K, listener: (this: HTMLCalciteBlockSectionElement, ev: CalciteBlockSectionCustomEvent<HTMLCalciteBlockSectionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteBlockSectionElement: {
+        prototype: HTMLCalciteBlockSectionElement;
+        new (): HTMLCalciteBlockSectionElement;
+    };
+    interface HTMLCalciteButtonElement extends Components.CalciteButton, HTMLStencilElement {
+    }
+    var HTMLCalciteButtonElement: {
+        prototype: HTMLCalciteButtonElement;
+        new (): HTMLCalciteButtonElement;
+    };
+    interface HTMLCalciteCardElementEventMap {
+        "calciteCardSelect": void;
+    }
+    interface HTMLCalciteCardElement extends Components.CalciteCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteCardElementEventMap>(type: K, listener: (this: HTMLCalciteCardElement, ev: CalciteCardCustomEvent<HTMLCalciteCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteCardElementEventMap>(type: K, listener: (this: HTMLCalciteCardElement, ev: CalciteCardCustomEvent<HTMLCalciteCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteCardElement: {
+        prototype: HTMLCalciteCardElement;
+        new (): HTMLCalciteCardElement;
+    };
+    interface HTMLCalciteCheckboxElementEventMap {
+        "calciteInternalCheckboxBlur": boolean;
+        "calciteCheckboxChange": void;
+        "calciteInternalCheckboxFocus": boolean;
+    }
+    interface HTMLCalciteCheckboxElement extends Components.CalciteCheckbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteCheckboxElementEventMap>(type: K, listener: (this: HTMLCalciteCheckboxElement, ev: CalciteCheckboxCustomEvent<HTMLCalciteCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteCheckboxElementEventMap>(type: K, listener: (this: HTMLCalciteCheckboxElement, ev: CalciteCheckboxCustomEvent<HTMLCalciteCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteCheckboxElement: {
+        prototype: HTMLCalciteCheckboxElement;
+        new (): HTMLCalciteCheckboxElement;
+    };
+    interface HTMLCalciteChipElementEventMap {
+        "calciteChipClose": void;
+        "calciteChipSelect": void;
+        "calciteInternalChipKeyEvent": KeyboardEvent;
+    }
+    interface HTMLCalciteChipElement extends Components.CalciteChip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteChipElementEventMap>(type: K, listener: (this: HTMLCalciteChipElement, ev: CalciteChipCustomEvent<HTMLCalciteChipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteChipElementEventMap>(type: K, listener: (this: HTMLCalciteChipElement, ev: CalciteChipCustomEvent<HTMLCalciteChipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteChipElement: {
+        prototype: HTMLCalciteChipElement;
+        new (): HTMLCalciteChipElement;
+    };
+    interface HTMLCalciteChipGroupElementEventMap {
+        "calciteChipGroupSelect": void;
+    }
+    interface HTMLCalciteChipGroupElement extends Components.CalciteChipGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteChipGroupElementEventMap>(type: K, listener: (this: HTMLCalciteChipGroupElement, ev: CalciteChipGroupCustomEvent<HTMLCalciteChipGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteChipGroupElementEventMap>(type: K, listener: (this: HTMLCalciteChipGroupElement, ev: CalciteChipGroupCustomEvent<HTMLCalciteChipGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteChipGroupElement: {
+        prototype: HTMLCalciteChipGroupElement;
+        new (): HTMLCalciteChipGroupElement;
+    };
+    interface HTMLCalciteColorPickerElementEventMap {
+        "calciteColorPickerChange": void;
+        "calciteColorPickerInput": void;
+    }
+    interface HTMLCalciteColorPickerElement extends Components.CalciteColorPicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteColorPickerElementEventMap>(type: K, listener: (this: HTMLCalciteColorPickerElement, ev: CalciteColorPickerCustomEvent<HTMLCalciteColorPickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteColorPickerElementEventMap>(type: K, listener: (this: HTMLCalciteColorPickerElement, ev: CalciteColorPickerCustomEvent<HTMLCalciteColorPickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteColorPickerElement: {
+        prototype: HTMLCalciteColorPickerElement;
+        new (): HTMLCalciteColorPickerElement;
+    };
+    interface HTMLCalciteColorPickerHexInputElementEventMap {
+        "calciteColorPickerHexInputChange": void;
+    }
+    interface HTMLCalciteColorPickerHexInputElement extends Components.CalciteColorPickerHexInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteColorPickerHexInputElementEventMap>(type: K, listener: (this: HTMLCalciteColorPickerHexInputElement, ev: CalciteColorPickerHexInputCustomEvent<HTMLCalciteColorPickerHexInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteColorPickerHexInputElementEventMap>(type: K, listener: (this: HTMLCalciteColorPickerHexInputElement, ev: CalciteColorPickerHexInputCustomEvent<HTMLCalciteColorPickerHexInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteColorPickerHexInputElement: {
+        prototype: HTMLCalciteColorPickerHexInputElement;
+        new (): HTMLCalciteColorPickerHexInputElement;
+    };
+    interface HTMLCalciteColorPickerSwatchElement extends Components.CalciteColorPickerSwatch, HTMLStencilElement {
+    }
+    var HTMLCalciteColorPickerSwatchElement: {
+        prototype: HTMLCalciteColorPickerSwatchElement;
+        new (): HTMLCalciteColorPickerSwatchElement;
+    };
+    interface HTMLCalciteComboboxElementEventMap {
+        "calciteComboboxChange": void;
+        "calciteComboboxFilterChange": void;
+        "calciteComboboxChipClose": void;
+        "calciteComboboxBeforeClose": void;
+        "calciteComboboxClose": void;
+        "calciteComboboxBeforeOpen": void;
+        "calciteComboboxOpen": void;
+    }
+    interface HTMLCalciteComboboxElement extends Components.CalciteCombobox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteComboboxElementEventMap>(type: K, listener: (this: HTMLCalciteComboboxElement, ev: CalciteComboboxCustomEvent<HTMLCalciteComboboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteComboboxElementEventMap>(type: K, listener: (this: HTMLCalciteComboboxElement, ev: CalciteComboboxCustomEvent<HTMLCalciteComboboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteComboboxElement: {
+        prototype: HTMLCalciteComboboxElement;
+        new (): HTMLCalciteComboboxElement;
+    };
+    interface HTMLCalciteComboboxItemElementEventMap {
+        "calciteComboboxItemChange": void;
+    }
+    interface HTMLCalciteComboboxItemElement extends Components.CalciteComboboxItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteComboboxItemElementEventMap>(type: K, listener: (this: HTMLCalciteComboboxItemElement, ev: CalciteComboboxItemCustomEvent<HTMLCalciteComboboxItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteComboboxItemElementEventMap>(type: K, listener: (this: HTMLCalciteComboboxItemElement, ev: CalciteComboboxItemCustomEvent<HTMLCalciteComboboxItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteComboboxItemElement: {
+        prototype: HTMLCalciteComboboxItemElement;
+        new (): HTMLCalciteComboboxItemElement;
+    };
+    interface HTMLCalciteComboboxItemGroupElement extends Components.CalciteComboboxItemGroup, HTMLStencilElement {
+    }
+    var HTMLCalciteComboboxItemGroupElement: {
+        prototype: HTMLCalciteComboboxItemGroupElement;
+        new (): HTMLCalciteComboboxItemGroupElement;
+    };
+    interface HTMLCalciteDatePickerElementEventMap {
+        "calciteDatePickerChange": void;
+        "calciteDatePickerRangeChange": void;
+    }
+    interface HTMLCalciteDatePickerElement extends Components.CalciteDatePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteDatePickerElementEventMap>(type: K, listener: (this: HTMLCalciteDatePickerElement, ev: CalciteDatePickerCustomEvent<HTMLCalciteDatePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteDatePickerElementEventMap>(type: K, listener: (this: HTMLCalciteDatePickerElement, ev: CalciteDatePickerCustomEvent<HTMLCalciteDatePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteDatePickerElement: {
+        prototype: HTMLCalciteDatePickerElement;
+        new (): HTMLCalciteDatePickerElement;
+    };
+    interface HTMLCalciteDatePickerDayElementEventMap {
+        "calciteDaySelect": void;
+        "calciteInternalDayHover": void;
+    }
+    interface HTMLCalciteDatePickerDayElement extends Components.CalciteDatePickerDay, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteDatePickerDayElementEventMap>(type: K, listener: (this: HTMLCalciteDatePickerDayElement, ev: CalciteDatePickerDayCustomEvent<HTMLCalciteDatePickerDayElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteDatePickerDayElementEventMap>(type: K, listener: (this: HTMLCalciteDatePickerDayElement, ev: CalciteDatePickerDayCustomEvent<HTMLCalciteDatePickerDayElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteDatePickerDayElement: {
+        prototype: HTMLCalciteDatePickerDayElement;
+        new (): HTMLCalciteDatePickerDayElement;
+    };
+    interface HTMLCalciteDatePickerMonthElementEventMap {
+        "calciteInternalDatePickerSelect": Date;
+        "calciteInternalDatePickerHover": Date;
+        "calciteInternalDatePickerActiveDateChange": Date;
+        "calciteInternalDatePickerMouseOut": void;
+    }
+    interface HTMLCalciteDatePickerMonthElement extends Components.CalciteDatePickerMonth, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteDatePickerMonthElementEventMap>(type: K, listener: (this: HTMLCalciteDatePickerMonthElement, ev: CalciteDatePickerMonthCustomEvent<HTMLCalciteDatePickerMonthElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteDatePickerMonthElementEventMap>(type: K, listener: (this: HTMLCalciteDatePickerMonthElement, ev: CalciteDatePickerMonthCustomEvent<HTMLCalciteDatePickerMonthElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteDatePickerMonthElement: {
+        prototype: HTMLCalciteDatePickerMonthElement;
+        new (): HTMLCalciteDatePickerMonthElement;
+    };
+    interface HTMLCalciteDatePickerMonthHeaderElementEventMap {
+        "calciteInternalDatePickerSelect": Date;
+    }
+    interface HTMLCalciteDatePickerMonthHeaderElement extends Components.CalciteDatePickerMonthHeader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteDatePickerMonthHeaderElementEventMap>(type: K, listener: (this: HTMLCalciteDatePickerMonthHeaderElement, ev: CalciteDatePickerMonthHeaderCustomEvent<HTMLCalciteDatePickerMonthHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteDatePickerMonthHeaderElementEventMap>(type: K, listener: (this: HTMLCalciteDatePickerMonthHeaderElement, ev: CalciteDatePickerMonthHeaderCustomEvent<HTMLCalciteDatePickerMonthHeaderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteDatePickerMonthHeaderElement: {
+        prototype: HTMLCalciteDatePickerMonthHeaderElement;
+        new (): HTMLCalciteDatePickerMonthHeaderElement;
+    };
+    interface HTMLCalciteDropdownElementEventMap {
+        "calciteDropdownSelect": void;
+        "calciteDropdownBeforeClose": void;
+        "calciteDropdownClose": void;
+        "calciteDropdownBeforeOpen": void;
+        "calciteDropdownOpen": void;
+    }
+    interface HTMLCalciteDropdownElement extends Components.CalciteDropdown, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteDropdownElementEventMap>(type: K, listener: (this: HTMLCalciteDropdownElement, ev: CalciteDropdownCustomEvent<HTMLCalciteDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteDropdownElementEventMap>(type: K, listener: (this: HTMLCalciteDropdownElement, ev: CalciteDropdownCustomEvent<HTMLCalciteDropdownElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteDropdownElement: {
+        prototype: HTMLCalciteDropdownElement;
+        new (): HTMLCalciteDropdownElement;
+    };
+    interface HTMLCalciteDropdownGroupElementEventMap {
+        "calciteInternalDropdownItemChange": RequestedItem2;
+    }
+    interface HTMLCalciteDropdownGroupElement extends Components.CalciteDropdownGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteDropdownGroupElementEventMap>(type: K, listener: (this: HTMLCalciteDropdownGroupElement, ev: CalciteDropdownGroupCustomEvent<HTMLCalciteDropdownGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteDropdownGroupElementEventMap>(type: K, listener: (this: HTMLCalciteDropdownGroupElement, ev: CalciteDropdownGroupCustomEvent<HTMLCalciteDropdownGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteDropdownGroupElement: {
+        prototype: HTMLCalciteDropdownGroupElement;
+        new (): HTMLCalciteDropdownGroupElement;
+    };
+    interface HTMLCalciteDropdownItemElementEventMap {
+        "calciteDropdownItemSelect": void;
+        "calciteInternalDropdownItemSelect": RequestedItem2;
+        "calciteInternalDropdownItemKeyEvent": ItemKeyboardEvent;
+        "calciteInternalDropdownCloseRequest": void;
+    }
+    interface HTMLCalciteDropdownItemElement extends Components.CalciteDropdownItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteDropdownItemElementEventMap>(type: K, listener: (this: HTMLCalciteDropdownItemElement, ev: CalciteDropdownItemCustomEvent<HTMLCalciteDropdownItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteDropdownItemElementEventMap>(type: K, listener: (this: HTMLCalciteDropdownItemElement, ev: CalciteDropdownItemCustomEvent<HTMLCalciteDropdownItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteDropdownItemElement: {
+        prototype: HTMLCalciteDropdownItemElement;
+        new (): HTMLCalciteDropdownItemElement;
+    };
+    interface HTMLCalciteFabElement extends Components.CalciteFab, HTMLStencilElement {
+    }
+    var HTMLCalciteFabElement: {
+        prototype: HTMLCalciteFabElement;
+        new (): HTMLCalciteFabElement;
+    };
+    interface HTMLCalciteFilterElementEventMap {
+        "calciteFilterChange": void;
+    }
+    interface HTMLCalciteFilterElement extends Components.CalciteFilter, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteFilterElementEventMap>(type: K, listener: (this: HTMLCalciteFilterElement, ev: CalciteFilterCustomEvent<HTMLCalciteFilterElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteFilterElementEventMap>(type: K, listener: (this: HTMLCalciteFilterElement, ev: CalciteFilterCustomEvent<HTMLCalciteFilterElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteFilterElement: {
+        prototype: HTMLCalciteFilterElement;
+        new (): HTMLCalciteFilterElement;
+    };
+    interface HTMLCalciteFlowElement extends Components.CalciteFlow, HTMLStencilElement {
+    }
+    var HTMLCalciteFlowElement: {
+        prototype: HTMLCalciteFlowElement;
+        new (): HTMLCalciteFlowElement;
+    };
+    interface HTMLCalciteFlowItemElementEventMap {
+        "calciteFlowItemBack": void;
+        "calciteFlowItemScroll": void;
+        "calciteFlowItemClose": void;
+        "calciteFlowItemToggle": void;
+    }
+    interface HTMLCalciteFlowItemElement extends Components.CalciteFlowItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteFlowItemElementEventMap>(type: K, listener: (this: HTMLCalciteFlowItemElement, ev: CalciteFlowItemCustomEvent<HTMLCalciteFlowItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteFlowItemElementEventMap>(type: K, listener: (this: HTMLCalciteFlowItemElement, ev: CalciteFlowItemCustomEvent<HTMLCalciteFlowItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteFlowItemElement: {
+        prototype: HTMLCalciteFlowItemElement;
+        new (): HTMLCalciteFlowItemElement;
+    };
+    interface HTMLCalciteGraphElement extends Components.CalciteGraph, HTMLStencilElement {
+    }
+    var HTMLCalciteGraphElement: {
+        prototype: HTMLCalciteGraphElement;
+        new (): HTMLCalciteGraphElement;
+    };
+    interface HTMLCalciteHandleElementEventMap {
+        "calciteHandleNudge": HandleNudge;
+        "calciteInternalHandleChange": HandleChange;
+    }
+    interface HTMLCalciteHandleElement extends Components.CalciteHandle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteHandleElementEventMap>(type: K, listener: (this: HTMLCalciteHandleElement, ev: CalciteHandleCustomEvent<HTMLCalciteHandleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteHandleElementEventMap>(type: K, listener: (this: HTMLCalciteHandleElement, ev: CalciteHandleCustomEvent<HTMLCalciteHandleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteHandleElement: {
+        prototype: HTMLCalciteHandleElement;
+        new (): HTMLCalciteHandleElement;
+    };
+    interface HTMLCalciteIconElement extends Components.CalciteIcon, HTMLStencilElement {
+    }
+    var HTMLCalciteIconElement: {
+        prototype: HTMLCalciteIconElement;
+        new (): HTMLCalciteIconElement;
+    };
+    interface HTMLCalciteInlineEditableElementEventMap {
+        "calciteInlineEditableEditCancel": void;
+        "calciteInlineEditableEditConfirm": void;
+        "calciteInternalInlineEditableEnableEditingChange": void;
+    }
+    interface HTMLCalciteInlineEditableElement extends Components.CalciteInlineEditable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteInlineEditableElementEventMap>(type: K, listener: (this: HTMLCalciteInlineEditableElement, ev: CalciteInlineEditableCustomEvent<HTMLCalciteInlineEditableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteInlineEditableElementEventMap>(type: K, listener: (this: HTMLCalciteInlineEditableElement, ev: CalciteInlineEditableCustomEvent<HTMLCalciteInlineEditableElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteInlineEditableElement: {
+        prototype: HTMLCalciteInlineEditableElement;
+        new (): HTMLCalciteInlineEditableElement;
+    };
+    interface HTMLCalciteInputElementEventMap {
+        "calciteInternalInputFocus": void;
+        "calciteInternalInputBlur": void;
+        "calciteInputInput": void;
+        "calciteInputChange": void;
+    }
+    interface HTMLCalciteInputElement extends Components.CalciteInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteInputElementEventMap>(type: K, listener: (this: HTMLCalciteInputElement, ev: CalciteInputCustomEvent<HTMLCalciteInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteInputElementEventMap>(type: K, listener: (this: HTMLCalciteInputElement, ev: CalciteInputCustomEvent<HTMLCalciteInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteInputElement: {
+        prototype: HTMLCalciteInputElement;
+        new (): HTMLCalciteInputElement;
+    };
+    interface HTMLCalciteInputDatePickerElementEventMap {
+        "calciteInputDatePickerChange": void;
+        "calciteInputDatePickerBeforeClose": void;
+        "calciteInputDatePickerClose": void;
+        "calciteInputDatePickerBeforeOpen": void;
+        "calciteInputDatePickerOpen": void;
+    }
+    interface HTMLCalciteInputDatePickerElement extends Components.CalciteInputDatePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteInputDatePickerElementEventMap>(type: K, listener: (this: HTMLCalciteInputDatePickerElement, ev: CalciteInputDatePickerCustomEvent<HTMLCalciteInputDatePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteInputDatePickerElementEventMap>(type: K, listener: (this: HTMLCalciteInputDatePickerElement, ev: CalciteInputDatePickerCustomEvent<HTMLCalciteInputDatePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteInputDatePickerElement: {
+        prototype: HTMLCalciteInputDatePickerElement;
+        new (): HTMLCalciteInputDatePickerElement;
+    };
+    interface HTMLCalciteInputMessageElement extends Components.CalciteInputMessage, HTMLStencilElement {
+    }
+    var HTMLCalciteInputMessageElement: {
+        prototype: HTMLCalciteInputMessageElement;
+        new (): HTMLCalciteInputMessageElement;
+    };
+    interface HTMLCalciteInputNumberElementEventMap {
+        "calciteInternalInputNumberFocus": void;
+        "calciteInternalInputNumberBlur": void;
+        "calciteInputNumberInput": void;
+        "calciteInputNumberChange": void;
+    }
+    interface HTMLCalciteInputNumberElement extends Components.CalciteInputNumber, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteInputNumberElementEventMap>(type: K, listener: (this: HTMLCalciteInputNumberElement, ev: CalciteInputNumberCustomEvent<HTMLCalciteInputNumberElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteInputNumberElementEventMap>(type: K, listener: (this: HTMLCalciteInputNumberElement, ev: CalciteInputNumberCustomEvent<HTMLCalciteInputNumberElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteInputNumberElement: {
+        prototype: HTMLCalciteInputNumberElement;
+        new (): HTMLCalciteInputNumberElement;
+    };
+    interface HTMLCalciteInputTextElementEventMap {
+        "calciteInternalInputTextFocus": {
+    element: HTMLInputElement;
+    value: string;
+  };
+        "calciteInternalInputTextBlur": { element: HTMLInputElement; value: string };
+        "calciteInputTextInput": void;
+        "calciteInputTextChange": void;
+    }
+    interface HTMLCalciteInputTextElement extends Components.CalciteInputText, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteInputTextElementEventMap>(type: K, listener: (this: HTMLCalciteInputTextElement, ev: CalciteInputTextCustomEvent<HTMLCalciteInputTextElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteInputTextElementEventMap>(type: K, listener: (this: HTMLCalciteInputTextElement, ev: CalciteInputTextCustomEvent<HTMLCalciteInputTextElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteInputTextElement: {
+        prototype: HTMLCalciteInputTextElement;
+        new (): HTMLCalciteInputTextElement;
+    };
+    interface HTMLCalciteInputTimePickerElementEventMap {
+        "calciteInputTimePickerBeforeClose": void;
+        "calciteInputTimePickerBeforeOpen": void;
+        "calciteInputTimePickerChange": void;
+        "calciteInputTimePickerClose": void;
+        "calciteInputTimePickerOpen": void;
+    }
+    interface HTMLCalciteInputTimePickerElement extends Components.CalciteInputTimePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteInputTimePickerElementEventMap>(type: K, listener: (this: HTMLCalciteInputTimePickerElement, ev: CalciteInputTimePickerCustomEvent<HTMLCalciteInputTimePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteInputTimePickerElementEventMap>(type: K, listener: (this: HTMLCalciteInputTimePickerElement, ev: CalciteInputTimePickerCustomEvent<HTMLCalciteInputTimePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteInputTimePickerElement: {
+        prototype: HTMLCalciteInputTimePickerElement;
+        new (): HTMLCalciteInputTimePickerElement;
+    };
+    interface HTMLCalciteInputTimeZoneElementEventMap {
+        "calciteInputTimeZoneBeforeClose": void;
+        "calciteInputTimeZoneBeforeOpen": void;
+        "calciteInputTimeZoneChange": void;
+        "calciteInputTimeZoneClose": void;
+        "calciteInputTimeZoneOpen": void;
+    }
+    interface HTMLCalciteInputTimeZoneElement extends Components.CalciteInputTimeZone, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteInputTimeZoneElementEventMap>(type: K, listener: (this: HTMLCalciteInputTimeZoneElement, ev: CalciteInputTimeZoneCustomEvent<HTMLCalciteInputTimeZoneElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteInputTimeZoneElementEventMap>(type: K, listener: (this: HTMLCalciteInputTimeZoneElement, ev: CalciteInputTimeZoneCustomEvent<HTMLCalciteInputTimeZoneElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteInputTimeZoneElement: {
+        prototype: HTMLCalciteInputTimeZoneElement;
+        new (): HTMLCalciteInputTimeZoneElement;
+    };
+    interface HTMLCalciteLabelElementEventMap {
+        "calciteInternalLabelClick": {
+    sourceEvent: MouseEvent;
+  };
+    }
+    interface HTMLCalciteLabelElement extends Components.CalciteLabel, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteLabelElementEventMap>(type: K, listener: (this: HTMLCalciteLabelElement, ev: CalciteLabelCustomEvent<HTMLCalciteLabelElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteLabelElementEventMap>(type: K, listener: (this: HTMLCalciteLabelElement, ev: CalciteLabelCustomEvent<HTMLCalciteLabelElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteLabelElement: {
+        prototype: HTMLCalciteLabelElement;
+        new (): HTMLCalciteLabelElement;
+    };
+    interface HTMLCalciteLinkElement extends Components.CalciteLink, HTMLStencilElement {
+    }
+    var HTMLCalciteLinkElement: {
+        prototype: HTMLCalciteLinkElement;
+        new (): HTMLCalciteLinkElement;
+    };
+    interface HTMLCalciteListElementEventMap {
+        "calciteListChange": void;
+        "calciteListFilter": void;
+        "calciteListOrderChange": ListDragDetail;
+        "calciteInternalListDefaultSlotChange": void;
+    }
     /**
-     * A description for the component that displays below the label text.
-     */
-    description?: string;
-    deselectDisabled?: boolean;
+     * A general purpose list that enables users to construct list items that conform to Calcite styling.
+     */
+    interface HTMLCalciteListElement extends Components.CalciteList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteListElementEventMap>(type: K, listener: (this: HTMLCalciteListElement, ev: CalciteListCustomEvent<HTMLCalciteListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteListElementEventMap>(type: K, listener: (this: HTMLCalciteListElement, ev: CalciteListCustomEvent<HTMLCalciteListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteListElement: {
+        prototype: HTMLCalciteListElement;
+        new (): HTMLCalciteListElement;
+    };
+    interface HTMLCalciteListItemElementEventMap {
+        "calciteListItemSelect": void;
+        "calciteListItemClose": void;
+        "calciteInternalListItemSelect": void;
+        "calciteInternalListItemActive": void;
+        "calciteInternalFocusPreviousItem": void;
+        "calciteInternalListItemChange": void;
+    }
+    interface HTMLCalciteListItemElement extends Components.CalciteListItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteListItemElementEventMap>(type: K, listener: (this: HTMLCalciteListItemElement, ev: CalciteListItemCustomEvent<HTMLCalciteListItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteListItemElementEventMap>(type: K, listener: (this: HTMLCalciteListItemElement, ev: CalciteListItemCustomEvent<HTMLCalciteListItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteListItemElement: {
+        prototype: HTMLCalciteListItemElement;
+        new (): HTMLCalciteListItemElement;
+    };
+    interface HTMLCalciteListItemGroupElementEventMap {
+        "calciteInternalListItemGroupDefaultSlotChange": DragEvent;
+    }
+    interface HTMLCalciteListItemGroupElement extends Components.CalciteListItemGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteListItemGroupElementEventMap>(type: K, listener: (this: HTMLCalciteListItemGroupElement, ev: CalciteListItemGroupCustomEvent<HTMLCalciteListItemGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteListItemGroupElementEventMap>(type: K, listener: (this: HTMLCalciteListItemGroupElement, ev: CalciteListItemGroupCustomEvent<HTMLCalciteListItemGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteListItemGroupElement: {
+        prototype: HTMLCalciteListItemGroupElement;
+        new (): HTMLCalciteListItemGroupElement;
+    };
+    interface HTMLCalciteLoaderElement extends Components.CalciteLoader, HTMLStencilElement {
+    }
+    var HTMLCalciteLoaderElement: {
+        prototype: HTMLCalciteLoaderElement;
+        new (): HTMLCalciteLoaderElement;
+    };
+    interface HTMLCalciteMenuElement extends Components.CalciteMenu, HTMLStencilElement {
+    }
+    var HTMLCalciteMenuElement: {
+        prototype: HTMLCalciteMenuElement;
+        new (): HTMLCalciteMenuElement;
+    };
+    interface HTMLCalciteMenuItemElementEventMap {
+        "calciteInternalMenuItemKeyEvent": MenuItemCustomEvent;
+        "calciteMenuItemSelect": void;
+    }
+    interface HTMLCalciteMenuItemElement extends Components.CalciteMenuItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteMenuItemElementEventMap>(type: K, listener: (this: HTMLCalciteMenuItemElement, ev: CalciteMenuItemCustomEvent<HTMLCalciteMenuItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteMenuItemElementEventMap>(type: K, listener: (this: HTMLCalciteMenuItemElement, ev: CalciteMenuItemCustomEvent<HTMLCalciteMenuItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteMenuItemElement: {
+        prototype: HTMLCalciteMenuItemElement;
+        new (): HTMLCalciteMenuItemElement;
+    };
+    interface HTMLCalciteMeterElement extends Components.CalciteMeter, HTMLStencilElement {
+    }
+    var HTMLCalciteMeterElement: {
+        prototype: HTMLCalciteMeterElement;
+        new (): HTMLCalciteMeterElement;
+    };
+    interface HTMLCalciteModalElementEventMap {
+        "calciteModalBeforeClose": void;
+        "calciteModalClose": void;
+        "calciteModalBeforeOpen": void;
+        "calciteModalOpen": void;
+    }
+    interface HTMLCalciteModalElement extends Components.CalciteModal, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteModalElementEventMap>(type: K, listener: (this: HTMLCalciteModalElement, ev: CalciteModalCustomEvent<HTMLCalciteModalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteModalElementEventMap>(type: K, listener: (this: HTMLCalciteModalElement, ev: CalciteModalCustomEvent<HTMLCalciteModalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteModalElement: {
+        prototype: HTMLCalciteModalElement;
+        new (): HTMLCalciteModalElement;
+    };
+    interface HTMLCalciteNavigationElementEventMap {
+        "calciteNavigationActionSelect": void;
+    }
+    interface HTMLCalciteNavigationElement extends Components.CalciteNavigation, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteNavigationElementEventMap>(type: K, listener: (this: HTMLCalciteNavigationElement, ev: CalciteNavigationCustomEvent<HTMLCalciteNavigationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteNavigationElementEventMap>(type: K, listener: (this: HTMLCalciteNavigationElement, ev: CalciteNavigationCustomEvent<HTMLCalciteNavigationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteNavigationElement: {
+        prototype: HTMLCalciteNavigationElement;
+        new (): HTMLCalciteNavigationElement;
+    };
+    interface HTMLCalciteNavigationLogoElement extends Components.CalciteNavigationLogo, HTMLStencilElement {
+    }
+    var HTMLCalciteNavigationLogoElement: {
+        prototype: HTMLCalciteNavigationLogoElement;
+        new (): HTMLCalciteNavigationLogoElement;
+    };
+    interface HTMLCalciteNavigationUserElement extends Components.CalciteNavigationUser, HTMLStencilElement {
+    }
+    var HTMLCalciteNavigationUserElement: {
+        prototype: HTMLCalciteNavigationUserElement;
+        new (): HTMLCalciteNavigationUserElement;
+    };
+    interface HTMLCalciteNoticeElementEventMap {
+        "calciteNoticeBeforeClose": void;
+        "calciteNoticeBeforeOpen": void;
+        "calciteNoticeClose": void;
+        "calciteNoticeOpen": void;
+    }
+    interface HTMLCalciteNoticeElement extends Components.CalciteNotice, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteNoticeElementEventMap>(type: K, listener: (this: HTMLCalciteNoticeElement, ev: CalciteNoticeCustomEvent<HTMLCalciteNoticeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteNoticeElementEventMap>(type: K, listener: (this: HTMLCalciteNoticeElement, ev: CalciteNoticeCustomEvent<HTMLCalciteNoticeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteNoticeElement: {
+        prototype: HTMLCalciteNoticeElement;
+        new (): HTMLCalciteNoticeElement;
+    };
+    interface HTMLCalciteOptionElementEventMap {
+        "calciteInternalOptionChange": void;
+    }
+    interface HTMLCalciteOptionElement extends Components.CalciteOption, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteOptionElementEventMap>(type: K, listener: (this: HTMLCalciteOptionElement, ev: CalciteOptionCustomEvent<HTMLCalciteOptionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteOptionElementEventMap>(type: K, listener: (this: HTMLCalciteOptionElement, ev: CalciteOptionCustomEvent<HTMLCalciteOptionElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteOptionElement: {
+        prototype: HTMLCalciteOptionElement;
+        new (): HTMLCalciteOptionElement;
+    };
+    interface HTMLCalciteOptionGroupElementEventMap {
+        "calciteInternalOptionGroupChange": void;
+    }
+    interface HTMLCalciteOptionGroupElement extends Components.CalciteOptionGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteOptionGroupElementEventMap>(type: K, listener: (this: HTMLCalciteOptionGroupElement, ev: CalciteOptionGroupCustomEvent<HTMLCalciteOptionGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteOptionGroupElementEventMap>(type: K, listener: (this: HTMLCalciteOptionGroupElement, ev: CalciteOptionGroupCustomEvent<HTMLCalciteOptionGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteOptionGroupElement: {
+        prototype: HTMLCalciteOptionGroupElement;
+        new (): HTMLCalciteOptionGroupElement;
+    };
+    interface HTMLCalcitePaginationElementEventMap {
+        "calcitePaginationChange": void;
+    }
+    interface HTMLCalcitePaginationElement extends Components.CalcitePagination, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalcitePaginationElementEventMap>(type: K, listener: (this: HTMLCalcitePaginationElement, ev: CalcitePaginationCustomEvent<HTMLCalcitePaginationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalcitePaginationElementEventMap>(type: K, listener: (this: HTMLCalcitePaginationElement, ev: CalcitePaginationCustomEvent<HTMLCalcitePaginationElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalcitePaginationElement: {
+        prototype: HTMLCalcitePaginationElement;
+        new (): HTMLCalcitePaginationElement;
+    };
+    interface HTMLCalcitePanelElementEventMap {
+        "calcitePanelClose": void;
+        "calcitePanelToggle": void;
+        "calcitePanelScroll": void;
+    }
+    interface HTMLCalcitePanelElement extends Components.CalcitePanel, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalcitePanelElementEventMap>(type: K, listener: (this: HTMLCalcitePanelElement, ev: CalcitePanelCustomEvent<HTMLCalcitePanelElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalcitePanelElementEventMap>(type: K, listener: (this: HTMLCalcitePanelElement, ev: CalcitePanelCustomEvent<HTMLCalcitePanelElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalcitePanelElement: {
+        prototype: HTMLCalcitePanelElement;
+        new (): HTMLCalcitePanelElement;
+    };
+    interface HTMLCalcitePickListElementEventMap {
+        "calciteListChange": Map<string, HTMLCalcitePickListItemElement>;
+        "calciteListFilter": void;
+    }
     /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    disabled?: boolean;
-    handleActivated?: boolean;
+     * @deprecated Use the `list` component instead.
+     */
+    interface HTMLCalcitePickListElement extends Components.CalcitePickList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalcitePickListElementEventMap>(type: K, listener: (this: HTMLCalcitePickListElement, ev: CalcitePickListCustomEvent<HTMLCalcitePickListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalcitePickListElementEventMap>(type: K, listener: (this: HTMLCalcitePickListElement, ev: CalcitePickListCustomEvent<HTMLCalcitePickListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalcitePickListElement: {
+        prototype: HTMLCalcitePickListElement;
+        new (): HTMLCalcitePickListElement;
+    };
     /**
-     * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
-     * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/main/src/components/pick-list/resources.ts#L5)
+     * @deprecated Use the `list` component instead.
      */
-    icon?: ICON_TYPES | null;
+    interface HTMLCalcitePickListGroupElement extends Components.CalcitePickListGroup, HTMLStencilElement {
+    }
+    var HTMLCalcitePickListGroupElement: {
+        prototype: HTMLCalcitePickListGroupElement;
+        new (): HTMLCalcitePickListGroupElement;
+    };
+    interface HTMLCalcitePickListItemElementEventMap {
+        "calciteListItemChange": {
+    item: HTMLCalcitePickListItemElement;
+    value: any;
+    selected: boolean;
+    shiftPressed: boolean;
+  };
+        "calciteListItemRemove": void;
+        "calciteInternalListItemPropsChange": void;
+        "calciteInternalListItemValueChange": {
+    oldValue: any;
+    newValue: any;
+  };
+    }
     /**
-     * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
-     */
-    iconFlipRtl?: boolean;
+     * @deprecated Use the `list` component instead.
+     */
+    interface HTMLCalcitePickListItemElement extends Components.CalcitePickListItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalcitePickListItemElementEventMap>(type: K, listener: (this: HTMLCalcitePickListItemElement, ev: CalcitePickListItemCustomEvent<HTMLCalcitePickListItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalcitePickListItemElementEventMap>(type: K, listener: (this: HTMLCalcitePickListItemElement, ev: CalcitePickListItemCustomEvent<HTMLCalcitePickListItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalcitePickListItemElement: {
+        prototype: HTMLCalcitePickListItemElement;
+        new (): HTMLCalcitePickListItemElement;
+    };
+    interface HTMLCalcitePopoverElementEventMap {
+        "calcitePopoverBeforeClose": void;
+        "calcitePopoverClose": void;
+        "calcitePopoverBeforeOpen": void;
+        "calcitePopoverOpen": void;
+    }
+    interface HTMLCalcitePopoverElement extends Components.CalcitePopover, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalcitePopoverElementEventMap>(type: K, listener: (this: HTMLCalcitePopoverElement, ev: CalcitePopoverCustomEvent<HTMLCalcitePopoverElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalcitePopoverElementEventMap>(type: K, listener: (this: HTMLCalcitePopoverElement, ev: CalcitePopoverCustomEvent<HTMLCalcitePopoverElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalcitePopoverElement: {
+        prototype: HTMLCalcitePopoverElement;
+        new (): HTMLCalcitePopoverElement;
+    };
+    interface HTMLCalciteProgressElement extends Components.CalciteProgress, HTMLStencilElement {
+    }
+    var HTMLCalciteProgressElement: {
+        prototype: HTMLCalciteProgressElement;
+        new (): HTMLCalciteProgressElement;
+    };
+    interface HTMLCalciteRadioButtonElementEventMap {
+        "calciteInternalRadioButtonBlur": void;
+        "calciteRadioButtonChange": void;
+        "calciteInternalRadioButtonCheckedChange": void;
+        "calciteInternalRadioButtonFocus": void;
+    }
+    interface HTMLCalciteRadioButtonElement extends Components.CalciteRadioButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteRadioButtonElementEventMap>(type: K, listener: (this: HTMLCalciteRadioButtonElement, ev: CalciteRadioButtonCustomEvent<HTMLCalciteRadioButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteRadioButtonElementEventMap>(type: K, listener: (this: HTMLCalciteRadioButtonElement, ev: CalciteRadioButtonCustomEvent<HTMLCalciteRadioButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteRadioButtonElement: {
+        prototype: HTMLCalciteRadioButtonElement;
+        new (): HTMLCalciteRadioButtonElement;
+    };
+    interface HTMLCalciteRadioButtonGroupElementEventMap {
+        "calciteRadioButtonGroupChange": void;
+    }
+    interface HTMLCalciteRadioButtonGroupElement extends Components.CalciteRadioButtonGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteRadioButtonGroupElementEventMap>(type: K, listener: (this: HTMLCalciteRadioButtonGroupElement, ev: CalciteRadioButtonGroupCustomEvent<HTMLCalciteRadioButtonGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteRadioButtonGroupElementEventMap>(type: K, listener: (this: HTMLCalciteRadioButtonGroupElement, ev: CalciteRadioButtonGroupCustomEvent<HTMLCalciteRadioButtonGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteRadioButtonGroupElement: {
+        prototype: HTMLCalciteRadioButtonGroupElement;
+        new (): HTMLCalciteRadioButtonGroupElement;
+    };
+    interface HTMLCalciteRatingElementEventMap {
+        "calciteRatingChange": void;
+    }
+    interface HTMLCalciteRatingElement extends Components.CalciteRating, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteRatingElementEventMap>(type: K, listener: (this: HTMLCalciteRatingElement, ev: CalciteRatingCustomEvent<HTMLCalciteRatingElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteRatingElementEventMap>(type: K, listener: (this: HTMLCalciteRatingElement, ev: CalciteRatingCustomEvent<HTMLCalciteRatingElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteRatingElement: {
+        prototype: HTMLCalciteRatingElement;
+        new (): HTMLCalciteRatingElement;
+    };
+    interface HTMLCalciteScrimElement extends Components.CalciteScrim, HTMLStencilElement {
+    }
+    var HTMLCalciteScrimElement: {
+        prototype: HTMLCalciteScrimElement;
+        new (): HTMLCalciteScrimElement;
+    };
+    interface HTMLCalciteSegmentedControlElementEventMap {
+        "calciteSegmentedControlChange": void;
+    }
+    interface HTMLCalciteSegmentedControlElement extends Components.CalciteSegmentedControl, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteSegmentedControlElementEventMap>(type: K, listener: (this: HTMLCalciteSegmentedControlElement, ev: CalciteSegmentedControlCustomEvent<HTMLCalciteSegmentedControlElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteSegmentedControlElementEventMap>(type: K, listener: (this: HTMLCalciteSegmentedControlElement, ev: CalciteSegmentedControlCustomEvent<HTMLCalciteSegmentedControlElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteSegmentedControlElement: {
+        prototype: HTMLCalciteSegmentedControlElement;
+        new (): HTMLCalciteSegmentedControlElement;
+    };
+    interface HTMLCalciteSegmentedControlItemElementEventMap {
+        "calciteInternalSegmentedControlItemChange": void;
+    }
+    interface HTMLCalciteSegmentedControlItemElement extends Components.CalciteSegmentedControlItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteSegmentedControlItemElementEventMap>(type: K, listener: (this: HTMLCalciteSegmentedControlItemElement, ev: CalciteSegmentedControlItemCustomEvent<HTMLCalciteSegmentedControlItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteSegmentedControlItemElementEventMap>(type: K, listener: (this: HTMLCalciteSegmentedControlItemElement, ev: CalciteSegmentedControlItemCustomEvent<HTMLCalciteSegmentedControlItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteSegmentedControlItemElement: {
+        prototype: HTMLCalciteSegmentedControlItemElement;
+        new (): HTMLCalciteSegmentedControlItemElement;
+    };
+    interface HTMLCalciteSelectElementEventMap {
+        "calciteSelectChange": void;
+    }
+    interface HTMLCalciteSelectElement extends Components.CalciteSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteSelectElementEventMap>(type: K, listener: (this: HTMLCalciteSelectElement, ev: CalciteSelectCustomEvent<HTMLCalciteSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteSelectElementEventMap>(type: K, listener: (this: HTMLCalciteSelectElement, ev: CalciteSelectCustomEvent<HTMLCalciteSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteSelectElement: {
+        prototype: HTMLCalciteSelectElement;
+        new (): HTMLCalciteSelectElement;
+    };
+    interface HTMLCalciteSheetElementEventMap {
+        "calciteSheetBeforeClose": void;
+        "calciteSheetClose": void;
+        "calciteSheetBeforeOpen": void;
+        "calciteSheetOpen": void;
+    }
+    interface HTMLCalciteSheetElement extends Components.CalciteSheet, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteSheetElementEventMap>(type: K, listener: (this: HTMLCalciteSheetElement, ev: CalciteSheetCustomEvent<HTMLCalciteSheetElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteSheetElementEventMap>(type: K, listener: (this: HTMLCalciteSheetElement, ev: CalciteSheetCustomEvent<HTMLCalciteSheetElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteSheetElement: {
+        prototype: HTMLCalciteSheetElement;
+        new (): HTMLCalciteSheetElement;
+    };
+    interface HTMLCalciteShellElement extends Components.CalciteShell, HTMLStencilElement {
+    }
+    var HTMLCalciteShellElement: {
+        prototype: HTMLCalciteShellElement;
+        new (): HTMLCalciteShellElement;
+    };
+    interface HTMLCalciteShellCenterRowElement extends Components.CalciteShellCenterRow, HTMLStencilElement {
+    }
+    var HTMLCalciteShellCenterRowElement: {
+        prototype: HTMLCalciteShellCenterRowElement;
+        new (): HTMLCalciteShellCenterRowElement;
+    };
+    interface HTMLCalciteShellPanelElement extends Components.CalciteShellPanel, HTMLStencilElement {
+    }
+    var HTMLCalciteShellPanelElement: {
+        prototype: HTMLCalciteShellPanelElement;
+        new (): HTMLCalciteShellPanelElement;
+    };
+    interface HTMLCalciteSliderElementEventMap {
+        "calciteSliderInput": void;
+        "calciteSliderChange": void;
+    }
+    interface HTMLCalciteSliderElement extends Components.CalciteSlider, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteSliderElementEventMap>(type: K, listener: (this: HTMLCalciteSliderElement, ev: CalciteSliderCustomEvent<HTMLCalciteSliderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteSliderElementEventMap>(type: K, listener: (this: HTMLCalciteSliderElement, ev: CalciteSliderCustomEvent<HTMLCalciteSliderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteSliderElement: {
+        prototype: HTMLCalciteSliderElement;
+        new (): HTMLCalciteSliderElement;
+    };
+    interface HTMLCalciteSortableListElementEventMap {
+        "calciteListOrderChange": void;
+    }
+    interface HTMLCalciteSortableListElement extends Components.CalciteSortableList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteSortableListElementEventMap>(type: K, listener: (this: HTMLCalciteSortableListElement, ev: CalciteSortableListCustomEvent<HTMLCalciteSortableListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteSortableListElementEventMap>(type: K, listener: (this: HTMLCalciteSortableListElement, ev: CalciteSortableListCustomEvent<HTMLCalciteSortableListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteSortableListElement: {
+        prototype: HTMLCalciteSortableListElement;
+        new (): HTMLCalciteSortableListElement;
+    };
+    interface HTMLCalciteSplitButtonElementEventMap {
+        "calciteSplitButtonPrimaryClick": void;
+        "calciteSplitButtonSecondaryClick": void;
+    }
+    interface HTMLCalciteSplitButtonElement extends Components.CalciteSplitButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteSplitButtonElementEventMap>(type: K, listener: (this: HTMLCalciteSplitButtonElement, ev: CalciteSplitButtonCustomEvent<HTMLCalciteSplitButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteSplitButtonElementEventMap>(type: K, listener: (this: HTMLCalciteSplitButtonElement, ev: CalciteSplitButtonCustomEvent<HTMLCalciteSplitButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteSplitButtonElement: {
+        prototype: HTMLCalciteSplitButtonElement;
+        new (): HTMLCalciteSplitButtonElement;
+    };
+    interface HTMLCalciteStackElement extends Components.CalciteStack, HTMLStencilElement {
+    }
+    var HTMLCalciteStackElement: {
+        prototype: HTMLCalciteStackElement;
+        new (): HTMLCalciteStackElement;
+    };
+    interface HTMLCalciteStepperElementEventMap {
+        "calciteStepperItemChange": void;
+        "calciteInternalStepperItemChange": StepperItemChangeEventDetail;
+    }
+    interface HTMLCalciteStepperElement extends Components.CalciteStepper, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteStepperElementEventMap>(type: K, listener: (this: HTMLCalciteStepperElement, ev: CalciteStepperCustomEvent<HTMLCalciteStepperElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteStepperElementEventMap>(type: K, listener: (this: HTMLCalciteStepperElement, ev: CalciteStepperCustomEvent<HTMLCalciteStepperElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteStepperElement: {
+        prototype: HTMLCalciteStepperElement;
+        new (): HTMLCalciteStepperElement;
+    };
+    interface HTMLCalciteStepperItemElementEventMap {
+        "calciteInternalStepperItemKeyEvent": StepperItemKeyEventDetail;
+        "calciteInternalStepperItemSelect": StepperItemEventDetail;
+        "calciteInternalUserRequestedStepperItemSelect": StepperItemChangeEventDetail;
+        "calciteInternalStepperItemRegister": StepperItemEventDetail;
+    }
+    interface HTMLCalciteStepperItemElement extends Components.CalciteStepperItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteStepperItemElementEventMap>(type: K, listener: (this: HTMLCalciteStepperItemElement, ev: CalciteStepperItemCustomEvent<HTMLCalciteStepperItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteStepperItemElementEventMap>(type: K, listener: (this: HTMLCalciteStepperItemElement, ev: CalciteStepperItemCustomEvent<HTMLCalciteStepperItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteStepperItemElement: {
+        prototype: HTMLCalciteStepperItemElement;
+        new (): HTMLCalciteStepperItemElement;
+    };
+    interface HTMLCalciteSwitchElementEventMap {
+        "calciteSwitchChange": void;
+    }
+    interface HTMLCalciteSwitchElement extends Components.CalciteSwitch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteSwitchElementEventMap>(type: K, listener: (this: HTMLCalciteSwitchElement, ev: CalciteSwitchCustomEvent<HTMLCalciteSwitchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteSwitchElementEventMap>(type: K, listener: (this: HTMLCalciteSwitchElement, ev: CalciteSwitchCustomEvent<HTMLCalciteSwitchElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteSwitchElement: {
+        prototype: HTMLCalciteSwitchElement;
+        new (): HTMLCalciteSwitchElement;
+    };
+    interface HTMLCalciteTabElementEventMap {
+        "calciteInternalTabRegister": void;
+    }
+    interface HTMLCalciteTabElement extends Components.CalciteTab, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteTabElementEventMap>(type: K, listener: (this: HTMLCalciteTabElement, ev: CalciteTabCustomEvent<HTMLCalciteTabElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteTabElementEventMap>(type: K, listener: (this: HTMLCalciteTabElement, ev: CalciteTabCustomEvent<HTMLCalciteTabElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteTabElement: {
+        prototype: HTMLCalciteTabElement;
+        new (): HTMLCalciteTabElement;
+    };
+    interface HTMLCalciteTabNavElementEventMap {
+        "calciteTabChange": void;
+        "calciteInternalTabChange": TabChangeEventDetail;
+    }
+    interface HTMLCalciteTabNavElement extends Components.CalciteTabNav, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteTabNavElementEventMap>(type: K, listener: (this: HTMLCalciteTabNavElement, ev: CalciteTabNavCustomEvent<HTMLCalciteTabNavElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteTabNavElementEventMap>(type: K, listener: (this: HTMLCalciteTabNavElement, ev: CalciteTabNavCustomEvent<HTMLCalciteTabNavElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteTabNavElement: {
+        prototype: HTMLCalciteTabNavElement;
+        new (): HTMLCalciteTabNavElement;
+    };
+    interface HTMLCalciteTabTitleElementEventMap {
+        "calciteTabsActivate": void;
+        "calciteInternalTabsActivate": TabChangeEventDetail;
+        "calciteTabsClose": void;
+        "calciteInternalTabsClose": TabCloseEventDetail;
+        "calciteInternalTabsFocusNext": void;
+        "calciteInternalTabsFocusPrevious": void;
+        "calciteInternalTabsFocusFirst": void;
+        "calciteInternalTabsFocusLast": void;
+        "calciteInternalTabTitleRegister": TabID;
+        "calciteInternalTabIconChanged": void;
+    }
+    interface HTMLCalciteTabTitleElement extends Components.CalciteTabTitle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteTabTitleElementEventMap>(type: K, listener: (this: HTMLCalciteTabTitleElement, ev: CalciteTabTitleCustomEvent<HTMLCalciteTabTitleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteTabTitleElementEventMap>(type: K, listener: (this: HTMLCalciteTabTitleElement, ev: CalciteTabTitleCustomEvent<HTMLCalciteTabTitleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteTabTitleElement: {
+        prototype: HTMLCalciteTabTitleElement;
+        new (): HTMLCalciteTabTitleElement;
+    };
+    interface HTMLCalciteTableElementEventMap {
+        "calciteTableSelect": void;
+        "calciteTablePageChange": void;
+        "calciteInternalTableRowFocusChange": TableRowFocusEvent;
+    }
+    interface HTMLCalciteTableElement extends Components.CalciteTable, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteTableElementEventMap>(type: K, listener: (this: HTMLCalciteTableElement, ev: CalciteTableCustomEvent<HTMLCalciteTableElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteTableElementEventMap>(type: K, listener: (this: HTMLCalciteTableElement, ev: CalciteTableCustomEvent<HTMLCalciteTableElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteTableElement: {
+        prototype: HTMLCalciteTableElement;
+        new (): HTMLCalciteTableElement;
+    };
+    interface HTMLCalciteTableCellElement extends Components.CalciteTableCell, HTMLStencilElement {
+    }
+    var HTMLCalciteTableCellElement: {
+        prototype: HTMLCalciteTableCellElement;
+        new (): HTMLCalciteTableCellElement;
+    };
+    interface HTMLCalciteTableHeaderElement extends Components.CalciteTableHeader, HTMLStencilElement {
+    }
+    var HTMLCalciteTableHeaderElement: {
+        prototype: HTMLCalciteTableHeaderElement;
+        new (): HTMLCalciteTableHeaderElement;
+    };
+    interface HTMLCalciteTableRowElementEventMap {
+        "calciteTableRowSelect": void;
+        "calciteInternalTableRowFocusRequest": TableRowFocusEvent;
+    }
+    interface HTMLCalciteTableRowElement extends Components.CalciteTableRow, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteTableRowElementEventMap>(type: K, listener: (this: HTMLCalciteTableRowElement, ev: CalciteTableRowCustomEvent<HTMLCalciteTableRowElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteTableRowElementEventMap>(type: K, listener: (this: HTMLCalciteTableRowElement, ev: CalciteTableRowCustomEvent<HTMLCalciteTableRowElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteTableRowElement: {
+        prototype: HTMLCalciteTableRowElement;
+        new (): HTMLCalciteTableRowElement;
+    };
+    interface HTMLCalciteTabsElement extends Components.CalciteTabs, HTMLStencilElement {
+    }
+    var HTMLCalciteTabsElement: {
+        prototype: HTMLCalciteTabsElement;
+        new (): HTMLCalciteTabsElement;
+    };
+    interface HTMLCalciteTextAreaElementEventMap {
+        "calciteTextAreaInput": void;
+        "calciteTextAreaChange": void;
+    }
+    interface HTMLCalciteTextAreaElement extends Components.CalciteTextArea, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteTextAreaElementEventMap>(type: K, listener: (this: HTMLCalciteTextAreaElement, ev: CalciteTextAreaCustomEvent<HTMLCalciteTextAreaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteTextAreaElementEventMap>(type: K, listener: (this: HTMLCalciteTextAreaElement, ev: CalciteTextAreaCustomEvent<HTMLCalciteTextAreaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteTextAreaElement: {
+        prototype: HTMLCalciteTextAreaElement;
+        new (): HTMLCalciteTextAreaElement;
+    };
+    interface HTMLCalciteTileElement extends Components.CalciteTile, HTMLStencilElement {
+    }
+    var HTMLCalciteTileElement: {
+        prototype: HTMLCalciteTileElement;
+        new (): HTMLCalciteTileElement;
+    };
+    interface HTMLCalciteTileSelectElementEventMap {
+        "calciteTileSelectChange": void;
+    }
+    interface HTMLCalciteTileSelectElement extends Components.CalciteTileSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteTileSelectElementEventMap>(type: K, listener: (this: HTMLCalciteTileSelectElement, ev: CalciteTileSelectCustomEvent<HTMLCalciteTileSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteTileSelectElementEventMap>(type: K, listener: (this: HTMLCalciteTileSelectElement, ev: CalciteTileSelectCustomEvent<HTMLCalciteTileSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteTileSelectElement: {
+        prototype: HTMLCalciteTileSelectElement;
+        new (): HTMLCalciteTileSelectElement;
+    };
+    interface HTMLCalciteTileSelectGroupElement extends Components.CalciteTileSelectGroup, HTMLStencilElement {
+    }
+    var HTMLCalciteTileSelectGroupElement: {
+        prototype: HTMLCalciteTileSelectGroupElement;
+        new (): HTMLCalciteTileSelectGroupElement;
+    };
+    interface HTMLCalciteTimePickerElementEventMap {
+        "calciteInternalTimePickerBlur": void;
+        "calciteInternalTimePickerChange": string;
+        "calciteInternalTimePickerFocus": void;
+    }
+    interface HTMLCalciteTimePickerElement extends Components.CalciteTimePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteTimePickerElementEventMap>(type: K, listener: (this: HTMLCalciteTimePickerElement, ev: CalciteTimePickerCustomEvent<HTMLCalciteTimePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteTimePickerElementEventMap>(type: K, listener: (this: HTMLCalciteTimePickerElement, ev: CalciteTimePickerCustomEvent<HTMLCalciteTimePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteTimePickerElement: {
+        prototype: HTMLCalciteTimePickerElement;
+        new (): HTMLCalciteTimePickerElement;
+    };
+    interface HTMLCalciteTipElementEventMap {
+        "calciteTipDismiss": void;
+    }
+    interface HTMLCalciteTipElement extends Components.CalciteTip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteTipElementEventMap>(type: K, listener: (this: HTMLCalciteTipElement, ev: CalciteTipCustomEvent<HTMLCalciteTipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteTipElementEventMap>(type: K, listener: (this: HTMLCalciteTipElement, ev: CalciteTipCustomEvent<HTMLCalciteTipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteTipElement: {
+        prototype: HTMLCalciteTipElement;
+        new (): HTMLCalciteTipElement;
+    };
+    interface HTMLCalciteTipGroupElement extends Components.CalciteTipGroup, HTMLStencilElement {
+    }
+    var HTMLCalciteTipGroupElement: {
+        prototype: HTMLCalciteTipGroupElement;
+        new (): HTMLCalciteTipGroupElement;
+    };
+    interface HTMLCalciteTipManagerElementEventMap {
+        "calciteTipManagerClose": void;
+    }
+    interface HTMLCalciteTipManagerElement extends Components.CalciteTipManager, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteTipManagerElementEventMap>(type: K, listener: (this: HTMLCalciteTipManagerElement, ev: CalciteTipManagerCustomEvent<HTMLCalciteTipManagerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteTipManagerElementEventMap>(type: K, listener: (this: HTMLCalciteTipManagerElement, ev: CalciteTipManagerCustomEvent<HTMLCalciteTipManagerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteTipManagerElement: {
+        prototype: HTMLCalciteTipManagerElement;
+        new (): HTMLCalciteTipManagerElement;
+    };
+    interface HTMLCalciteTooltipElementEventMap {
+        "calciteTooltipBeforeClose": void;
+        "calciteTooltipClose": void;
+        "calciteTooltipBeforeOpen": void;
+        "calciteTooltipOpen": void;
+    }
+    interface HTMLCalciteTooltipElement extends Components.CalciteTooltip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteTooltipElementEventMap>(type: K, listener: (this: HTMLCalciteTooltipElement, ev: CalciteTooltipCustomEvent<HTMLCalciteTooltipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteTooltipElementEventMap>(type: K, listener: (this: HTMLCalciteTooltipElement, ev: CalciteTooltipCustomEvent<HTMLCalciteTooltipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteTooltipElement: {
+        prototype: HTMLCalciteTooltipElement;
+        new (): HTMLCalciteTooltipElement;
+    };
+    interface HTMLCalciteTreeElementEventMap {
+        "calciteTreeSelect": void;
+    }
+    interface HTMLCalciteTreeElement extends Components.CalciteTree, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteTreeElementEventMap>(type: K, listener: (this: HTMLCalciteTreeElement, ev: CalciteTreeCustomEvent<HTMLCalciteTreeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteTreeElementEventMap>(type: K, listener: (this: HTMLCalciteTreeElement, ev: CalciteTreeCustomEvent<HTMLCalciteTreeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteTreeElement: {
+        prototype: HTMLCalciteTreeElement;
+        new (): HTMLCalciteTreeElement;
+    };
+    interface HTMLCalciteTreeItemElementEventMap {
+        "calciteInternalTreeItemSelect": TreeItemSelectDetail;
+    }
+    interface HTMLCalciteTreeItemElement extends Components.CalciteTreeItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteTreeItemElementEventMap>(type: K, listener: (this: HTMLCalciteTreeItemElement, ev: CalciteTreeItemCustomEvent<HTMLCalciteTreeItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteTreeItemElementEventMap>(type: K, listener: (this: HTMLCalciteTreeItemElement, ev: CalciteTreeItemCustomEvent<HTMLCalciteTreeItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteTreeItemElement: {
+        prototype: HTMLCalciteTreeItemElement;
+        new (): HTMLCalciteTreeItemElement;
+    };
+    interface HTMLCalciteValueListElementEventMap {
+        "calciteListChange": Map<string, HTMLCalciteValueListItemElement>;
+        "calciteListOrderChange": any[];
+        "calciteListFilter": void;
+    }
     /**
-     * Label and accessible name for the component. Appears next to the icon.
-     */
-    label: string;
+     * @deprecated Use the `list` component instead.
+     */
+    interface HTMLCalciteValueListElement extends Components.CalciteValueList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteValueListElementEventMap>(type: K, listener: (this: HTMLCalciteValueListElement, ev: CalciteValueListCustomEvent<HTMLCalciteValueListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteValueListElementEventMap>(type: K, listener: (this: HTMLCalciteValueListElement, ev: CalciteValueListCustomEvent<HTMLCalciteValueListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteValueListElement: {
+        prototype: HTMLCalciteValueListElement;
+        new (): HTMLCalciteValueListElement;
+    };
+    interface HTMLCalciteValueListItemElementEventMap {
+        "calciteListItemChange": {
+    item: HTMLCalciteValueListItemElement;
+    value: any;
+    selected: boolean;
+    shiftPressed: boolean;
+  };
+        "calciteListItemRemove": void;
+        "calciteValueListItemDragHandleBlur": ListItemAndHandle;
+    }
     /**
-     * Provides additional metadata to the component. Primary use is for a filter on the parent list.
-     */
-    metadata?: Record<string, unknown>;
+     * @deprecated Use the `list` component instead.
+     */
+    interface HTMLCalciteValueListItemElement extends Components.CalciteValueListItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLCalciteValueListItemElementEventMap>(type: K, listener: (this: HTMLCalciteValueListItemElement, ev: CalciteValueListItemCustomEvent<HTMLCalciteValueListItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLCalciteValueListItemElementEventMap>(type: K, listener: (this: HTMLCalciteValueListItemElement, ev: CalciteValueListItemCustomEvent<HTMLCalciteValueListItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLCalciteValueListItemElement: {
+        prototype: HTMLCalciteValueListItemElement;
+        new (): HTMLCalciteValueListItemElement;
+    };
+    interface HTMLElementTagNameMap {
+        "calcite-accordion": HTMLCalciteAccordionElement;
+        "calcite-accordion-item": HTMLCalciteAccordionItemElement;
+        "calcite-action": HTMLCalciteActionElement;
+        "calcite-action-bar": HTMLCalciteActionBarElement;
+        "calcite-action-group": HTMLCalciteActionGroupElement;
+        "calcite-action-menu": HTMLCalciteActionMenuElement;
+        "calcite-action-pad": HTMLCalciteActionPadElement;
+        "calcite-alert": HTMLCalciteAlertElement;
+        "calcite-avatar": HTMLCalciteAvatarElement;
+        "calcite-block": HTMLCalciteBlockElement;
+        "calcite-block-section": HTMLCalciteBlockSectionElement;
+        "calcite-button": HTMLCalciteButtonElement;
+        "calcite-card": HTMLCalciteCardElement;
+        "calcite-checkbox": HTMLCalciteCheckboxElement;
+        "calcite-chip": HTMLCalciteChipElement;
+        "calcite-chip-group": HTMLCalciteChipGroupElement;
+        "calcite-color-picker": HTMLCalciteColorPickerElement;
+        "calcite-color-picker-hex-input": HTMLCalciteColorPickerHexInputElement;
+        "calcite-color-picker-swatch": HTMLCalciteColorPickerSwatchElement;
+        "calcite-combobox": HTMLCalciteComboboxElement;
+        "calcite-combobox-item": HTMLCalciteComboboxItemElement;
+        "calcite-combobox-item-group": HTMLCalciteComboboxItemGroupElement;
+        "calcite-date-picker": HTMLCalciteDatePickerElement;
+        "calcite-date-picker-day": HTMLCalciteDatePickerDayElement;
+        "calcite-date-picker-month": HTMLCalciteDatePickerMonthElement;
+        "calcite-date-picker-month-header": HTMLCalciteDatePickerMonthHeaderElement;
+        "calcite-dropdown": HTMLCalciteDropdownElement;
+        "calcite-dropdown-group": HTMLCalciteDropdownGroupElement;
+        "calcite-dropdown-item": HTMLCalciteDropdownItemElement;
+        "calcite-fab": HTMLCalciteFabElement;
+        "calcite-filter": HTMLCalciteFilterElement;
+        "calcite-flow": HTMLCalciteFlowElement;
+        "calcite-flow-item": HTMLCalciteFlowItemElement;
+        "calcite-graph": HTMLCalciteGraphElement;
+        "calcite-handle": HTMLCalciteHandleElement;
+        "calcite-icon": HTMLCalciteIconElement;
+        "calcite-inline-editable": HTMLCalciteInlineEditableElement;
+        "calcite-input": HTMLCalciteInputElement;
+        "calcite-input-date-picker": HTMLCalciteInputDatePickerElement;
+        "calcite-input-message": HTMLCalciteInputMessageElement;
+        "calcite-input-number": HTMLCalciteInputNumberElement;
+        "calcite-input-text": HTMLCalciteInputTextElement;
+        "calcite-input-time-picker": HTMLCalciteInputTimePickerElement;
+        "calcite-input-time-zone": HTMLCalciteInputTimeZoneElement;
+        "calcite-label": HTMLCalciteLabelElement;
+        "calcite-link": HTMLCalciteLinkElement;
+        "calcite-list": HTMLCalciteListElement;
+        "calcite-list-item": HTMLCalciteListItemElement;
+        "calcite-list-item-group": HTMLCalciteListItemGroupElement;
+        "calcite-loader": HTMLCalciteLoaderElement;
+        "calcite-menu": HTMLCalciteMenuElement;
+        "calcite-menu-item": HTMLCalciteMenuItemElement;
+        "calcite-meter": HTMLCalciteMeterElement;
+        "calcite-modal": HTMLCalciteModalElement;
+        "calcite-navigation": HTMLCalciteNavigationElement;
+        "calcite-navigation-logo": HTMLCalciteNavigationLogoElement;
+        "calcite-navigation-user": HTMLCalciteNavigationUserElement;
+        "calcite-notice": HTMLCalciteNoticeElement;
+        "calcite-option": HTMLCalciteOptionElement;
+        "calcite-option-group": HTMLCalciteOptionGroupElement;
+        "calcite-pagination": HTMLCalcitePaginationElement;
+        "calcite-panel": HTMLCalcitePanelElement;
+        "calcite-pick-list": HTMLCalcitePickListElement;
+        "calcite-pick-list-group": HTMLCalcitePickListGroupElement;
+        "calcite-pick-list-item": HTMLCalcitePickListItemElement;
+        "calcite-popover": HTMLCalcitePopoverElement;
+        "calcite-progress": HTMLCalciteProgressElement;
+        "calcite-radio-button": HTMLCalciteRadioButtonElement;
+        "calcite-radio-button-group": HTMLCalciteRadioButtonGroupElement;
+        "calcite-rating": HTMLCalciteRatingElement;
+        "calcite-scrim": HTMLCalciteScrimElement;
+        "calcite-segmented-control": HTMLCalciteSegmentedControlElement;
+        "calcite-segmented-control-item": HTMLCalciteSegmentedControlItemElement;
+        "calcite-select": HTMLCalciteSelectElement;
+        "calcite-sheet": HTMLCalciteSheetElement;
+        "calcite-shell": HTMLCalciteShellElement;
+        "calcite-shell-center-row": HTMLCalciteShellCenterRowElement;
+        "calcite-shell-panel": HTMLCalciteShellPanelElement;
+        "calcite-slider": HTMLCalciteSliderElement;
+        "calcite-sortable-list": HTMLCalciteSortableListElement;
+        "calcite-split-button": HTMLCalciteSplitButtonElement;
+        "calcite-stack": HTMLCalciteStackElement;
+        "calcite-stepper": HTMLCalciteStepperElement;
+        "calcite-stepper-item": HTMLCalciteStepperItemElement;
+        "calcite-switch": HTMLCalciteSwitchElement;
+        "calcite-tab": HTMLCalciteTabElement;
+        "calcite-tab-nav": HTMLCalciteTabNavElement;
+        "calcite-tab-title": HTMLCalciteTabTitleElement;
+        "calcite-table": HTMLCalciteTableElement;
+        "calcite-table-cell": HTMLCalciteTableCellElement;
+        "calcite-table-header": HTMLCalciteTableHeaderElement;
+        "calcite-table-row": HTMLCalciteTableRowElement;
+        "calcite-tabs": HTMLCalciteTabsElement;
+        "calcite-text-area": HTMLCalciteTextAreaElement;
+        "calcite-tile": HTMLCalciteTileElement;
+        "calcite-tile-select": HTMLCalciteTileSelectElement;
+        "calcite-tile-select-group": HTMLCalciteTileSelectGroupElement;
+        "calcite-time-picker": HTMLCalciteTimePickerElement;
+        "calcite-tip": HTMLCalciteTipElement;
+        "calcite-tip-group": HTMLCalciteTipGroupElement;
+        "calcite-tip-manager": HTMLCalciteTipManagerElement;
+        "calcite-tooltip": HTMLCalciteTooltipElement;
+        "calcite-tree": HTMLCalciteTreeElement;
+        "calcite-tree-item": HTMLCalciteTreeItemElement;
+        "calcite-value-list": HTMLCalciteValueListElement;
+        "calcite-value-list-item": HTMLCalciteValueListItemElement;
+    }
+}
+declare namespace LocalJSX {
+    interface CalciteAccordion {
+        /**
+          * Specifies the appearance of the component.
+         */
+        "appearance"?: Extract<"solid" | "transparent", Appearance>;
+        /**
+          * Specifies the placement of the icon in the header.
+         */
+        "iconPosition"?: Position;
+        /**
+          * Specifies the type of the icon in the header.
+         */
+        "iconType"?: "chevron" | "caret" | "plus-minus";
+        "onCalciteInternalAccordionChange"?: (event: CalciteAccordionCustomEvent<RequestedItem>) => void;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the selection mode - `"multiple"` (allow any number of open items), `"single"` (allow one open item), or `"single-persist"` (allow and require one open item).
+         */
+        "selectionMode"?: Extract<
+    "single" | "single-persist" | "multiple",
+    SelectionMode
+  >;
+    }
+    interface CalciteAccordionItem {
+        /**
+          * The containing `accordion` element.
+         */
+        "accordionParent"?: HTMLCalciteAccordionElement;
+        /**
+          * Specifies a description for the component.
+         */
+        "description"?: string;
+        /**
+          * When `true`, the component is expanded.
+         */
+        "expanded"?: boolean;
+        /**
+          * Specifies heading text for the component.
+         */
+        "heading"?: string;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd"?: string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: FlipContext;
+        /**
+          * Specifies the placement of the icon in the header inherited from the `calcite-accordion`.
+         */
+        "iconPosition"?: Position;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart"?: string;
+        /**
+          * Specifies the type of the icon in the header inherited from the `calcite-accordion`.
+         */
+        "iconType"?: "chevron" | "caret" | "plus-minus";
+        "onCalciteInternalAccordionItemClose"?: (event: CalciteAccordionItemCustomEvent<void>) => void;
+        "onCalciteInternalAccordionItemSelect"?: (event: CalciteAccordionItemCustomEvent<RequestedItem1>) => void;
+        /**
+          * Specifies the size of the component inherited from the `calcite-accordion`.
+         */
+        "scale"?: Scale;
+    }
+    interface CalciteAction {
+        /**
+          * When `true`, the component is highlighted.
+         */
+        "active"?: boolean;
+        /**
+          * Specifies the horizontal alignment of button elements with text content.
+         */
+        "alignment"?: Alignment;
+        /**
+          * Specifies the appearance of the component.
+         */
+        "appearance"?: Extract<"solid" | "transparent", Appearance>;
+        /**
+          * When `true`, the side padding of the component is reduced. Compact mode is used internally by components, e.g. `calcite-block-section`.
+         */
+        "compact"?: boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Specifies an icon to display.
+         */
+        "icon"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * When `true`, displays a visual indicator.
+         */
+        "indicator"?: boolean;
+        /**
+          * Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop.
+         */
+        "label"?: string;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ActionMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: ActionMessages;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies text that accompanies the icon.
+         */
+        "text": string;
+        /**
+          * Indicates whether the text is displayed.
+         */
+        "textEnabled"?: boolean;
+    }
+    interface CalciteActionBar {
+        /**
+          * Specifies the accessible label for the last action-group.
+         */
+        "actionsEndGroupLabel"?: string;
+        /**
+          * When `true`, the expand-toggling behavior is disabled.
+         */
+        "expandDisabled"?: boolean;
+        /**
+          * When `true`, the component is expanded.
+         */
+        "expanded"?: boolean;
+        /**
+          * The layout direction of the actions.
+         */
+        "layout"?: Extract<"horizontal" | "vertical", Layout>;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ActionBarMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: ActionBarMessages;
+        /**
+          * Emits when the `expanded` property is toggled.
+         */
+        "onCalciteActionBarToggle"?: (event: CalciteActionBarCustomEvent<void>) => void;
+        /**
+          * Disables automatically overflowing `calcite-action`s that won't fit into menus.
+         */
+        "overflowActionsDisabled"?: boolean;
+        /**
+          * Arranges the component depending on the element's `dir` property.
+         */
+        "position"?: Position;
+        /**
+          * Specifies the size of the expand `calcite-action`.
+         */
+        "scale"?: Scale;
+    }
+    interface CalciteActionGroup {
+        /**
+          * Indicates number of columns.
+         */
+        "columns"?: Columns;
+        /**
+          * When `true`, the component is expanded.
+         */
+        "expanded"?: boolean;
+        /**
+          * Specifies the label of the component. Required for accessibility.
+         */
+        "label"?: string;
+        /**
+          * Indicates the layout of the component.
+          * @deprecated Use the `layout` property on the component's parent instead.
+         */
+        "layout"?: Layout;
+        /**
+          * When `true`, the `calcite-action-menu` is open.
+         */
+        "menuOpen"?: boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ActionGroupMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: ActionGroupMessages;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning"?: OverlayPositioning;
+        /**
+          * Specifies the size of the `calcite-action-menu`.
+         */
+        "scale"?: Scale;
+    }
+    interface CalciteActionMenu {
+        /**
+          * Specifies the appearance of the component.
+         */
+        "appearance"?: Extract<"solid" | "transparent", Appearance>;
+        /**
+          * When `true`, the component is expanded.
+         */
+        "expanded"?: boolean;
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements"?: EffectivePlacement[];
+        /**
+          * Specifies the text string for the component.
+         */
+        "label": string;
+        /**
+          * Emits when the `open` property is toggled.
+         */
+        "onCalciteActionMenuOpen"?: (event: CalciteActionMenuCustomEvent<void>) => void;
+        /**
+          * When `true`, the component is open.
+         */
+        "open"?: boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning"?: OverlayPositioning;
+        /**
+          * Determines where the component will be positioned relative to the `referenceElement`.
+         */
+        "placement"?: LogicalPlacement;
+        /**
+          * Specifies the size of the component's trigger `calcite-action`.
+         */
+        "scale"?: Scale;
+    }
+    interface CalciteActionPad {
+        /**
+          * Specifies the accessible label for the last action-group.
+         */
+        "actionsEndGroupLabel"?: string;
+        /**
+          * When `true`, the expand-toggling behavior is disabled.
+         */
+        "expandDisabled"?: boolean;
+        /**
+          * When `true`, the component is expanded.
+         */
+        "expanded"?: boolean;
+        /**
+          * Indicates the layout of the component.
+         */
+        "layout"?: Layout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ActionPadMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: ActionPadMessages;
+        /**
+          * Emits when the `expanded` property is toggled.
+         */
+        "onCalciteActionPadToggle"?: (event: CalciteActionPadCustomEvent<void>) => void;
+        /**
+          * Arranges the component depending on the element's `dir` property.
+         */
+        "position"?: Position;
+        /**
+          * Specifies the size of the expand `calcite-action`.
+         */
+        "scale"?: Scale;
+    }
+    interface CalciteAlert {
+        /**
+          * When `true`, the component closes automatically (recommended for passive, non-blocking alerts).
+         */
+        "autoClose"?: boolean;
+        /**
+          * Specifies the duration before the component automatically closes (only use with `autoClose`).
+         */
+        "autoCloseDuration"?: AlertDuration;
+        /**
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+         */
+        "icon"?: string | boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * Specifies the kind of the component (will apply to top border and icon).
+         */
+        "kind"?: Extract<
+    "brand" | "danger" | "info" | "success" | "warning",
+    Kind
+  >;
+        /**
+          * Specifies an accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<AlertMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: AlertMessages;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Fires when the component is requested to be closed and before the closing transition begins.
+         */
+        "onCalciteAlertBeforeClose"?: (event: CalciteAlertCustomEvent<void>) => void;
+        /**
+          * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
+         */
+        "onCalciteAlertBeforeOpen"?: (event: CalciteAlertCustomEvent<void>) => void;
+        /**
+          * Fires when the component is closed and animation is complete.
+         */
+        "onCalciteAlertClose"?: (event: CalciteAlertCustomEvent<void>) => void;
+        /**
+          * Fires when the component is open and animation is complete.
+         */
+        "onCalciteAlertOpen"?: (event: CalciteAlertCustomEvent<void>) => void;
+        /**
+          * Fires when the component is added to DOM - used to receive initial queue.
+         */
+        "onCalciteInternalAlertRegister"?: (event: CalciteAlertCustomEvent<void>) => void;
+        /**
+          * Fires to sync queue when opened or closed.
+         */
+        "onCalciteInternalAlertSync"?: (event: CalciteAlertCustomEvent<Sync>) => void;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open"?: boolean;
+        /**
+          * Specifies the placement of the component
+         */
+        "placement"?: MenuPlacement;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
+         */
+        "slottedInShell"?: boolean;
+    }
+    interface CalciteAvatar {
+        /**
+          * Specifies the full name of the user. When `label` and `thumbnail` are not defined, specifies the accessible name for the component.
+         */
+        "fullName"?: string;
+        /**
+          * Specifies alternative text when `thumbnail` is defined, otherwise specifies an accessible label.
+         */
+        "label"?: string;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the `src` to an image (remember to add a token if the user is private).
+         */
+        "thumbnail"?: string;
+        /**
+          * Specifies the unique id of the user.
+         */
+        "userId"?: string;
+        /**
+          * Specifies the username of the user.
+         */
+        "username"?: string;
+    }
+    interface CalciteBlock {
+        /**
+          * When `true`, the component is collapsible.
+         */
+        "collapsible"?: boolean;
+        /**
+          * A description for the component, which displays below the heading.
+         */
+        "description"?: string;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * When `true`, displays a drag handle in the header.
+         */
+        "dragHandle"?: boolean;
+        /**
+          * The component header text.
+         */
+        "heading": string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel"?: HeadingLevel;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<BlockMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: BlockMessages;
+        /**
+          * Fires when the component is requested to be closed and before the closing transition begins.
+         */
+        "onCalciteBlockBeforeClose"?: (event: CalciteBlockCustomEvent<void>) => void;
+        /**
+          * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
+         */
+        "onCalciteBlockBeforeOpen"?: (event: CalciteBlockCustomEvent<void>) => void;
+        /**
+          * Fires when the component is closed and animation is complete.
+         */
+        "onCalciteBlockClose"?: (event: CalciteBlockCustomEvent<void>) => void;
+        /**
+          * Fires when the component is open and animation is complete.
+         */
+        "onCalciteBlockOpen"?: (event: CalciteBlockCustomEvent<void>) => void;
+        /**
+          * Emits when the component's header is clicked.
+          * @deprecated use `openClose` events: `calciteBlock[Before]Open` and `calciteBlock[Before]Close` instead.
+         */
+        "onCalciteBlockToggle"?: (event: CalciteBlockCustomEvent<void>) => void;
+        /**
+          * When `true`, expands the component and its contents.
+         */
+        "open"?: boolean;
+        /**
+          * Displays a status-related indicator icon.
+         */
+        "status"?: Status;
+    }
+    interface CalciteBlockSection {
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<BlockSectionMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: BlockSectionMessages;
+        /**
+          * Emits when the header has been clicked.
+         */
+        "onCalciteBlockSectionToggle"?: (event: CalciteBlockSectionCustomEvent<void>) => void;
+        /**
+          * When `true`, expands the component and its contents.
+         */
+        "open"?: boolean;
+        /**
+          * Displays a status-related indicator icon.
+         */
+        "status"?: Status;
+        /**
+          * The component header text.
+         */
+        "text"?: string;
+        /**
+          * Specifies the component's toggle display -  `"button"` (selectable header), or  `"switch"` (toggle switch).
+         */
+        "toggleDisplay"?: BlockSectionToggleDisplay;
+    }
+    interface CalciteButton {
+        /**
+          * Specifies the alignment of the component's elements.
+         */
+        "alignment"?: ButtonAlignment;
+        /**
+          * Specifies the appearance style of the component.
+         */
+        "appearance"?: Extract<
+    "outline" | "outline-fill" | "solid" | "transparent",
+    Appearance
+  >;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
+         */
+        "href"?: string;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd"?: string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart"?: string;
+        /**
+          * Specifies the kind of the component (will apply to border and background if applicable).
+         */
+        "kind"?: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
+        /**
+          * Accessible name for the component.
+         */
+        "label"?: string;
+        /**
+          * When `true`, a busy indicator is displayed and interaction is disabled.
+         */
+        "loading"?: boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ButtonMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: ButtonMessages;
+        /**
+          * Specifies the name of the component on form submission.
+         */
+        "name"?: string;
+        /**
+          * Defines the relationship between the `href` value and the current document.
+          * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
+         */
+        "rel"?: string;
+        /**
+          * When `true`, adds a round style to the component.
+         */
+        "round"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies if the component is a child of a `calcite-split-button`.
+         */
+        "splitChild"?: "primary" | "secondary" | false;
+        /**
+          * Specifies where to open the linked document defined in the `href` property.
+          * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
+         */
+        "target"?: string;
+        /**
+          * Specifies the default behavior of the button.
+          * @mdn [type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)
+         */
+        "type"?: string;
+        /**
+          * Specifies the width of the component.
+         */
+        "width"?: Width;
+    }
+    interface CalciteCard {
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<CardMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: CardMessages;
+        /**
+          * Fires when `selectable` is `true` and the component is selected.
+         */
+        "onCalciteCardSelect"?: (event: CalciteCardCustomEvent<void>) => void;
+        /**
+          * When `true`, the component is selectable.
+         */
+        "selectable"?: boolean;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected"?: boolean;
+        /**
+          * Sets the placement of the thumbnail defined in the `thumbnail` slot.
+         */
+        "thumbnailPosition"?: LogicalFlowPosition;
+    }
+    interface CalciteCheckbox {
+        /**
+          * When `true`, the component is checked.
+         */
+        "checked"?: boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * The `id` attribute of the component. When omitted, a globally unique identifier is used.
+         */
+        "guid"?: string;
+        /**
+          * The hovered state of the checkbox.
+         */
+        "hovered"?: boolean;
+        /**
+          * When `true`, the component is initially indeterminate, which is independent from its `checked` value.  The state is visual only, and can look different across browsers.
+          * @mdn [indeterminate](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)
+         */
+        "indeterminate"?: boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label"?: string;
+        /**
+          * Specifies the name of the component on form submission.
+         */
+        "name"?: string;
+        /**
+          * Emits when the component's `checked` status changes.
+         */
+        "onCalciteCheckboxChange"?: (event: CalciteCheckboxCustomEvent<void>) => void;
+        /**
+          * Emits when the component is blurred.
+         */
+        "onCalciteInternalCheckboxBlur"?: (event: CalciteCheckboxCustomEvent<boolean>) => void;
+        /**
+          * Emits when the component is focused.
+         */
+        "onCalciteInternalCheckboxFocus"?: (event: CalciteCheckboxCustomEvent<boolean>) => void;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * The component's value.
+         */
+        "value"?: any;
+    }
+    interface CalciteChip {
+        /**
+          * Specifies the appearance style of the component.
+         */
+        "appearance"?: Extract<"outline" | "outline-fill" | "solid", Appearance>;
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable"?: boolean;
+        /**
+          * When `true`, hides the component.
+         */
+        "closed"?: boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Specifies an icon to display.
+         */
+        "icon"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * When true, enables the chip to be focused, and allows the `calciteChipSelect` to emit. This is set to `true` by a parent Chip Group component.
+         */
+        "interactive"?: boolean;
+        /**
+          * Specifies the kind of the component (will apply to border and background if applicable).
+         */
+        "kind"?: Extract<"brand" | "inverse" | "neutral", Kind>;
+        /**
+          * Accessible name for the component.
+         */
+        "label"?: string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ChipMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: ChipMessages;
+        /**
+          * Fires when the component's close button is selected.
+         */
+        "onCalciteChipClose"?: (event: CalciteChipCustomEvent<void>) => void;
+        /**
+          * Fires when the selected state of the component changes.
+         */
+        "onCalciteChipSelect"?: (event: CalciteChipCustomEvent<void>) => void;
+        "onCalciteInternalChipKeyEvent"?: (event: CalciteChipCustomEvent<KeyboardEvent>) => void;
+        /**
+          * Specifies the size of the component. When contained in a parent `calcite-chip-group` inherits the parent's `scale` value.
+         */
+        "scale"?: Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected"?: boolean;
+        /**
+          * This internal property, managed by a containing `calcite-chip-group`, is conditionally set based on the `selectionMode` of the parent
+         */
+        "selectionMode"?: Extract<"multiple" | "single" | "single-persist" | "none", SelectionMode>;
+        /**
+          * The component's value.
+         */
+        "value": any;
+    }
+    interface CalciteChipGroup {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Emits when the component's selection changes.
+         */
+        "onCalciteChipGroupSelect"?: (event: CalciteChipGroupCustomEvent<void>) => void;
+        /**
+          * Specifies the size of the component. Child `calcite-chip`s inherit the component's value.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems"?: HTMLCalciteChipElement[];
+        /**
+          * Specifies the selection mode of the component.
+         */
+        "selectionMode"?: Extract<
+    "multiple" | "single" | "single-persist" | "none",
+    SelectionMode
+  >;
+    }
+    interface CalciteColorPicker {
+        /**
+          * When `true`, an empty color (`null`) will be allowed as a `value`. When `false`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`.
+         */
+        "allowEmpty"?: boolean;
+        /**
+          * When true, the component will allow updates to the color's alpha value.
+         */
+        "alphaChannel"?: boolean;
+        /**
+          * When true, hides the RGB/HSV channel inputs
+         */
+        "channelsDisabled"?: boolean;
+        /**
+          * Internal prop for advanced use-cases.
+         */
+        "color"?: InternalColor | null;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The format of `value`.  When `"auto"`, the format will be inferred from `value` when set.
+          * @default "auto"
+         */
+        "format"?: Format;
+        /**
+          * When true, hides the hex input
+         */
+        "hexDisabled"?: boolean;
+        /**
+          * When `true`, hides the RGB/HSV channel inputs.
+          * @deprecated use `channelsDisabled` instead
+         */
+        "hideChannels"?: boolean;
+        /**
+          * When `true`, hides the hex input.
+          * @deprecated use `hexDisabled` instead
+         */
+        "hideHex"?: boolean;
+        /**
+          * When `true`, hides the saved colors section.
+          * @deprecated use `savedDisabled` instead
+         */
+        "hideSaved"?: boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ColorPickerMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: ColorPickerMessages;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Fires when the color value has changed.
+         */
+        "onCalciteColorPickerChange"?: (event: CalciteColorPickerCustomEvent<void>) => void;
+        /**
+          * Fires as the color value changes.  Similar to the `calciteColorPickerChange` event with the exception of dragging. When dragging the color field or hue slider thumb, this event fires as the thumb is moved.
+         */
+        "onCalciteColorPickerInput"?: (event: CalciteColorPickerCustomEvent<void>) => void;
+        /**
+          * When true, hides the saved colors section
+         */
+        "savedDisabled"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the storage ID for colors.
+         */
+        "storageId"?: string;
+        /**
+          * The component's value, where the value can be a CSS color string, or a RGB, HSL or HSV object.  The type will be preserved as the color is updated.
+          * @default "#007ac2"
+          * @see [CSS Color](https://developer.mozilla.org/en-US/docs/Web/CSS/color)
+          * @see [ColorValue](https://github.com/Esri/calcite-design-system/blob/main/src/components/color-picker/interfaces.ts#L10)
+         */
+        "value"?: ColorValue | null;
+    }
+    interface CalciteColorPickerHexInput {
+        /**
+          * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.  When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.
+         */
+        "allowEmpty"?: boolean;
+        /**
+          * When true, the component will allow updates to the color's alpha value.
+         */
+        "alphaChannel"?: boolean;
+        /**
+          * Specifies accessible label for the input field.
+          * @deprecated use `messages` instead
+         */
+        "hexLabel"?: string;
+        /**
+          * Messages are passed by parent component for accessible labels.
+         */
+        "messages"?: ColorPickerMessages;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Emitted when the hex value changes.
+         */
+        "onCalciteColorPickerHexInputChange"?: (event: CalciteColorPickerHexInputCustomEvent<void>) => void;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * The hex value.
+         */
+        "value"?: string;
+    }
+    interface CalciteColorPickerSwatch {
+        /**
+          * When `true`, the component is active.
+         */
+        "active"?: boolean;
+        /**
+          * The color value.
+          * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
+         */
+        "color"?: string | null;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+    }
+    interface CalciteCombobox {
+        /**
+          * When `true`, allows entry of custom values, which are not in the original set of items.
+         */
+        "allowCustomValues"?: boolean;
+        /**
+          * When `true`, the value-clearing will be disabled.
+         */
+        "clearDisabled"?: boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Specifies the component's filtered items.
+          * @readonly
+         */
+        "filteredItems"?: HTMLCalciteComboboxItemElement[];
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements"?: EffectivePlacement[];
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the maximum number of `calcite-combobox-item`s (including nested children) to display before displaying a scrollbar.
+         */
+        "maxItems"?: number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ComboboxMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: ComboboxMessages;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name"?: string;
+        /**
+          * Fires when the component is requested to be closed, and before the closing transition begins.
+         */
+        "onCalciteComboboxBeforeClose"?: (event: CalciteComboboxCustomEvent<void>) => void;
+        /**
+          * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
+         */
+        "onCalciteComboboxBeforeOpen"?: (event: CalciteComboboxCustomEvent<void>) => void;
+        /**
+          * Fires when the selected item(s) changes.
+         */
+        "onCalciteComboboxChange"?: (event: CalciteComboboxCustomEvent<void>) => void;
+        /**
+          * Fires when a selected item in the component is closed via its `calcite-chip`.
+         */
+        "onCalciteComboboxChipClose"?: (event: CalciteComboboxCustomEvent<void>) => void;
+        /**
+          * Fires when the component is closed and animation is complete.
+         */
+        "onCalciteComboboxClose"?: (event: CalciteComboboxCustomEvent<void>) => void;
+        /**
+          * Fires when text is added to filter the options list.
+         */
+        "onCalciteComboboxFilterChange"?: (event: CalciteComboboxCustomEvent<void>) => void;
+        /**
+          * Fires when the component is open and animation is complete.
+         */
+        "onCalciteComboboxOpen"?: (event: CalciteComboboxCustomEvent<void>) => void;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open"?: boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning"?: OverlayPositioning;
+        /**
+          * Specifies the placeholder text for the input.
+         */
+        "placeholder"?: string;
+        /**
+          * Specifies the placeholder icon for the input.
+         */
+        "placeholderIcon"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "placeholderIconFlipRtl"?: boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems"?: HTMLCalciteComboboxItemElement[];
+        /**
+          * When `selectionMode` is `"ancestors"` or `"multiple"`, specifies the display of multiple `calcite-combobox-item` selections - `"all"` (displays all selections with individual `calcite-chip`s), `"fit"` (displays individual `calcite-chip`s that scale to the component's size, including a non-closable `calcite-chip`, which provides the number of additional `calcite-combobox-item` selections not visually displayed), or `"single"` (display one `calcite-chip` with the total number of selections).
+         */
+        "selectionDisplay"?: SelectionDisplay;
+        /**
+          * Specifies the selection mode: - "multiple" allows any number of selected items (default), - "single" allows only one selection, - "single-persist" allow and require one open item, - "ancestors" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
+         */
+        "selectionMode"?: Extract<
+    "single" | "single-persist" | "ancestors" | "multiple",
+    SelectionMode
+  >;
+        /**
+          * The component's value(s) from the selected `calcite-combobox-item`(s).
+         */
+        "value"?: string | string[];
+    }
+    interface CalciteComboboxItem {
+        /**
+          * When `true`, the component is active.
+         */
+        "active"?: boolean;
+        /**
+          * Specifies the parent and grandparent items, which are set on `calcite-combobox`.
+         */
+        "ancestors"?: ComboboxChildElement[];
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * When `true`, omits the component from the `calcite-combobox` filtered search results.
+         */
+        "filterDisabled"?: boolean;
+        /**
+          * The `id` attribute of the component. When omitted, a globally unique identifier is used.
+         */
+        "guid"?: string;
+        /**
+          * Specifies an icon to display.
+         */
+        "icon"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * Emits whenever the component is selected or unselected.
+         */
+        "onCalciteComboboxItemChange"?: (event: CalciteComboboxItemCustomEvent<void>) => void;
+        /**
+          * Specifies the size of the component inherited from the `calcite-combobox`, defaults to `m`.
+         */
+        "scale"?: Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected"?: boolean;
+        /**
+          * Specifies the selection mode: - "multiple" allows any number of selected items (default), - "single" allows only one selection, - "single-persist" allow and require one open item, - "ancestors" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
+         */
+        "selectionMode"?: Extract<
+    "single" | "single-persist" | "ancestors" | "multiple",
+    SelectionMode
+  >;
+        /**
+          * The component's text.
+         */
+        "textLabel": string;
+        /**
+          * The component's value.
+         */
+        "value": any;
+    }
+    interface CalciteComboboxItemGroup {
+        /**
+          * When `true`, signifies that the group comes after another group without any children (items or sub-groups), otherwise indicates that the group comes after another group that has children. Used for styling.
+         */
+        "afterEmptyGroup"?: boolean;
+        /**
+          * Specifies the parent and grandparent `calcite-combobox-item`s, which are set on `calcite-combobox`.
+         */
+        "ancestors"?: ComboboxChildElement[];
+        /**
+          * Specifies the title of the component.
+         */
+        "label": string;
+        /**
+          * Specifies the size of the component inherited from the `calcite-combobox`, defaults to `m`.
+         */
+        "scale"?: Scale;
+    }
+    interface CalciteDatePicker {
+        /**
+          * Specifies the component's active date.
+         */
+        "activeDate"?: Date;
+        /**
+          * When `range` is true, specifies the active `range`. Where `"start"` specifies the starting range date and `"end"` the ending range date.
+         */
+        "activeRange"?: "start" | "end";
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel"?: HeadingLevel;
+        /**
+          * Specifies the latest allowed date (`"yyyy-mm-dd"`).
+         */
+        "max"?: string;
+        /**
+          * Specifies the latest allowed date as a full date object (`new Date("yyyy-mm-dd")`).
+         */
+        "maxAsDate"?: Date;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<DatePickerMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: DatePickerMessages;
+        /**
+          * Specifies the earliest allowed date (`"yyyy-mm-dd"`).
+         */
+        "min"?: string;
+        /**
+          * Specifies the earliest allowed date as a full date object (`new Date("yyyy-mm-dd")`).
+         */
+        "minAsDate"?: Date;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Emits when a user changes the component's date. For `range` events, use `calciteDatePickerRangeChange`.
+         */
+        "onCalciteDatePickerChange"?: (event: CalciteDatePickerCustomEvent<void>) => void;
+        /**
+          * Emits when a user changes the component's date `range`. For components without `range` use `calciteDatePickerChange`.
+         */
+        "onCalciteDatePickerRangeChange"?: (event: CalciteDatePickerCustomEvent<void>) => void;
+        /**
+          * When `true`, disables the default behavior on the third click of narrowing or extending the range and instead starts a new range.
+         */
+        "proximitySelectionDisabled"?: boolean;
+        /**
+          * When `true`, activates the component's range mode to allow a start and end date.
+         */
+        "range"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: "s" | "m" | "l";
+        /**
+          * Specifies the selected date as a string (`"yyyy-mm-dd"`), or an array of strings for `range` values (`["yyyy-mm-dd", "yyyy-mm-dd"]`).
+         */
+        "value"?: string | string[];
+        /**
+          * Specifies the selected date as a full date object (`new Date("yyyy-mm-dd")`), or an array containing full date objects (`[new Date("yyyy-mm-dd"), new Date("yyyy-mm-dd")]`).
+         */
+        "valueAsDate"?: Date | Date[];
+    }
+    interface CalciteDatePickerDay {
+        /**
+          * When `true`, the component is active.
+         */
+        "active"?: boolean;
+        /**
+          * Date is in the current month.
+         */
+        "currentMonth"?: boolean;
+        /**
+          * The DateTimeFormat used to provide screen reader labels.
+         */
+        "dateTimeFormat"?: Intl.DateTimeFormat;
+        /**
+          * Day of the month to be shown.
+         */
+        "day": number;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Date is the end of date range
+         */
+        "endOfRange"?: boolean;
+        /**
+          * Date is currently highlighted as part of the range
+         */
+        "highlighted"?: boolean;
+        /**
+          * Emitted when user selects day
+         */
+        "onCalciteDaySelect"?: (event: CalciteDatePickerDayCustomEvent<void>) => void;
+        /**
+          * Emitted when user hovers over a day
+         */
+        "onCalciteInternalDayHover"?: (event: CalciteDatePickerDayCustomEvent<void>) => void;
+        /**
+          * When `true`, activates the component's range mode to allow a start and end date.
+         */
+        "range"?: boolean;
+        /**
+          * When `true`, highlight styling for edge dates is applied.
+         */
+        "rangeEdge"?: "start" | "end" | undefined;
+        /**
+          * Date is being hovered and within the set range
+         */
+        "rangeHover"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected"?: boolean;
+        /**
+          * Date is the start of date range
+         */
+        "startOfRange"?: boolean;
+        /**
+          * The component's value.
+         */
+        "value"?: Date;
+    }
+    interface CalciteDatePickerMonth {
+        /**
+          * Date currently active.
+         */
+        "activeDate"?: Date;
+        /**
+          * The DateTimeFormat used to provide screen reader labels.
+         */
+        "dateTimeFormat"?: Intl.DateTimeFormat;
+        /**
+          * End date currently active
+         */
+        "endDate"?: Date;
+        /**
+          * The range of dates currently being hovered
+         */
+        "hoverRange"?: HoverRange;
+        /**
+          * CLDR locale data for current locale
+         */
+        "localeData"?: DateLocaleData;
+        /**
+          * Specifies the latest allowed date (`"yyyy-mm-dd"`).
+         */
+        "max"?: Date;
+        /**
+          * Specifies the earliest allowed date (`"yyyy-mm-dd"`).
+         */
+        "min"?: Date;
+        /**
+          * Active date for the user keyboard access.
+         */
+        "onCalciteInternalDatePickerActiveDateChange"?: (event: CalciteDatePickerMonthCustomEvent<Date>) => void;
+        /**
+          * Event emitted when user hovers the date.
+         */
+        "onCalciteInternalDatePickerHover"?: (event: CalciteDatePickerMonthCustomEvent<Date>) => void;
+        "onCalciteInternalDatePickerMouseOut"?: (event: CalciteDatePickerMonthCustomEvent<void>) => void;
+        /**
+          * Event emitted when user selects the date.
+         */
+        "onCalciteInternalDatePickerSelect"?: (event: CalciteDatePickerMonthCustomEvent<Date>) => void;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Already selected date.
+         */
+        "selectedDate"?: Date;
+        /**
+          * Start date currently active.
+         */
+        "startDate"?: Date;
+    }
+    interface CalciteDatePickerMonthHeader {
+        /**
+          * Focused date with indicator (will become selected date if user proceeds)
+         */
+        "activeDate"?: Date;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel"?: HeadingLevel;
+        /**
+          * CLDR locale data for translated calendar info
+         */
+        "localeData"?: DateLocaleData;
+        /**
+          * Specifies the latest allowed date (`"yyyy-mm-dd"`).
+         */
+        "max"?: Date;
+        /**
+          * This property specifies accessible strings for the component's previous month button ,next month button & year input elements. Made into a prop for testing purposes only.
+          * @readonly
+         */
+        "messages"?: DatePickerMessages;
+        /**
+          * Specifies the earliest allowed date (`"yyyy-mm-dd"`).
+         */
+        "min"?: Date;
+        /**
+          * Changes to active date
+         */
+        "onCalciteInternalDatePickerSelect"?: (event: CalciteDatePickerMonthHeaderCustomEvent<Date>) => void;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Already selected date.
+         */
+        "selectedDate"?: Date;
+    }
+    interface CalciteDropdown {
+        /**
+          * When `true`, the component will remain open after a selection is made.  If the `selectionMode` of the selected `calcite-dropdown-item`'s containing `calcite-dropdown-group` is `"none"`, the component will always close.
+         */
+        "closeOnSelectDisabled"?: boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements"?: EffectivePlacement[];
+        /**
+          * Specifies the maximum number of `calcite-dropdown-item`s to display before showing a scroller. Value must be greater than `0`, and does not include `groupTitle`'s from `calcite-dropdown-group`.
+         */
+        "maxItems"?: number;
+        /**
+          * Fires when the component is requested to be closed and before the closing transition begins.
+         */
+        "onCalciteDropdownBeforeClose"?: (event: CalciteDropdownCustomEvent<void>) => void;
+        /**
+          * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
+         */
+        "onCalciteDropdownBeforeOpen"?: (event: CalciteDropdownCustomEvent<void>) => void;
+        /**
+          * Fires when the component is closed and animation is complete.
+         */
+        "onCalciteDropdownClose"?: (event: CalciteDropdownCustomEvent<void>) => void;
+        /**
+          * Fires when the component is open and animation is complete.
+         */
+        "onCalciteDropdownOpen"?: (event: CalciteDropdownCustomEvent<void>) => void;
+        /**
+          * Fires when a `calcite-dropdown-item`'s selection changes.
+         */
+        "onCalciteDropdownSelect"?: (event: CalciteDropdownCustomEvent<void>) => void;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open"?: boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning"?: OverlayPositioning;
+        /**
+          * Determines where the component will be positioned relative to the container element.
+          * @default "bottom-start"
+         */
+        "placement"?: MenuPlacement;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems"?: HTMLCalciteDropdownItemElement[];
+        /**
+          * Specifies the action to open the component from the container element.
+         */
+        "type"?: "hover" | "click";
+        /**
+          * Specifies the width of the component.
+         */
+        "widthScale"?: Scale;
+    }
+    interface CalciteDropdownGroup {
+        /**
+          * Specifies and displays a group title.
+         */
+        "groupTitle"?: string;
+        "onCalciteInternalDropdownItemChange"?: (event: CalciteDropdownGroupCustomEvent<RequestedItem2>) => void;
+        /**
+          * Specifies the size of the component inherited from the parent `calcite-dropdown`, defaults to `m`.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the selection mode for `calcite-dropdown-item` children, defaults to `single`: - `multiple` allows any number of selected items, - `single` allows only one selection (default), - `none` doesn't allow for any selection.
+         */
+        "selectionMode"?: Extract<"none" | "single" | "multiple", SelectionMode>;
+    }
+    interface CalciteDropdownItem {
+        /**
+          * Specifies the URL of the linked resource, which can be set as an absolute or relative path.  Determines if the component will render as an anchor.
+         */
+        "href"?: string;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd"?: string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart"?: string;
+        /**
+          * Accessible name for the component.
+         */
+        "label"?: string;
+        /**
+          * Fires when the component is selected.
+         */
+        "onCalciteDropdownItemSelect"?: (event: CalciteDropdownItemCustomEvent<void>) => void;
+        "onCalciteInternalDropdownCloseRequest"?: (event: CalciteDropdownItemCustomEvent<void>) => void;
+        "onCalciteInternalDropdownItemKeyEvent"?: (event: CalciteDropdownItemCustomEvent<ItemKeyboardEvent>) => void;
+        "onCalciteInternalDropdownItemSelect"?: (event: CalciteDropdownItemCustomEvent<RequestedItem2>) => void;
+        /**
+          * Specifies the relationship to the linked document defined in `href`.
+         */
+        "rel"?: string;
+        /**
+          * Specifies the size of the component inherited from `calcite-dropdown`, defaults to `m`.
+         */
+        "scale"?: Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected"?: boolean;
+        /**
+          * Specifies the selection mode inherited from `calcite-dropdown-group`, defaults to `single`: - `multiple` allows any number of selected items, - `single` allows only one selection (default), - `none` doesn't allow for any selection.
+         */
+        "selectionMode"?: Extract<"none" | "single" | "multiple", SelectionMode>;
+        /**
+          * Specifies the frame or window to open the linked document.
+         */
+        "target"?: string;
+    }
+    interface CalciteFab {
+        /**
+          * Specifies the appearance style of the component.
+         */
+        "appearance"?: Extract<"solid" | "outline-fill", Appearance>;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Specifies an icon to display.
+          * @default "plus"
+         */
+        "icon"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * Specifies the kind of the component (will apply to border and background).
+         */
+        "kind"?: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
+        /**
+          * Accessible name for the component.
+         */
+        "label"?: string;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies text to accompany the component's icon.
+         */
+        "text"?: string;
+        /**
+          * When `true`, displays the `text` value in the component.
+         */
+        "textEnabled"?: boolean;
+    }
+    interface CalciteFilter {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The component's resulting items after filtering.
+          * @readonly
+         */
+        "filteredItems"?: object[];
+        /**
+          * Defines the items to filter. The component uses the values as the starting point, and returns items  that contain the string entered in the input, using a partial match and recursive search.  This property is needed to conduct filtering.
+         */
+        "items"?: object[];
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<FilterMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: FilterMessages;
+        /**
+          * This event fires when the filter text changes.
+         */
+        "onCalciteFilterChange"?: (event: CalciteFilterCustomEvent<void>) => void;
+        /**
+          * Specifies placeholder text for the input element.
+         */
+        "placeholder"?: string;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * The component's value.
+         */
+        "value"?: string;
+    }
+    interface CalciteFlow {
+        /**
+          * This property enables the component to consider other custom elements implementing flow-item's interface.
+         */
+        "customItemSelectors"?: string;
+    }
+    interface CalciteFlowItem {
+        /**
+          * When provided, the method will be called before it is removed from its parent `calcite-flow`.
+         */
+        "beforeBack"?: () => Promise<void>;
+        /**
+          * When `true`, displays a close button in the trailing side of the component's header.
+         */
+        "closable"?: boolean;
+        /**
+          * When `true`, the component will be hidden.
+         */
+        "closed"?: boolean;
+        /**
+          * Specifies the direction of the collapse.
+         */
+        "collapseDirection"?: "down" | "up";
+        /**
+          * When `true`, hides the component's content area.
+         */
+        "collapsed"?: boolean;
+        /**
+          * When `true`, the component is collapsible.
+         */
+        "collapsible"?: boolean;
+        /**
+          * A description for the component.
+         */
+        "description"?: string;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The component header text.
+         */
+        "heading"?: string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel"?: HeadingLevel;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * When `true`, the action menu items in the `header-menu-actions` slot are open.
+         */
+        "menuOpen"?: boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<FlowItemMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: FlowItemMessages;
+        /**
+          * Fires when the back button is clicked.
+         */
+        "onCalciteFlowItemBack"?: (event: CalciteFlowItemCustomEvent<void>) => void;
+        /**
+          * Fires when the close button is clicked.
+         */
+        "onCalciteFlowItemClose"?: (event: CalciteFlowItemCustomEvent<void>) => void;
+        /**
+          * Fires when the content is scrolled.
+         */
+        "onCalciteFlowItemScroll"?: (event: CalciteFlowItemCustomEvent<void>) => void;
+        /**
+          * Fires when the collapse button is clicked.
+         */
+        "onCalciteFlowItemToggle"?: (event: CalciteFlowItemCustomEvent<void>) => void;
+        /**
+          * When `true`, displays a back button in the component's header.
+         */
+        "showBackButton"?: boolean;
+    }
+    interface CalciteGraph {
+        /**
+          * Array of values describing a single color stop ([offset, color, opacity]) These color stops should be sorted by offset value
+         */
+        "colorStops"?: ColorStop[];
+        /**
+          * Array of tuples describing a single data point ([x, y]) These data points should be sorted by x-axis value
+         */
+        "data"?: DataSeries;
+        /**
+          * End of highlight color if highlighting range
+         */
+        "highlightMax"?: number;
+        /**
+          * Start of highlight color if highlighting range
+         */
+        "highlightMin"?: number;
+        /**
+          * Highest point of the range
+         */
+        "max": number;
+        /**
+          * Lowest point of the range
+         */
+        "min": number;
+    }
+    interface CalciteHandle {
+        "activated"?: boolean;
+        /**
+          * Value for the button title attribute
+         */
+        "dragHandle"?: string;
+        "label"?: string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<HandleMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: HandleMessages;
+        /**
+          * Emitted when the handle is activated and the up or down arrow key is pressed.
+         */
+        "onCalciteHandleNudge"?: (event: CalciteHandleCustomEvent<HandleNudge>) => void;
+        /**
+          * Emitted when the handle is activated or deactivated.
+         */
+        "onCalciteInternalHandleChange"?: (event: CalciteHandleCustomEvent<HandleChange>) => void;
+        "setPosition"?: number;
+        "setSize"?: number;
+    }
+    interface CalciteIcon {
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "flipRtl"?: boolean;
+        /**
+          * Displays a specific icon.
+          * @see [Icons](https://esri.github.io/calcite-ui-icons)
+         */
+        "icon"?: string;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Accessible name for the component.  It is recommended to set this value if your icon is semantic.
+         */
+        "textLabel"?: string;
+    }
+    interface CalciteInlineEditable {
+        /**
+          * Specifies a callback to be executed prior to disabling editing via the controls. When provided, the component's loading state will be handled automatically.
+         */
+        "afterConfirm"?: () => Promise<void>;
+        /**
+          * When `true` and `editingEnabled` is `true`, displays save and cancel controls on the component.
+         */
+        "controls"?: boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * When `true`, inline editing is enabled on the component.
+         */
+        "editingEnabled"?: boolean;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<InlineEditableMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: InlineEditableMessages;
+        /**
+          * Emits when the component's "cancel editing" button is pressed.
+         */
+        "onCalciteInlineEditableEditCancel"?: (event: CalciteInlineEditableCustomEvent<void>) => void;
+        /**
+          * Emits when the component's "confirm edits" button is pressed.
+         */
+        "onCalciteInlineEditableEditConfirm"?: (event: CalciteInlineEditableCustomEvent<void>) => void;
+        "onCalciteInternalInlineEditableEnableEditingChange"?: (event: CalciteInlineEditableCustomEvent<void>) => void;
+        /**
+          * Specifies the size of the component. Defaults to the scale of the wrapped `calcite-input` or the scale of the closest wrapping component with a set scale.
+         */
+        "scale"?: Scale;
+    }
+    interface CalciteInput {
+        /**
+          * Specifies a comma separated list of unique file type specifiers for limiting accepted file types. This property only has an effect when `type` is "file". Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+         */
+        "accept"?: string;
+        /**
+          * Specifies the text alignment of the component's value.
+         */
+        "alignment"?: Position;
+        /**
+          * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+         */
+        "autocomplete"?: string;
+        /**
+          * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
+          * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
+         */
+        "autofocus"?: boolean;
+        /**
+          * When `true`, a clear button is displayed when the component has a value. The clear button shows by default for `"search"`, `"time"`, and `"date"` types, and will not display for the `"textarea"` type.
+         */
+        "clearable"?: boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+          * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+         */
+        "disabled"?: boolean;
+        "editingEnabled"?: boolean;
+        /**
+          * Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+         */
+        "enterKeyHint"?: string;
+        /**
+          * When `type` is `"file"`, specifies the component's selected files.
+          * @mdn https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/files
+         */
+        "files"?: FileList | undefined;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator"?: boolean;
+        /**
+          * When `true`, the component will not be visible.
+          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
+         */
+        "hidden"?: boolean;
+        /**
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+         */
+        "icon"?: string | boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
+         */
+        "inputMode"?: string;
+        /**
+          * Accessible name for the component.
+         */
+        "label"?: string;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * When `true`, uses locale formatting for numbers.
+         */
+        "localeFormat"?: boolean;
+        /**
+          * Specifies the maximum value for type "number".
+          * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
+         */
+        "max"?: number;
+        /**
+          * Specifies the maximum length of text for the component's value.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
+         */
+        "maxLength"?: number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<InputMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: InputMessages;
+        /**
+          * Specifies the minimum value for `type="number"`.
+          * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
+         */
+        "min"?: number;
+        /**
+          * Specifies the minimum length of text for the component's value.
+          * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
+         */
+        "minLength"?: number;
+        /**
+          * When `true`, the component can accept more than one value. This property only has an effect when `type` is "email" or "file". Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple)
+         */
+        "multiple"?: boolean;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
+         */
+        "name"?: string;
+        /**
+          * Specifies the placement of the buttons for `type="number"`.
+         */
+        "numberButtonType"?: InputPlacement;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Fires each time a new `value` is typed and committed.
+         */
+        "onCalciteInputChange"?: (event: CalciteInputCustomEvent<void>) => void;
+        /**
+          * Fires each time a new `value` is typed.
+         */
+        "onCalciteInputInput"?: (event: CalciteInputCustomEvent<void>) => void;
+        "onCalciteInternalInputBlur"?: (event: CalciteInputCustomEvent<void>) => void;
+        "onCalciteInternalInputFocus"?: (event: CalciteInputCustomEvent<void>) => void;
+        /**
+          * Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+         */
+        "pattern"?: string;
+        /**
+          * Specifies placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
+         */
+        "placeholder"?: string;
+        /**
+          * Adds text to the start of the component.
+         */
+        "prefixText"?: string;
+        /**
+          * When `true`, the component's value can be read, but cannot be modified.
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly"?: boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status"?: Status;
+        /**
+          * Specifies the granularity the component's `value` must adhere to.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
+         */
+        "step"?: number | "any";
+        /**
+          * Adds text to the end of the component.
+         */
+        "suffixText"?: string;
+        /**
+          * Specifies the component type.  Note that the following `type`s add type-specific icons by default: `"date"`, `"email"`, `"password"`, `"search"`, `"tel"`, `"time"`.
+         */
+        "type"?: | "color"
+    | "date"
+    | "datetime-local"
+    | "email"
+    | "file"
+    | "image"
+    | "month"
+    | "number"
+    | "password"
+    | "search"
+    | "tel"
+    | "text"
+    | "textarea"
+    | "time"
+    | "url"
+    | "week";
+        /**
+          * The component's value.
+         */
+        "value"?: string;
+    }
+    interface CalciteInputDatePicker {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements"?: EffectivePlacement[];
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel"?: HeadingLevel;
+        /**
+          * Defines the layout of the component.
+         */
+        "layout"?: "horizontal" | "vertical";
+        /**
+          * Specifies the latest allowed date ("yyyy-mm-dd").
+         */
+        "max"?: string;
+        /**
+          * Specifies the latest allowed date as a full date object.
+         */
+        "maxAsDate"?: Date;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<InputDatePickerMessages & DatePickerMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: InputDatePickerMessages;
+        /**
+          * Specifies the earliest allowed date ("yyyy-mm-dd").
+         */
+        "min"?: string;
+        /**
+          * Specifies the earliest allowed date as a full date object.
+         */
+        "minAsDate"?: Date;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name"?: string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Fires when the component is requested to be closed and before the closing transition begins.
+         */
+        "onCalciteInputDatePickerBeforeClose"?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
+        /**
+          * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
+         */
+        "onCalciteInputDatePickerBeforeOpen"?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
+        /**
+          * Fires when the component's value changes.
+         */
+        "onCalciteInputDatePickerChange"?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
+        /**
+          * Fires when the component is closed and animation is complete.
+         */
+        "onCalciteInputDatePickerClose"?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
+        /**
+          * Fires when the component is open and animation is complete.
+         */
+        "onCalciteInputDatePickerOpen"?: (event: CalciteInputDatePickerCustomEvent<void>) => void;
+        /**
+          * When `true`, displays the `calcite-date-picker` component.
+         */
+        "open"?: boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning"?: OverlayPositioning;
+        /**
+          * Specifies the placement of the `calcite-date-picker` relative to the component.
+          * @default "bottom-start"
+         */
+        "placement"?: MenuPlacement;
+        /**
+          * When `true`, disables the default behavior on the third click of narrowing or extending the range. Instead starts a new range.
+         */
+        "proximitySelectionDisabled"?: boolean;
+        /**
+          * When `true`, activates a range for the component.
+         */
+        "range"?: boolean;
+        /**
+          * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly"?: boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: "s" | "m" | "l";
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status"?: Status;
+        /**
+          * Selected date as a string in ISO format (YYYY-MM-DD)
+         */
+        "value"?: string | string[];
+        /**
+          * The component's value as a full date object.
+         */
+        "valueAsDate"?: Date | Date[];
+    }
+    interface CalciteInputMessage {
+        /**
+          * Specifies an icon to display.
+         */
+        "icon"?: boolean | string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status"?: Status;
+    }
+    interface CalciteInputNumber {
+        /**
+          * Specifies the text alignment of the component's value.
+         */
+        "alignment"?: Position;
+        /**
+          * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+         */
+        "autocomplete"?: string;
+        /**
+          * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
+          * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
+         */
+        "autofocus"?: boolean;
+        /**
+          * When `true`, a clear button is displayed when the component has a value.
+         */
+        "clearable"?: boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+          * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+         */
+        "disabled"?: boolean;
+        "editingEnabled"?: boolean;
+        /**
+          * Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+         */
+        "enterKeyHint"?: string;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator"?: boolean;
+        /**
+          * When `true`, the component will not be visible.
+          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
+         */
+        "hidden"?: boolean;
+        /**
+          * Specifies an icon to display.
+          * @futureBreaking Remove boolean type as it is not supported.
+         */
+        "icon"?: string | boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
+         */
+        "inputMode"?: string;
+        /**
+          * When `true`, restricts the component to integer numbers only and disables exponential notation.
+         */
+        "integer"?: boolean;
+        /**
+          * Accessible name for the component's button or hyperlink.
+         */
+        "label"?: string;
+        /**
+          * When `true`, the component is in the loading state and `calcite-progress` is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * Toggles locale formatting for numbers.
+         */
+        "localeFormat"?: boolean;
+        /**
+          * Specifies the maximum value.
+          * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
+         */
+        "max"?: number;
+        /**
+          * Specifies the maximum length of text for the component's value.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
+         */
+        "maxLength"?: number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<InputNumberMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: InputNumberMessages;
+        /**
+          * Specifies the minimum value.
+          * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
+         */
+        "min"?: number;
+        /**
+          * Specifies the minimum length of text for the component's value.
+          * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
+         */
+        "minLength"?: number;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
+         */
+        "name"?: string;
+        /**
+          * Specifies the placement of the buttons.
+         */
+        "numberButtonType"?: InputPlacement;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Fires each time a new value is typed and committed.
+         */
+        "onCalciteInputNumberChange"?: (event: CalciteInputNumberCustomEvent<void>) => void;
+        /**
+          * Fires each time a new value is typed.
+         */
+        "onCalciteInputNumberInput"?: (event: CalciteInputNumberCustomEvent<void>) => void;
+        "onCalciteInternalInputNumberBlur"?: (event: CalciteInputNumberCustomEvent<void>) => void;
+        "onCalciteInternalInputNumberFocus"?: (event: CalciteInputNumberCustomEvent<void>) => void;
+        /**
+          * Specifies placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
+         */
+        "placeholder"?: string;
+        /**
+          * Adds text to the start of the component.
+         */
+        "prefixText"?: string;
+        /**
+          * When `true`, the component's value can be read, but cannot be modified.
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly"?: boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status"?: Status;
+        /**
+          * Specifies the granularity that the component's value must adhere to.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
+         */
+        "step"?: number | "any";
+        /**
+          * Adds text to the end of the component.
+         */
+        "suffixText"?: string;
+        /**
+          * The component's value.
+         */
+        "value"?: string;
+    }
+    interface CalciteInputText {
+        /**
+          * Specifies the text alignment of the component's value.
+         */
+        "alignment"?: Position;
+        /**
+          * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+         */
+        "autocomplete"?: string;
+        /**
+          * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
+          * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
+         */
+        "autofocus"?: boolean;
+        /**
+          * When `true`, a clear button is displayed when the component has a value.
+         */
+        "clearable"?: boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+          * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+         */
+        "disabled"?: boolean;
+        "editingEnabled"?: boolean;
+        /**
+          * Specifies the action label or icon for the Enter key on virtual keyboards. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+         */
+        "enterKeyHint"?: string;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * When `true`, the component will not be visible.
+          * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
+         */
+        "hidden"?: boolean;
+        /**
+          * Specifies an icon to display.
+          * @futureBreaking Remove boolean type as it is not supported.
+         */
+        "icon"?: string | boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * Specifies the type of content to help devices display an appropriate virtual keyboard. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
+         */
+        "inputMode"?: string;
+        /**
+          * Accessible name for the component's button or hyperlink.
+         */
+        "label"?: string;
+        /**
+          * When `true`, the component is in the loading state and `calcite-progress` is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * Specifies the maximum length of text for the component's value.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
+         */
+        "maxLength"?: number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<InputTextMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: InputTextMessages;
+        /**
+          * Specifies the minimum length of text for the component's value.
+          * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
+         */
+        "minLength"?: number;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
+         */
+        "name"?: string;
+        /**
+          * Fires each time a new value is typed and committed.
+         */
+        "onCalciteInputTextChange"?: (event: CalciteInputTextCustomEvent<void>) => void;
+        /**
+          * Fires each time a new value is typed.
+         */
+        "onCalciteInputTextInput"?: (event: CalciteInputTextCustomEvent<void>) => void;
+        "onCalciteInternalInputTextBlur"?: (event: CalciteInputTextCustomEvent<{ element: HTMLInputElement; value: string }>) => void;
+        "onCalciteInternalInputTextFocus"?: (event: CalciteInputTextCustomEvent<{
+    element: HTMLInputElement;
+    value: string;
+  }>) => void;
+        /**
+          * Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+         */
+        "pattern"?: string;
+        /**
+          * Specifies placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
+         */
+        "placeholder"?: string;
+        /**
+          * Adds text to the start of the component.
+         */
+        "prefixText"?: string;
+        /**
+          * When `true`, the component's value can be read, but cannot be modified.
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly"?: boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status"?: Status;
+        /**
+          * Adds text to the end of the component.
+         */
+        "suffixText"?: string;
+        /**
+          * The component's value.
+         */
+        "value"?: string;
+    }
+    interface CalciteInputTimePicker {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<InputTimePickerMessages & TimePickerMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: InputTimePickerMessages;
+        /**
+          * Specifies the name of the component on form submission.
+         */
+        "name"?: string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Fires when the component is requested to be closed and before the closing transition begins.
+         */
+        "onCalciteInputTimePickerBeforeClose"?: (event: CalciteInputTimePickerCustomEvent<void>) => void;
+        /**
+          * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
+         */
+        "onCalciteInputTimePickerBeforeOpen"?: (event: CalciteInputTimePickerCustomEvent<void>) => void;
+        /**
+          * Fires when the time value is changed as a result of user input.
+         */
+        "onCalciteInputTimePickerChange"?: (event: CalciteInputTimePickerCustomEvent<void>) => void;
+        /**
+          * Fires when the component is closed and animation is complete.
+         */
+        "onCalciteInputTimePickerClose"?: (event: CalciteInputTimePickerCustomEvent<void>) => void;
+        /**
+          * Fires when the component is open and animation is complete.
+         */
+        "onCalciteInputTimePickerOpen"?: (event: CalciteInputTimePickerCustomEvent<void>) => void;
+        /**
+          * When `true`, displays the `calcite-time-picker` component.
+         */
+        "open"?: boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning"?: OverlayPositioning;
+        /**
+          * Determines where the popover will be positioned relative to the input.
+         */
+        "placement"?: LogicalPlacement;
+        /**
+          * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly"?: boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the status of the input field, which determines message and icons.
+         */
+        "status"?: Status;
+        /**
+          * Specifies the granularity the component's `value` must adhere to (in seconds).
+         */
+        "step"?: number;
+        /**
+          * The time value in ISO (24-hour) format.
+         */
+        "value"?: string;
+    }
+    interface CalciteInputTimeZone {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * Specifies the component's maximum number of options to display before displaying a scrollbar.
+         */
+        "maxItems"?: number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<InputTimeZoneMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: InputTimeZoneMessages;
+        /**
+          * This specifies the type of `value` and the associated options presented to the user:  Using `"offset"` will provide options related
+          * @default "offset"
+         */
+        "mode"?: TimeZoneMode;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name"?: string;
+        "onCalciteInputTimeZoneBeforeClose"?: (event: CalciteInputTimeZoneCustomEvent<void>) => void;
+        "onCalciteInputTimeZoneBeforeOpen"?: (event: CalciteInputTimeZoneCustomEvent<void>) => void;
+        "onCalciteInputTimeZoneChange"?: (event: CalciteInputTimeZoneCustomEvent<void>) => void;
+        "onCalciteInputTimeZoneClose"?: (event: CalciteInputTimeZoneCustomEvent<void>) => void;
+        "onCalciteInputTimeZoneOpen"?: (event: CalciteInputTimeZoneCustomEvent<void>) => void;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open"?: boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning"?: OverlayPositioning;
+        /**
+          * This date will be used as a reference to Daylight Savings Time when creating time zone item groups.  It can be either a Date instance or a string in ISO format (YYYY-MM-DD, YYYY-MM-DDTHH:MM:SS.SSSZ)
+          * @see [Date.prototype.toISOString](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString)
+         */
+        "referenceDate"?: Date | string;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * The component's value, where the value is the time zone offset or the difference, in minutes, between the selected time zone and UTC.  If no value is provided, the user's time zone offset will be selected by default.
+          * @see https://www.w3.org/International/core/2005/09/timezone.html#:~:text=What%20is%20a%20%22zone%20offset,or%20%22%2D%22%20from%20UTC.
+         */
+        "value"?: string;
+    }
+    interface CalciteLabel {
+        /**
+          * Specifies the text alignment of the component.
+         */
+        "alignment"?: Alignment;
+        /**
+          * Specifies the `id` of the component the label is bound to. Use when the component the label is bound to does not reside within the component.
+         */
+        "for"?: string;
+        /**
+          * Defines the layout of the label in relation to the component. Use `"inline"` positions to wrap the label and component on the same line.
+         */
+        "layout"?: "inline" | "inline-space-between" | "default";
+        "onCalciteInternalLabelClick"?: (event: CalciteLabelCustomEvent<{
+    sourceEvent: MouseEvent;
+  }>) => void;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+    }
+    interface CalciteLink {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value: Without a value, the browser will suggest a filename/extension See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download.
+         */
+        "download"?: string | boolean;
+        /**
+          * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
+         */
+        "href"?: string;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd"?: string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart"?: string;
+        /**
+          * Specifies the relationship to the linked document defined in `href`.
+         */
+        "rel"?: string;
+        /**
+          * Specifies the frame or window to open the linked document.
+         */
+        "target"?: string;
+    }
     /**
-     * When `true`, prevents the content of the component from user interaction.
-     */
-    nonInteractive?: boolean;
+     * A general purpose list that enables users to construct list items that conform to Calcite styling.
+     */
+    interface CalciteList {
+        /**
+          * When provided, the method will be called to determine whether the element can  move from the list.
+         */
+        "canPull"?: (detail: ListDragDetail) => boolean;
+        /**
+          * When provided, the method will be called to determine whether the element can be added from another list.
+         */
+        "canPut"?: (detail: ListDragDetail) => boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * When `true`, `calcite-list-item`s are sortable via a draggable button.
+         */
+        "dragEnabled"?: boolean;
+        /**
+          * When `true`, an input appears at the top of the component that can be used by end users to filter `calcite-list-item`s.
+         */
+        "filterEnabled"?: boolean;
+        /**
+          * Placeholder text for the component's filter input field.
+         */
+        "filterPlaceholder"?: string;
+        /**
+          * Text for the component's filter input field.
+         */
+        "filterText"?: string;
+        /**
+          * The currently filtered `calcite-list-item` data.
+          * @readonly
+         */
+        "filteredData"?: ItemData;
+        /**
+          * The currently filtered `calcite-list-item`s.
+          * @readonly
+         */
+        "filteredItems"?: HTMLCalciteListItemElement[];
+        /**
+          * The list's group identifier.  To drag elements from one list into another, both lists must have the same group value.
+         */
+        "group"?: string;
+        /**
+          * Specifies an accessible name for the component.
+         */
+        "label"?: string;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * Emitted when the default slot has changes in order to notify parent lists.
+         */
+        "onCalciteInternalListDefaultSlotChange"?: (event: CalciteListCustomEvent<void>) => void;
+        /**
+          * Emits when any of the list item selections have changed.
+         */
+        "onCalciteListChange"?: (event: CalciteListCustomEvent<void>) => void;
+        /**
+          * Emits when the component's filter has changed.
+         */
+        "onCalciteListFilter"?: (event: CalciteListCustomEvent<void>) => void;
+        /**
+          * Emitted when the order of the list has changed.
+         */
+        "onCalciteListOrderChange"?: (event: CalciteListCustomEvent<ListDragDetail>) => void;
+        /**
+          * One of the items within the list can be opened.
+         */
+        "openable"?: boolean;
+        /**
+          * The currently selected items.
+          * @readonly
+         */
+        "selectedItems"?: HTMLCalciteListItemElement[];
+        /**
+          * Specifies the selection appearance - `"icon"` (displays a checkmark or dot) or `"border"` (displays a border).
+         */
+        "selectionAppearance"?: SelectionAppearance;
+        /**
+          * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allow one selected item), `"single-persist"` (allow one selected item and prevent de-selection), or `"none"` (no selected items).
+         */
+        "selectionMode"?: Extract<
+    "none" | "multiple" | "single" | "single-persist",
+    SelectionMode
+  >;
+    }
+    interface CalciteListItem {
+        /**
+          * Sets the item as focusable. Only one item should be focusable within a list.
+         */
+        "active"?: boolean;
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable"?: boolean;
+        /**
+          * When `true`, hides the component.
+         */
+        "closed"?: boolean;
+        /**
+          * A description for the component. Displays below the label text.
+         */
+        "description"?: string;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * When `true`, the component displays a draggable button.
+         */
+        "dragHandle"?: boolean;
+        /**
+          * The label text of the component. Displays above the description text.
+         */
+        "label"?: string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ListItemMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: ListItemMessages;
+        /**
+          * Provides additional metadata to the component. Primary use is for a filter on the parent `calcite-list`.
+         */
+        "metadata"?: Record<string, unknown>;
+        "onCalciteInternalFocusPreviousItem"?: (event: CalciteListItemCustomEvent<void>) => void;
+        "onCalciteInternalListItemActive"?: (event: CalciteListItemCustomEvent<void>) => void;
+        "onCalciteInternalListItemChange"?: (event: CalciteListItemCustomEvent<void>) => void;
+        "onCalciteInternalListItemSelect"?: (event: CalciteListItemCustomEvent<void>) => void;
+        /**
+          * Fires when the close button is clicked.
+         */
+        "onCalciteListItemClose"?: (event: CalciteListItemCustomEvent<void>) => void;
+        /**
+          * Emits when the item's content is selected.
+         */
+        "onCalciteListItemSelect"?: (event: CalciteListItemCustomEvent<void>) => void;
+        /**
+          * When `true`, the item is open to show child components.
+         */
+        "open"?: boolean;
+        /**
+          * When `true` and the parent `calcite-list`'s `selectionMode` is `"single"`, `"single-persist"', or `"multiple"`, the component is selected.
+         */
+        "selected"?: boolean;
+        /**
+          * Specifies the selection appearance - `"icon"` (displays a checkmark or dot) or `"border"` (displays a border).
+         */
+        "selectionAppearance"?: SelectionAppearance;
+        /**
+          * Specifies the selection mode - `"multiple"` (allow any number of selected items), `"single"` (allow one selected item), `"single-persist"` (allow one selected item and prevent de-selection), or `"none"` (no selected items).
+         */
+        "selectionMode"?: Extract<
+    "none" | "multiple" | "single" | "single-persist",
+    SelectionMode
+  >;
+        /**
+          * Used to specify the aria-posinset attribute to define the number or position in the current set of list items for accessibility.
+         */
+        "setPosition"?: number;
+        /**
+          * Used to specify the aria-setsize attribute to define the number of items in the current set of list for accessibility.
+         */
+        "setSize"?: number;
+        /**
+          * The component's value.
+         */
+        "value"?: any;
+    }
+    interface CalciteListItemGroup {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The header text for all nested `calcite-list-item` rows.
+         */
+        "heading"?: string;
+        /**
+          * Emitted when the default slot has changes in order to notify parent lists.
+         */
+        "onCalciteInternalListItemGroupDefaultSlotChange"?: (event: CalciteListItemGroupCustomEvent<DragEvent>) => void;
+    }
+    interface CalciteLoader {
+        /**
+          * When `true`, displays smaller and appears to the left of the text.
+         */
+        "inline"?: boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Text that displays under the component's indicator.
+         */
+        "text"?: string;
+        /**
+          * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
+         */
+        "type"?: "indeterminate" | "determinate";
+        /**
+          * The component's value. Valid only for `"determinate"` indicators. Percent complete of 100.
+         */
+        "value"?: number;
+    }
+    interface CalciteMenu {
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the layout of the component.
+         */
+        "layout"?: Layout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<MenuMessages>;
+        /**
+          * Made into a prop for testing purposes only.
+         */
+        "messages"?: MenuMessages;
+    }
+    interface CalciteMenuItem {
+        /**
+          * When `true`, the component is highlighted.
+         */
+        "active"?: boolean;
+        /**
+          * When `true`, the component displays a breadcrumb trail for use as a navigational aid.
+         */
+        "breadcrumb"?: boolean;
+        /**
+          * Specifies the URL destination of the component, which can be set as an absolute or relative path.
+         */
+        "href"?: string;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd"?: string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart"?: string;
+        "isTopLevelItem"?: boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        "layout"?: Layout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<MenuItemMessages>;
+        /**
+          * Made into a prop for testing purposes only.
+         */
+        "messages"?: MenuItemMessages;
+        "onCalciteInternalMenuItemKeyEvent"?: (event: CalciteMenuItemCustomEvent<MenuItemCustomEvent>) => void;
+        /**
+          * Emits when the component is selected.
+         */
+        "onCalciteMenuItemSelect"?: (event: CalciteMenuItemCustomEvent<void>) => void;
+        /**
+          * When `true`, the component will display any slotted `calcite-menu-item` in an open overflow menu.
+         */
+        "open"?: boolean;
+        /**
+          * Defines the relationship between the `href` value and the current document.
+          * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
+         */
+        "rel"?: string;
+        /**
+          * Specifies where to open the linked document defined in the `href` property.
+          * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
+         */
+        "target"?: string;
+        /**
+          * Specifies the text to display.
+         */
+        "text"?: string;
+        "topLevelMenuLayout"?: Layout;
+    }
+    interface CalciteMeter {
+        /**
+          * Specifies the appearance style of the component.
+         */
+        "appearance"?: Extract<"outline" | "outline-fill" | "solid", Appearance>;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Specifies the component's display, where `"single"` displays a single color and `"range"` displays a range of colors based on provided `low`, `high`, `min` or `max` values.
+         */
+        "fillType"?: "single" | "range";
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator"?: boolean;
+        /**
+          * Specifies a high value.  When `fillType` is `"range"`, displays a different color when above the specified threshold.
+         */
+        "high"?: number;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies a low value.  When `fillType` is `"range"`, displays a different color when above the specified threshold.
+         */
+        "low"?: number;
+        /**
+          * Specifies the highest allowed value of the component.
+         */
+        "max"?: number;
+        /**
+          * Specifies the lowest allowed value of the component.
+         */
+        "min"?: number;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name"?: string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * When either `rangeLabels` is `true`, specifies the format of displayed labels.
+         */
+        "rangeLabelType"?: MeterLabelType;
+        /**
+          * When `true`, displays the values of `high`, `low`, `min`, and `max`.
+         */
+        "rangeLabels"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * When `labelType` is `"units"` and either `valueLabel` or `rangeLabels` are `true`, displays beside the `value` and/or  `min` values.
+         */
+        "unitLabel"?: string;
+        /**
+          * Specifies the current value of the component.
+         */
+        "value"?: number;
+        /**
+          * When `true`, displays the current value.
+         */
+        "valueLabel"?: boolean;
+        /**
+          * When either `valueLabel` is `true`, specifies the format of displayed label.
+         */
+        "valueLabelType"?: MeterLabelType;
+    }
+    interface CalciteModal {
+        /**
+          * Passes a function to run before the component closes.
+         */
+        "beforeClose"?: (el: HTMLCalciteModalElement) => Promise<void>;
+        /**
+          * When `true`, disables the component's close button.
+         */
+        "closeButtonDisabled"?: boolean;
+        /**
+          * When `true`, prevents the component from expanding to the entire screen on mobile devices.
+         */
+        "docked"?: boolean;
+        /**
+          * When `true`, disables the default close on escape behavior.
+         */
+        "escapeDisabled"?: boolean;
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled"?: boolean;
+        /**
+          * Sets the component to always be fullscreen (overrides `width` and `--calcite-modal-width` / `--calcite-modal-height`).
+         */
+        "fullscreen"?: boolean;
+        /**
+          * Specifies the kind of the component (will apply to top border).
+         */
+        "kind"?: Extract<"brand" | "danger" | "info" | "success" | "warning", Kind>;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ModalMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: ModalMessages;
+        /**
+          * Fires when the component is requested to be closed and before the closing transition begins.
+         */
+        "onCalciteModalBeforeClose"?: (event: CalciteModalCustomEvent<void>) => void;
+        /**
+          * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
+         */
+        "onCalciteModalBeforeOpen"?: (event: CalciteModalCustomEvent<void>) => void;
+        /**
+          * Fires when the component is closed and animation is complete.
+         */
+        "onCalciteModalClose"?: (event: CalciteModalCustomEvent<void>) => void;
+        /**
+          * Fires when the component is open and animation is complete.
+         */
+        "onCalciteModalOpen"?: (event: CalciteModalCustomEvent<void>) => void;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open"?: boolean;
+        /**
+          * We use an internal property to handle styles for when a modal is actually opened, not just when the open attribute is applied. This is a property because we need to apply styles to the host element and to keep the styles present while beforeClose is.
+         */
+        "opened"?: boolean;
+        /**
+          * When `true`, disables the closing of the component when clicked outside.
+         */
+        "outsideCloseDisabled"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
+         */
+        "slottedInShell"?: boolean;
+        /**
+          * Specifies the width of the component.
+         */
+        "widthScale"?: Scale;
+    }
+    interface CalciteNavigation {
+        /**
+          * When `navigationAction` is `true`, specifies the label of the `calcite-action`.
+         */
+        "label"?: string;
+        /**
+          * When `true`, displays a `calcite-action` and emits a `calciteNavActionSelect` event on selection change.
+         */
+        "navigationAction"?: boolean;
+        /**
+          * When `navigationAction` is true, emits when the displayed action selection changes.
+         */
+        "onCalciteNavigationActionSelect"?: (event: CalciteNavigationCustomEvent<void>) => void;
+    }
+    interface CalciteNavigationLogo {
+        /**
+          * When true, the component is highlighted.
+         */
+        "active"?: boolean;
+        /**
+          * A description for the component, which displays below the `heading`.
+         */
+        "description"?: string;
+        /**
+          * Specifies heading text for the component, such as a product or organization name.
+         */
+        "heading"?: string;
+        /**
+          * Specifies the URL destination of the component, which can be set as an absolute or relative path.
+         */
+        "href"?: string;
+        /**
+          * Specifies an icon to display.
+         */
+        "icon"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * Describes the appearance or function of the `thumbnail`. If no label is provided, context will not be provided to assistive technologies.
+         */
+        "label"?: string;
+        /**
+          * Defines the relationship between the `href` value and the current document.
+          * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
+         */
+        "rel"?: string;
+        /**
+          * Specifies where to open the linked document defined in the `href` property.
+          * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
+         */
+        "target"?: string;
+        /**
+          * Specifies the `src` to an image.
+         */
+        "thumbnail"?: string;
+    }
+    interface CalciteNavigationUser {
+        /**
+          * When true, the component is highlighted.
+         */
+        "active"?: boolean;
+        /**
+          * Specifies the full name of the user.
+         */
+        "fullName"?: string;
+        /**
+          * Describes the appearance of the avatar. If no label is provided, context will not be provided to assistive technologies.
+         */
+        "label"?: string;
+        /**
+          * When `true`, hides the `fullName` and `username` contents.
+         */
+        "textDisabled"?: boolean;
+        /**
+          * Specifies the `src` to an image (remember to add a token if the user is private).
+         */
+        "thumbnail"?: string;
+        /**
+          * Specifies the unique id of the user.
+         */
+        "userId"?: string;
+        /**
+          * Specifies the username of the user.
+         */
+        "username"?: string;
+    }
+    interface CalciteNotice {
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable"?: boolean;
+        /**
+          * When `true`, shows a default recommended icon. Alternatively, pass a Calcite UI Icon name to display a specific icon.
+         */
+        "icon"?: string | boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * Specifies the kind of the component (will apply to top border and icon).
+         */
+        "kind"?: Extract<
+    "brand" | "danger" | "info" | "success" | "warning",
+    Kind
+  >;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<NoticeMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: NoticeMessages;
+        /**
+          * Fires when the component is requested to be closed and before the closing transition begins.
+         */
+        "onCalciteNoticeBeforeClose"?: (event: CalciteNoticeCustomEvent<void>) => void;
+        /**
+          * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
+         */
+        "onCalciteNoticeBeforeOpen"?: (event: CalciteNoticeCustomEvent<void>) => void;
+        /**
+          * Fires when the component is closed and animation is complete.
+         */
+        "onCalciteNoticeClose"?: (event: CalciteNoticeCustomEvent<void>) => void;
+        /**
+          * Fires when the component is open and animation is complete.
+         */
+        "onCalciteNoticeOpen"?: (event: CalciteNoticeCustomEvent<void>) => void;
+        /**
+          * When `true`, the component is visible.
+         */
+        "open"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the width of the component.
+         */
+        "width"?: Width;
+    }
+    interface CalciteOption {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label"?: string;
+        "onCalciteInternalOptionChange"?: (event: CalciteOptionCustomEvent<void>) => void;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected"?: boolean;
+        /**
+          * The component's value.
+         */
+        "value"?: any;
+    }
+    interface CalciteOptionGroup {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        "onCalciteInternalOptionGroupChange"?: (event: CalciteOptionGroupCustomEvent<void>) => void;
+    }
+    interface CalcitePagination {
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator"?: boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<PaginationMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: PaginationMessages;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Emits when the selected page changes.
+         */
+        "onCalcitePaginationChange"?: (event: CalcitePaginationCustomEvent<void>) => void;
+        /**
+          * Specifies the number of items per page.
+         */
+        "pageSize"?: number;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the starting item number.
+         */
+        "startItem"?: number;
+        /**
+          * Specifies the total number of items.
+         */
+        "totalItems"?: number;
+    }
+    interface CalcitePanel {
+        /**
+          * When `true`, displays a close button in the trailing side of the header.
+         */
+        "closable"?: boolean;
+        /**
+          * When `true`, the component will be hidden.
+         */
+        "closed"?: boolean;
+        /**
+          * Specifies the direction of the collapse.
+         */
+        "collapseDirection"?: "down" | "up";
+        /**
+          * When `true`, hides the component's content area.
+         */
+        "collapsed"?: boolean;
+        /**
+          * When `true`, the component is collapsible.
+         */
+        "collapsible"?: boolean;
+        /**
+          * A description for the component.
+         */
+        "description"?: string;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The component header text.
+         */
+        "heading"?: string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel"?: HeadingLevel;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * When `true`, the action menu items in the `header-menu-actions` slot are open.
+         */
+        "menuOpen"?: boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<PanelMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: PanelMessages;
+        /**
+          * Fires when the close button is clicked.
+         */
+        "onCalcitePanelClose"?: (event: CalcitePanelCustomEvent<void>) => void;
+        /**
+          * Fires when the content is scrolled.
+         */
+        "onCalcitePanelScroll"?: (event: CalcitePanelCustomEvent<void>) => void;
+        /**
+          * Fires when the collapse button is clicked.
+         */
+        "onCalcitePanelToggle"?: (event: CalcitePanelCustomEvent<void>) => void;
+    }
     /**
-     * Fires when the component is selected or unselected.
-     */
-    onCalciteListItemChange?: (
-      event: CalciteValueListItemCustomEvent<{
-        item: HTMLCalciteValueListItemElement;
-        value: any;
-        selected: boolean;
-        shiftPressed: boolean;
-      }>
-    ) => void;
+     * @deprecated Use the `list` component instead.
+     */
+    interface CalcitePickList {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.
+         */
+        "filterEnabled"?: boolean;
+        /**
+          * Placeholder text for the filter input field.
+         */
+        "filterPlaceholder"?: string;
+        /**
+          * Text for the filter input field.
+         */
+        "filterText"?: string;
+        /**
+          * The currently filtered data.
+          * @readonly
+         */
+        "filteredData"?: ItemData1;
+        /**
+          * The currently filtered items.
+          * @readonly
+         */
+        "filteredItems"?: HTMLCalcitePickListItemElement[];
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel"?: HeadingLevel;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * Similar to standard radio buttons and checkboxes. When `true`, a user can select multiple `calcite-pick-list-item`s at a time. When `false`, only a single `calcite-pick-list-item` can be selected at a time, and a new selection will deselect previous selections.
+         */
+        "multiple"?: boolean;
+        /**
+          * Emits when any of the `calcite-pick-list-item` selections have changed.
+         */
+        "onCalciteListChange"?: (event: CalcitePickListCustomEvent<Map<string, HTMLCalcitePickListItemElement>>) => void;
+        /**
+          * Emits when a filter has changed.
+         */
+        "onCalciteListFilter"?: (event: CalcitePickListCustomEvent<void>) => void;
+        /**
+          * When `true` and single selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
+         */
+        "selectionFollowsFocus"?: boolean;
+    }
     /**
-     * Fires when the remove button is pressed.
-     */
-    onCalciteListItemRemove?: (event: CalciteValueListItemCustomEvent<void>) => void;
-    onCalciteValueListItemDragHandleBlur?: (event: CalciteValueListItemCustomEvent<ListItemAndHandle>) => void;
+     * @deprecated Use the `list` component instead.
+     */
+    interface CalcitePickListGroup {
+        /**
+          * Specifies the title for all nested `calcite-pick-list-item`s.
+         */
+        "groupTitle"?: string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel"?: HeadingLevel;
+    }
     /**
-     * When `true`, adds an action to remove the component.
-     */
-    removable?: boolean;
+     * @deprecated Use the `list` component instead.
+     */
+    interface CalcitePickListItem {
+        /**
+          * A description for the component that displays below the label text.
+         */
+        "description"?: string;
+        /**
+          * When `false`, the component cannot be deselected by user interaction.
+         */
+        "deselectDisabled"?: boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Determines the icon SVG symbol that will be shown. Options are `"circle"`, `"square"`, `"grip"` or `null`.
+          * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/main/src/components/pick-list/resources.ts#L5)
+         */
+        "icon"?: ICON_TYPES | null;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * Label and accessible name for the component. Appears next to the icon.
+         */
+        "label": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<PickListItemMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: PickListItemMessages;
+        /**
+          * Provides additional metadata to the component. Primary use is for a filter on the parent list.
+         */
+        "metadata"?: Record<string, unknown>;
+        "nonInteractive"?: boolean;
+        /**
+          * Emits when the component's label, description, value, or metadata properties are modified.
+         */
+        "onCalciteInternalListItemPropsChange"?: (event: CalcitePickListItemCustomEvent<void>) => void;
+        /**
+          * Emits when the component's value property is modified.
+         */
+        "onCalciteInternalListItemValueChange"?: (event: CalcitePickListItemCustomEvent<{
+    oldValue: any;
+    newValue: any;
+  }>) => void;
+        /**
+          * Fires when the component is selected or unselected.
+         */
+        "onCalciteListItemChange"?: (event: CalcitePickListItemCustomEvent<{
+    item: HTMLCalcitePickListItemElement;
+    value: any;
+    selected: boolean;
+    shiftPressed: boolean;
+  }>) => void;
+        /**
+          * Fires when the remove button is pressed.
+         */
+        "onCalciteListItemRemove"?: (event: CalcitePickListItemCustomEvent<void>) => void;
+        /**
+          * When `true`, displays a remove action that removes the item from the list.
+         */
+        "removable"?: boolean;
+        /**
+          * When `true`, selects an item. Toggles when an item is checked/unchecked.
+         */
+        "selected"?: boolean;
+        /**
+          * The component's value.
+         */
+        "value": any;
+    }
+    interface CalcitePopover {
+        /**
+          * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.
+         */
+        "autoClose"?: boolean;
+        /**
+          * When `true`, display a close button within the component.
+         */
+        "closable"?: boolean;
+        /**
+          * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
+         */
+        "flipDisabled"?: boolean;
+        /**
+          * Defines the available placements that can be used when a flip occurs.
+         */
+        "flipPlacements"?: EffectivePlacement[];
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled"?: boolean;
+        /**
+          * The component header text.
+         */
+        "heading"?: string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel"?: HeadingLevel;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<PopoverMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: PopoverMessages;
+        /**
+          * Offsets the position of the popover away from the `referenceElement`.
+          * @default 6
+         */
+        "offsetDistance"?: number;
+        /**
+          * Offsets the position of the component along the `referenceElement`.
+         */
+        "offsetSkidding"?: number;
+        /**
+          * Fires when the component is requested to be closed and before the closing transition begins.
+         */
+        "onCalcitePopoverBeforeClose"?: (event: CalcitePopoverCustomEvent<void>) => void;
+        /**
+          * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
+         */
+        "onCalcitePopoverBeforeOpen"?: (event: CalcitePopoverCustomEvent<void>) => void;
+        /**
+          * Fires when the component is closed and animation is complete.
+         */
+        "onCalcitePopoverClose"?: (event: CalcitePopoverCustomEvent<void>) => void;
+        /**
+          * Fires when the component is open and animation is complete.
+         */
+        "onCalcitePopoverOpen"?: (event: CalcitePopoverCustomEvent<void>) => void;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open"?: boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning"?: OverlayPositioning;
+        /**
+          * Determines where the component will be positioned relative to the `referenceElement`.
+         */
+        "placement"?: LogicalPlacement;
+        /**
+          * When `true`, removes the caret pointer.
+         */
+        "pointerDisabled"?: boolean;
+        /**
+          * The `referenceElement` used to position the component according to its `placement` value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.
+         */
+        "referenceElement": ReferenceElement | string;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.  This property can be set to `true` to manage when the component is open.
+         */
+        "triggerDisabled"?: boolean;
+    }
+    interface CalciteProgress {
+        /**
+          * Accessible name for the component.
+         */
+        "label"?: string;
+        /**
+          * When `true` and for `"indeterminate"` progress bars, reverses the animation direction.
+         */
+        "reversed"?: boolean;
+        /**
+          * Text that displays under the component's indicator.
+         */
+        "text"?: string;
+        /**
+          * Specifies the component type.  Use `"indeterminate"` if finding actual progress value is impossible.
+         */
+        "type"?: "indeterminate" | "determinate";
+        /**
+          * When `type` is `"determinate"`, the component's progress value with a range of 0.0 - 1.0.
+         */
+        "value"?: number;
+    }
+    interface CalciteRadioButton {
+        /**
+          * When `true`, the component is checked.
+         */
+        "checked"?: boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The focused state of the component.
+         */
+        "focused"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * The `id` of the component. When omitted, a globally unique identifier is used.
+         */
+        "guid"?: string;
+        /**
+          * When `true`, the component is not displayed and is not focusable or checkable.
+         */
+        "hidden"?: boolean;
+        /**
+          * The hovered state of the component.
+         */
+        "hovered"?: boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label"?: string;
+        /**
+          * Specifies the name of the component. Can be inherited from `calcite-radio-button-group`.  Required to pass the component's `value` on form submission.
+         */
+        "name"?: string;
+        /**
+          * Fires when the radio button is blurred.
+         */
+        "onCalciteInternalRadioButtonBlur"?: (event: CalciteRadioButtonCustomEvent<void>) => void;
+        /**
+          * Fires when the checked property changes.  This is an internal event used for styling purposes only. Use calciteRadioButtonChange or calciteRadioButtonGroupChange for responding to changes in the checked value for forms.
+         */
+        "onCalciteInternalRadioButtonCheckedChange"?: (event: CalciteRadioButtonCustomEvent<void>) => void;
+        /**
+          * Fires when the radio button is focused.
+         */
+        "onCalciteInternalRadioButtonFocus"?: (event: CalciteRadioButtonCustomEvent<void>) => void;
+        /**
+          * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element. Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group or use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.
+         */
+        "onCalciteRadioButtonChange"?: (event: CalciteRadioButtonCustomEvent<void>) => void;
+        /**
+          * When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component inherited from the `calcite-radio-button-group`.
+         */
+        "scale"?: Scale;
+        /**
+          * The component's value.
+         */
+        "value": any;
+    }
+    interface CalciteRadioButtonGroup {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * When `true`, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable.
+         */
+        "hidden"?: boolean;
+        /**
+          * Defines the layout of the component.
+         */
+        "layout"?: Layout;
+        /**
+          * Specifies the name of the component on form submission. Must be unique to other component instances.
+         */
+        "name": string;
+        /**
+          * Fires when the component has changed.
+         */
+        "onCalciteRadioButtonGroupChange"?: (event: CalciteRadioButtonGroupCustomEvent<void>) => void;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the component's selected item.
+          * @readonly
+         */
+        "selectedItem"?: HTMLCalciteRadioButtonElement;
+    }
+    interface CalciteRating {
+        /**
+          * Specifies a cumulative average from previous ratings to display.
+         */
+        "average"?: number;
+        /**
+          * Specifies the number of previous ratings to display.
+         */
+        "count"?: number;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<RatingMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: RatingMessages;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name"?: string;
+        /**
+          * Fires when the component's value changes.
+         */
+        "onCalciteRatingChange"?: (event: CalciteRatingCustomEvent<void>) => void;
+        /**
+          * When `true`, the component's value can be read, but cannot be modified.
+         */
+        "readOnly"?: boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`.
+         */
+        "showChip"?: boolean;
+        /**
+          * The component's value.
+         */
+        "value"?: number;
+    }
+    interface CalciteScrim {
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ScrimMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: ScrimMessages;
+    }
+    interface CalciteSegmentedControl {
+        /**
+          * Specifies the appearance style of the component.
+         */
+        "appearance"?: Extract<"outline" | "outline-fill" | "solid", Appearance>;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * Defines the layout of the component.
+         */
+        "layout"?: Extract<"horizontal" | "vertical", Layout>;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name"?: string;
+        /**
+          * Fires when the `calcite-segmented-control-item` selection changes.
+         */
+        "onCalciteSegmentedControlChange"?: (event: CalciteSegmentedControlCustomEvent<void>) => void;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * The component's selected item `HTMLElement`.
+          * @readonly
+         */
+        "selectedItem"?: HTMLCalciteSegmentedControlItemElement;
+        /**
+          * The component's `selectedItem` value.
+         */
+        "value"?: string;
+        /**
+          * Specifies the width of the component.
+         */
+        "width"?: Extract<"auto" | "full", Width>;
+    }
+    interface CalciteSegmentedControlItem {
+        /**
+          * Specifies the appearance style of the component inherited from parent `calcite-segmented-control`, defaults to `solid`.
+         */
+        "appearance"?: Extract<"outline" | "outline-fill" | "solid", Appearance>;
+        /**
+          * When `true`, the component is checked.
+         */
+        "checked"?: boolean;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart"?: string;
+        /**
+          * Defines the layout of the component inherited from parent `calcite-segmented-control`, defaults to `horizontal`.
+         */
+        "layout"?: Layout;
+        /**
+          * Fires when the item has been selected.
+         */
+        "onCalciteInternalSegmentedControlItemChange"?: (event: CalciteSegmentedControlItemCustomEvent<void>) => void;
+        /**
+          * Specifies the size of the component inherited from the `calcite-segmented-control`, defaults to `m`.
+         */
+        "scale"?: Scale;
+        /**
+          * The component's value.
+         */
+        "value"?: any | null;
+    }
+    interface CalciteSelect {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name"?: string;
+        /**
+          * Fires when the `selectedOption` changes.
+         */
+        "onCalciteSelectChange"?: (event: CalciteSelectCustomEvent<void>) => void;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * The component's selected option `HTMLElement`.
+          * @readonly
+         */
+        "selectedOption"?: HTMLCalciteOptionElement;
+        /**
+          * The component's `selectedOption` value.
+         */
+        "value"?: string;
+        /**
+          * Specifies the width of the component.
+         */
+        "width"?: Width;
+    }
+    interface CalciteSheet {
+        /**
+          * Passes a function to run before the component closes.
+          * @returns
+         */
+        "beforeClose"?: (el: HTMLCalciteSheetElement) => Promise<void>;
+        /**
+          * Specifies the display mode - `"float"` (content is separated detached), or `"overlay"` (displays on top of center content).
+         */
+        "displayMode"?: DisplayMode;
+        /**
+          * When `true`, disables the default close on escape behavior.
+         */
+        "escapeDisabled"?: boolean;
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled"?: boolean;
+        /**
+          * When `position` is `"block-start"` or `"block-end"`, specifies the height of the component.
+         */
+        "heightScale"?: Scale;
+        /**
+          * Specifies the label of the component.
+         */
+        "label": string;
+        /**
+          * Fires when the component is requested to be closed and before the closing transition begins.
+         */
+        "onCalciteSheetBeforeClose"?: (event: CalciteSheetCustomEvent<void>) => void;
+        /**
+          * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
+         */
+        "onCalciteSheetBeforeOpen"?: (event: CalciteSheetCustomEvent<void>) => void;
+        /**
+          * Fires when the component is closed and animation is complete.
+         */
+        "onCalciteSheetClose"?: (event: CalciteSheetCustomEvent<void>) => void;
+        /**
+          * Fires when the component is open and animation is complete.
+         */
+        "onCalciteSheetOpen"?: (event: CalciteSheetCustomEvent<void>) => void;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open"?: boolean;
+        /**
+          * We use an internal property to handle styles for when a modal is actually opened, not just when the open attribute is applied. This is a property because we need to apply styles to the host element and to keep the styles present while beforeClose is .
+         */
+        "opened"?: boolean;
+        /**
+          * When `true`, disables the closing of the component when clicked outside.
+         */
+        "outsideCloseDisabled"?: boolean;
+        /**
+          * Determines where the component will be positioned.
+         */
+        "position"?: LogicalFlowPosition;
+        /**
+          * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
+         */
+        "slottedInShell"?: boolean;
+        /**
+          * When `position` is `"inline-start"` or `"inline-end"`, specifies the width of the component.
+         */
+        "widthScale"?: Scale;
+    }
+    interface CalciteShell {
+        /**
+          * Positions the center content behind any `calcite-shell-panel`s.
+         */
+        "contentBehind"?: boolean;
+    }
+    interface CalciteShellCenterRow {
+        /**
+          * When `true`, the content area displays like a floating panel.
+         */
+        "detached"?: boolean;
+        /**
+          * Specifies the maximum height of the component.
+         */
+        "heightScale"?: Scale;
+        /**
+          * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "position"?: Position;
+    }
+    interface CalciteShellPanel {
+        /**
+          * When `true`, hides the component's content area.
+         */
+        "collapsed"?: boolean;
+        /**
+          * When `true`, the content area displays like a floating panel.
+          * @deprecated use `displayMode` instead.
+         */
+        "detached"?: boolean;
+        /**
+          * When `displayMode` is `float`, specifies the maximum height of the component.
+          * @deprecated use `heightScale` instead.
+         */
+        "detachedHeightScale"?: Scale;
+        /**
+          * Specifies the display mode - `"dock"` (full height, displays adjacent to center content), `"float"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content), or `"overlay"` (full height, displays on top of center content).
+         */
+        "displayMode"?: DisplayMode1;
+        /**
+          * When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.
+         */
+        "heightScale"?: Scale;
+        /**
+          * The direction of the component.
+         */
+        "layout"?: Extract<"horizontal" | "vertical", Layout>;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ShellPanelMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: ShellPanelMessages;
+        /**
+          * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "position"?: Position;
+        /**
+          * When `true` and `displayMode` is not `float`, the component's content area is resizable.
+         */
+        "resizable"?: boolean;
+        /**
+          * When `layout` is `vertical`, specifies the width of the component.
+         */
+        "widthScale"?: Scale;
+    }
+    interface CalciteSlider {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator"?: boolean;
+        /**
+          * When `true`, indicates a histogram is present.
+         */
+        "hasHistogram"?: boolean;
+        /**
+          * A list of the histogram's x,y coordinates within the component's `min` and `max`. Displays above the component's track.
+          * @see [DataSeries](https://github.com/Esri/calcite-design-system/blob/main/src/components/graph/interfaces.ts#L5)
+         */
+        "histogram"?: DataSeries;
+        /**
+          * A set of single color stops for a histogram, sorted by offset ascending.
+         */
+        "histogramStops"?: ColorStop[];
+        /**
+          * When `true`, displays label handles with their numeric value.
+         */
+        "labelHandles"?: boolean;
+        /**
+          * When `true` and `ticks` is specified, displays label tick marks with their numeric value.
+         */
+        "labelTicks"?: boolean;
+        /**
+          * The component's maximum selectable value.
+         */
+        "max"?: number;
+        /**
+          * For multiple selections, the accessible name for the second handle, such as `"Temperature, upper bound"`.
+         */
+        "maxLabel"?: string;
+        /**
+          * For multiple selections, the component's upper value.
+         */
+        "maxValue"?: number;
+        /**
+          * The component's minimum selectable value.
+         */
+        "min"?: number;
+        /**
+          * Accessible name for first (or only) handle, such as `"Temperature, lower bound"`.
+         */
+        "minLabel"?: string;
+        /**
+          * For multiple selections, the component's lower value.
+         */
+        "minValue"?: number;
+        /**
+          * When `true`, the slider will display values from high to low.  Note that this value will be ignored if the slider has an associated histogram.
+         */
+        "mirrored"?: boolean;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name"?: string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Fires when the thumb is released on the component.  **Note:** If you need to constantly listen to the drag event, use `calciteSliderInput` instead.
+         */
+        "onCalciteSliderChange"?: (event: CalciteSliderCustomEvent<void>) => void;
+        /**
+          * Fires on all updates to the component.  **Note:** Will be fired frequently during drag. If you are performing any expensive operations consider using a debounce or throttle to avoid locking up the main thread.
+         */
+        "onCalciteSliderInput"?: (event: CalciteSliderCustomEvent<void>) => void;
+        /**
+          * Specifies the interval to move with the page up, or page down keys.
+         */
+        "pageStep"?: number;
+        /**
+          * When `true`, sets a finer point for handles.
+         */
+        "precise"?: boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+         */
+        "required"?: boolean;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * When `true`, enables snap selection in coordination with `step` via a mouse.
+         */
+        "snap"?: boolean;
+        /**
+          * Specifies the interval to move with the up, or down keys.
+         */
+        "step"?: number;
+        /**
+          * Displays tick marks on the number line at a specified interval.
+         */
+        "ticks"?: number;
+        /**
+          * The component's value.
+         */
+        "value"?: null | number | number[];
+    }
+    interface CalciteSortableList {
+        /**
+          * When provided, the method will be called to determine whether the element can  move from the list.
+         */
+        "canPull"?: (detail: DragDetail) => boolean;
+        /**
+          * When provided, the method will be called to determine whether the element can be added from another list.
+         */
+        "canPut"?: (detail: DragDetail) => boolean;
+        /**
+          * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
+         */
+        "disabled"?: boolean;
+        /**
+          * Specifies which items inside the element should be draggable.
+         */
+        "dragSelector"?: string;
+        /**
+          * The list's group identifier.  To drag elements from one list into another, both lists must have the same group value.
+         */
+        "group"?: string;
+        /**
+          * The selector for the handle elements.
+         */
+        "handleSelector"?: string;
+        /**
+          * Indicates the horizontal or vertical orientation of the component.
+         */
+        "layout"?: Layout;
+        /**
+          * When true, content is waiting to be loaded. This state shows a busy indicator.
+         */
+        "loading"?: boolean;
+        /**
+          * Emitted when the order of the list has changed.
+         */
+        "onCalciteListOrderChange"?: (event: CalciteSortableListCustomEvent<void>) => void;
+    }
+    interface CalciteSplitButton {
+        /**
+          * When `true`, the component is active.
+         */
+        "active"?: boolean;
+        /**
+          * Specifies the appearance style of the component.
+         */
+        "appearance"?: Extract<
+    "outline" | "outline-fill" | "solid" | "transparent",
+    Appearance
+  >;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Specifies the icon used for the dropdown menu.
+         */
+        "dropdownIconType"?: DropdownIconType;
+        /**
+          * Accessible name for the dropdown menu.
+         */
+        "dropdownLabel"?: string;
+        /**
+          * Specifies the kind of the component (will apply to border and background if applicable).
+         */
+        "kind"?: Extract<"brand" | "danger" | "inverse" | "neutral", Kind>;
+        /**
+          * When `true`, a busy indicator is displayed on the primary button.
+         */
+        "loading"?: boolean;
+        /**
+          * Fires when the primary button is clicked.
+         */
+        "onCalciteSplitButtonPrimaryClick"?: (event: CalciteSplitButtonCustomEvent<void>) => void;
+        /**
+          * Fires when the dropdown menu is clicked.
+         */
+        "onCalciteSplitButtonSecondaryClick"?: (event: CalciteSplitButtonCustomEvent<void>) => void;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning"?: OverlayPositioning;
+        /**
+          * Specifies an icon to display at the end of the primary button.
+         */
+        "primaryIconEnd"?: string;
+        /**
+          * Displays the `primaryIconStart` and/or `primaryIconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "primaryIconFlipRtl"?: FlipContext;
+        /**
+          * Specifies an icon to display at the start of the primary button.
+         */
+        "primaryIconStart"?: string;
+        /**
+          * Accessible name for the primary button.
+         */
+        "primaryLabel"?: string;
+        /**
+          * Text displayed in the primary button.
+         */
+        "primaryText"?: string;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the width of the component.
+         */
+        "width"?: Width;
+    }
+    interface CalciteStack {
+        /**
+          * When `true`, content interaction is prevented and displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+    }
+    interface CalciteStepper {
+        /**
+          * When `true`, displays a status icon in the `calcite-stepper-item` heading.
+         */
+        "icon"?: boolean;
+        /**
+          * Defines the layout of the component.
+         */
+        "layout"?: Extract<"horizontal" | "vertical", Layout>;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<StepperMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: StepperMessages;
+        /**
+          * When `true`, displays the step number in the `calcite-stepper-item` heading.
+         */
+        "numbered"?: boolean;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Fires when the active `calcite-stepper-item` changes.
+         */
+        "onCalciteInternalStepperItemChange"?: (event: CalciteStepperCustomEvent<StepperItemChangeEventDetail>) => void;
+        /**
+          * Fires when the active `calcite-stepper-item` changes.
+         */
+        "onCalciteStepperItemChange"?: (event: CalciteStepperCustomEvent<void>) => void;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the component's selected item.
+          * @readonly
+         */
+        "selectedItem"?: HTMLCalciteStepperItemElement;
+    }
+    interface CalciteStepperItem {
+        /**
+          * When `true`, the step has been completed.
+         */
+        "complete"?: boolean;
+        /**
+          * A description for the component. Displays below the header text.
+         */
+        "description"?: string;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * When `true`, the component contains an error that requires resolution from the user.
+         */
+        "error"?: boolean;
+        /**
+          * The component header text.
+         */
+        "heading"?: string;
+        /**
+          * When `true`, displays a status icon in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.
+         */
+        "icon"?: boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * Specifies the layout of the `calcite-stepper-item` inherited from parent `calcite-stepper`, defaults to `horizontal`.
+         */
+        "layout"?: Extract<"horizontal" | "vertical", Layout>;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<StepperItemMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: StepperItemMessages;
+        /**
+          * Specifies if the user is viewing one `stepper-item` at a time. Helps in determining if header region is tabbable.
+         */
+        "multipleViewMode"?: boolean;
+        /**
+          * When `true`, displays the step number in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.
+         */
+        "numbered"?: boolean;
+        "numberingSystem"?: NumberingSystem;
+        "onCalciteInternalStepperItemKeyEvent"?: (event: CalciteStepperItemCustomEvent<StepperItemKeyEventDetail>) => void;
+        "onCalciteInternalStepperItemRegister"?: (event: CalciteStepperItemCustomEvent<StepperItemEventDetail>) => void;
+        "onCalciteInternalStepperItemSelect"?: (event: CalciteStepperItemCustomEvent<StepperItemEventDetail>) => void;
+        "onCalciteInternalUserRequestedStepperItemSelect"?: (event: CalciteStepperItemCustomEvent<StepperItemChangeEventDetail>) => void;
+        /**
+          * Specifies the size of the component inherited from the `calcite-stepper`, defaults to `m`.
+         */
+        "scale"?: Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected"?: boolean;
+    }
+    interface CalciteSwitch {
+        /**
+          * When `true`, the component is checked.
+         */
+        "checked"?: boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * Accessible name for the component.
+         */
+        "label"?: string;
+        /**
+          * Specifies the name of the component.  Required to pass the component's `value` on form submission.
+         */
+        "name"?: string;
+        /**
+          * Fires when the `checked` value has changed.
+         */
+        "onCalciteSwitchChange"?: (event: CalciteSwitchCustomEvent<void>) => void;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * The component's value.
+         */
+        "value"?: any;
+    }
+    interface CalciteTab {
+        "onCalciteInternalTabRegister"?: (event: CalciteTabCustomEvent<void>) => void;
+        /**
+          * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.
+         */
+        "scale"?: Scale;
+        /**
+          * When `true`, the component's contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+         */
+        "selected"?: boolean;
+        /**
+          * Specifies a unique name for the component.  When specified, use the same value on the `calcite-tab-title`.
+         */
+        "tab"?: string;
+    }
+    interface CalciteTabNav {
+        "bordered"?: boolean;
+        "indicatorOffset"?: number;
+        "indicatorWidth"?: number;
+        "layout"?: TabLayout;
+        "onCalciteInternalTabChange"?: (event: CalciteTabNavCustomEvent<TabChangeEventDetail>) => void;
+        /**
+          * Emits when the selected `calcite-tab` changes.
+         */
+        "onCalciteTabChange"?: (event: CalciteTabNavCustomEvent<void>) => void;
+        /**
+          * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.
+         */
+        "position"?: TabPosition;
+        /**
+          * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the component's selected tab-title.
+          * @readonly
+         */
+        "selectedTitle"?: HTMLCalciteTabTitleElement;
+        /**
+          * Specifies the name when saving selected `calcite-tab` data to `localStorage`.
+         */
+        "storageId"?: string;
+        /**
+          * Specifies text to update multiple components to keep in sync if one changes.
+         */
+        "syncId"?: string;
+    }
+    interface CalciteTabTitle {
+        "bordered"?: boolean;
+        /**
+          * When `true`, a close button is added to the component.
+         */
+        "closable"?: boolean;
+        /**
+          * When `true`, does not display or position the component.
+         */
+        "closed"?: boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd"?: string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart"?: string;
+        "layout"?: TabLayout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TabTitleMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: TabTitleMessages;
+        "onCalciteInternalTabIconChanged"?: (event: CalciteTabTitleCustomEvent<void>) => void;
+        "onCalciteInternalTabTitleRegister"?: (event: CalciteTabTitleCustomEvent<TabID>) => void;
+        /**
+          * Fires when a `calcite-tab` is selected (`event.details`).
+          * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/main/src/components/tab/interfaces.ts#L1)
+         */
+        "onCalciteInternalTabsActivate"?: (event: CalciteTabTitleCustomEvent<TabChangeEventDetail>) => void;
+        /**
+          * Fires when `calcite-tab` is closed (`event.details`).
+          * @see [TabChangeEventDetail](https://github.com/Esri/calcite-design-system/blob/main/src/components/tab/interfaces.ts)
+         */
+        "onCalciteInternalTabsClose"?: (event: CalciteTabTitleCustomEvent<TabCloseEventDetail>) => void;
+        "onCalciteInternalTabsFocusFirst"?: (event: CalciteTabTitleCustomEvent<void>) => void;
+        "onCalciteInternalTabsFocusLast"?: (event: CalciteTabTitleCustomEvent<void>) => void;
+        "onCalciteInternalTabsFocusNext"?: (event: CalciteTabTitleCustomEvent<void>) => void;
+        "onCalciteInternalTabsFocusPrevious"?: (event: CalciteTabTitleCustomEvent<void>) => void;
+        /**
+          * Fires when a `calcite-tab` is selected.
+         */
+        "onCalciteTabsActivate"?: (event: CalciteTabTitleCustomEvent<void>) => void;
+        /**
+          * Fires when a `calcite-tab` is closed.
+         */
+        "onCalciteTabsClose"?: (event: CalciteTabTitleCustomEvent<void>) => void;
+        /**
+          * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to, and is inherited from the parent `calcite-tabs`, defaults to `top`.
+         */
+        "position"?: TabPosition;
+        /**
+          * Specifies the size of the component inherited from the parent `calcite-tabs`, defaults to `m`.
+         */
+        "scale"?: Scale;
+        /**
+          * When `true`, the component and its respective `calcite-tab` contents are selected.  Only one tab can be selected within the `calcite-tabs` parent.
+         */
+        "selected"?: boolean;
+        /**
+          * Specifies a unique name for the component.  When specified, use the same value on the `calcite-tab`.
+         */
+        "tab"?: string;
+    }
+    interface CalciteTable {
+        /**
+          * When `true`, displays borders in the component.
+         */
+        "bordered"?: boolean;
+        /**
+          * Specifies an accessible title for the component.
+         */
+        "caption": string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator"?: boolean;
+        /**
+          * Specifies the layout of the component.
+         */
+        "layout"?: TableLayout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TableMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: TableMessages;
+        /**
+          * When `true`, displays the position of the row in numeric form.
+         */
+        "numbered"?: boolean;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        "onCalciteInternalTableRowFocusChange"?: (event: CalciteTableCustomEvent<TableRowFocusEvent>) => void;
+        /**
+          * Emits when the component's page selection changes.
+         */
+        "onCalciteTablePageChange"?: (event: CalciteTableCustomEvent<void>) => void;
+        /**
+          * Emits when the component's selected rows change.
+         */
+        "onCalciteTableSelect"?: (event: CalciteTableCustomEvent<void>) => void;
+        /**
+          * Specifies the page size of the component. When `true`, renders `calcite-pagination`
+         */
+        "pageSize"?: number;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems"?: HTMLCalciteTableRowElement[];
+        /**
+          * Specifies the selection mode of the component.
+         */
+        "selectionMode"?: Extract<"none" | "multiple" | "single", SelectionMode>;
+        /**
+          * When `true`, displays zebra styling in the component.
+         */
+        "zebra"?: boolean;
+    }
+    interface CalciteTableCell {
+        /**
+          * Specifies the alignment of the component.
+         */
+        "alignment"?: Alignment;
+        /**
+          * Specifies the number of columns the component should span.
+         */
+        "colSpan"?: number;
+        /**
+          * When true, prevents user interaction.  Notes:  This prop should use the
+         */
+        "disabled"?: boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TableCellMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: TableCellMessages;
+        "numberCell"?: boolean;
+        "parentRowIsSelected"?: boolean;
+        "parentRowPositionLocalized"?: string;
+        "parentRowType"?: RowType;
+        "positionInRow"?: number;
+        "readCellContentsToAT"?: boolean;
+        /**
+          * Specifies the number of rows the component should span.
+         */
+        "rowSpan"?: number;
+        "scale"?: Scale;
+        "selectionCell"?: boolean;
+    }
+    interface CalciteTableHeader {
+        /**
+          * Specifies the alignment of the component.
+         */
+        "alignment"?: Alignment;
+        "bodyRowCount"?: number;
+        /**
+          * Specifies the number of columns the component should span.
+         */
+        "colSpan"?: number;
+        /**
+          * A description to display beneath heading content.
+         */
+        "description"?: string;
+        /**
+          * A heading to display above description content.
+         */
+        "heading"?: string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TableHeaderMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: TableHeaderMessages;
+        "numberCell"?: boolean;
+        "parentRowPosition"?: number;
+        "parentRowType"?: RowType;
+        "positionInRow"?: number;
+        /**
+          * Specifies the number of rows the component should span.
+         */
+        "rowSpan"?: number;
+        "scale"?: Scale;
+        "selectedRowCount"?: number;
+        "selectedRowCountLocalized"?: string;
+        "selectionCell"?: boolean;
+        "selectionMode"?: SelectionMode;
+    }
+    interface CalciteTableRow {
+        "bodyRowCount"?: number;
+        "cellCount"?: number;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        "numbered"?: boolean;
+        "onCalciteInternalTableRowFocusRequest"?: (event: CalciteTableRowCustomEvent<TableRowFocusEvent>) => void;
+        /**
+          * Fires when the selected state of the component changes.
+         */
+        "onCalciteTableRowSelect"?: (event: CalciteTableRowCustomEvent<void>) => void;
+        "positionAll"?: number;
+        "positionSection"?: number;
+        "positionSectionLocalized"?: string;
+        "readCellContentsToAT"?: boolean;
+        "rowType"?: RowType;
+        "scale"?: Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected"?: boolean;
+        "selectedRowCount"?: number;
+        "selectedRowCountLocalized"?: string;
+        "selectionMode"?: Extract<"multiple" | "single" | "none", SelectionMode>;
+    }
+    interface CalciteTabs {
+        /**
+          * When `true`, the component will display with a folder style menu.
+         */
+        "bordered"?: boolean;
+        /**
+          * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`"inline"`), or across and centered (`"center"`).
+         */
+        "layout"?: TabLayout;
+        /**
+          * Specifies the position of `calcite-tab-nav` and `calcite-tab-title` components in relation to the `calcite-tabs`, defaults to `top`.
+         */
+        "position"?: TabPosition;
+        /**
+          * Specifies the size of the component, defaults to `m`.
+         */
+        "scale"?: Scale;
+    }
+    interface CalciteTextArea {
+        /**
+          * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
+          * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
+         */
+        "autofocus"?: boolean;
+        /**
+          * Specifies the component's number of columns.
+          * @mdn [cols](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-cols)
+         */
+        "columns"?: number;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+          * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
+         */
+        "disabled"?: boolean;
+        /**
+          * The ID of the form that will be associated with the component.  When not set, the component will be associated with its ancestor form element, if any.
+         */
+        "form"?: string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator"?: boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label"?: string;
+        /**
+          * Specifies the maximum number of characters allowed.
+          * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-maxlength)
+         */
+        "maxLength"?: number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TextAreaMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: TextAreaMessages;
+        /**
+          * Specifies the name of the component.
+          * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-name)
+         */
+        "name"?: string;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Fires each time a new `value` is typed and committed.
+         */
+        "onCalciteTextAreaChange"?: (event: CalciteTextAreaCustomEvent<void>) => void;
+        /**
+          * Fires each time a new `value` is typed.
+         */
+        "onCalciteTextAreaInput"?: (event: CalciteTextAreaCustomEvent<void>) => void;
+        /**
+          * Specifies the placeholder text for the component.
+          * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-placeholder)
+         */
+        "placeholder"?: string;
+        /**
+          * When `true`, the component's `value` can be read, but cannot be modified.
+          * @readonly 
+          * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
+         */
+        "readOnly"?: boolean;
+        /**
+          * When `true`, the component must have a value in order for the form to submit.
+          * @mdn [required]https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required
+         */
+        "required"?: boolean;
+        /**
+          * Specifies if the component is resizable.
+         */
+        "resize"?: "both" | "horizontal" | "vertical" | "none";
+        /**
+          * Specifies the component's number of rows.
+          * @mdn [rows](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows)
+         */
+        "rows"?: number;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: "l" | "m" | "s";
+        /**
+          * The component's value.
+         */
+        "value"?: string;
+        /**
+          * Specifies the wrapping mechanism for the text.
+          * @mdn [wrap](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-wrap)
+         */
+        "wrap"?: "soft" | "hard";
+    }
+    interface CalciteTile {
+        /**
+          * When `true`, the component is active.
+         */
+        "active"?: boolean;
+        /**
+          * A description for the component, which displays below the heading.
+         */
+        "description"?: string;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The component's embed mode.  When `true`, renders without a border and padding for use by other components.
+         */
+        "embed"?: boolean;
+        /**
+          * The focused state of the component.
+         */
+        "focused"?: boolean;
+        /**
+          * The component header text, which displays between the icon and description.
+         */
+        "heading"?: string;
+        /**
+          * When `true`, the component is not displayed and is not focusable.
+         */
+        "hidden"?: boolean;
+        /**
+          * When embed is `"false"`, the URL for the component.
+         */
+        "href"?: string;
+        /**
+          * Specifies an icon to display.
+         */
+        "icon"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+    }
+    interface CalciteTileSelect {
+        /**
+          * When `true`, the component is checked.
+         */
+        "checked"?: boolean;
+        /**
+          * A description for the component, which displays below the heading.
+         */
+        "description"?: string;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * The component header text, which displays between the icon and description.
+         */
+        "heading"?: string;
+        /**
+          * When `true`, the component is not displayed and is not focusable or checkable.
+         */
+        "hidden"?: boolean;
+        /**
+          * Specifies an icon to display.
+         */
+        "icon"?: string;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * When `inputEnabled` is `true`, specifies the placement of the interactive input on the component.
+         */
+        "inputAlignment"?: Extract<"end" | "start", Alignment>;
+        /**
+          * When `true`, displays an interactive input based on the `type` property.
+         */
+        "inputEnabled"?: boolean;
+        /**
+          * Specifies the name of the component on form submission.
+         */
+        "name"?: any;
+        /**
+          * Emits a custom change event.  For checkboxes it emits when checked or unchecked.  For radios it only emits when checked.
+         */
+        "onCalciteTileSelectChange"?: (event: CalciteTileSelectCustomEvent<void>) => void;
+        /**
+          * The selection mode of the component.  Use radio for single selection, and checkbox for multiple selections.
+         */
+        "type"?: TileSelectType;
+        /**
+          * The component's value.
+         */
+        "value"?: any;
+        /**
+          * Specifies the width of the component.
+         */
+        "width"?: Extract<"auto" | "full", Width>;
+    }
+    interface CalciteTileSelectGroup {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Defines the layout of the component.  Use `"horizontal"` for rows, and `"vertical"` for a single column.
+         */
+        "layout"?: TileSelectGroupLayout;
+    }
+    interface CalciteTimePicker {
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TimePickerMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: TimePickerMessages;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        "onCalciteInternalTimePickerBlur"?: (event: CalciteTimePickerCustomEvent<void>) => void;
+        "onCalciteInternalTimePickerChange"?: (event: CalciteTimePickerCustomEvent<string>) => void;
+        "onCalciteInternalTimePickerFocus"?: (event: CalciteTimePickerCustomEvent<void>) => void;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the granularity the `value` must adhere to (in seconds).
+         */
+        "step"?: number;
+        /**
+          * The component's value in UTC (always 24-hour format).
+         */
+        "value"?: string;
+    }
+    interface CalciteTip {
+        /**
+          * When `true`, the close button is not present on the component.
+         */
+        "closeDisabled"?: boolean;
+        /**
+          * When `true`, the component does not display.
+         */
+        "closed"?: boolean;
+        /**
+          * The component header text.
+         */
+        "heading"?: string;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel"?: HeadingLevel;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TipMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: TipMessages;
+        /**
+          * Emits when the component has been closed.
+         */
+        "onCalciteTipDismiss"?: (event: CalciteTipCustomEvent<void>) => void;
+        /**
+          * When `true`, the component is selected if it has a parent `calcite-tip-manager`.  Only one tip can be selected within the `calcite-tip-manager` parent.
+         */
+        "selected"?: boolean;
+    }
+    interface CalciteTipGroup {
+        /**
+          * The component header text for all nested `calcite-tip`s.
+         */
+        "groupTitle"?: string;
+    }
+    interface CalciteTipManager {
+        /**
+          * When `true`, does not display or position the component.
+         */
+        "closed"?: boolean;
+        /**
+          * Specifies the number at which section headings should start.
+         */
+        "headingLevel"?: HeadingLevel;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TipManagerMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: TipManagerMessages;
+        /**
+          * Emits when the component has been closed.
+         */
+        "onCalciteTipManagerClose"?: (event: CalciteTipManagerCustomEvent<void>) => void;
+    }
+    interface CalciteTooltip {
+        /**
+          * Closes the component when the `referenceElement` is clicked.
+         */
+        "closeOnClick"?: boolean;
+        /**
+          * Accessible name for the component.
+          * @deprecated No longer necessary. Overrides the context of the component's description, which could confuse assistive technology users.
+         */
+        "label"?: string;
+        /**
+          * Offset the position of the component away from the `referenceElement`.
+          * @default 6
+         */
+        "offsetDistance"?: number;
+        /**
+          * Offset the position of the component along the `referenceElement`.
+         */
+        "offsetSkidding"?: number;
+        /**
+          * Fires when the component is requested to be closed and before the closing transition begins.
+         */
+        "onCalciteTooltipBeforeClose"?: (event: CalciteTooltipCustomEvent<void>) => void;
+        /**
+          * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
+         */
+        "onCalciteTooltipBeforeOpen"?: (event: CalciteTooltipCustomEvent<void>) => void;
+        /**
+          * Fires when the component is closed and animation is complete.
+         */
+        "onCalciteTooltipClose"?: (event: CalciteTooltipCustomEvent<void>) => void;
+        /**
+          * Fires when the component is open and animation is complete.
+         */
+        "onCalciteTooltipOpen"?: (event: CalciteTooltipCustomEvent<void>) => void;
+        /**
+          * When `true`, the component is open.
+         */
+        "open"?: boolean;
+        /**
+          * Determines the type of positioning to use for the overlaid content.  Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.  The `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
+         */
+        "overlayPositioning"?: OverlayPositioning;
+        /**
+          * Determines where the component will be positioned relative to the `referenceElement`.
+         */
+        "placement"?: LogicalPlacement;
+        /**
+          * The `referenceElement` to position the component according to its `"placement"` value.  Setting to the `HTMLElement` is preferred so the component does not need to query the DOM for the `referenceElement`.  However, a string ID of the reference element can be used.
+         */
+        "referenceElement"?: ReferenceElement | string;
+    }
+    interface CalciteTree {
+        "child"?: boolean;
+        /**
+          * Displays indentation guide lines.
+         */
+        "lines"?: boolean;
+        /**
+          * Fires when the user selects/deselects `calcite-tree-items`.
+         */
+        "onCalciteTreeSelect"?: (event: CalciteTreeCustomEvent<void>) => void;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems"?: HTMLCalciteTreeItemElement[];
+        /**
+          * Specifies the selection mode, where `"ancestors"` displays with a checkbox and allows any number of selections from corresponding parent and child selections, `"children"` allows any number of selections from one parent from corresponding parent and child selections, `"multichildren"` allows any number of selections from corresponding parent and child selections, `"multiple"` allows any number of selections, `"none"` allows no selections, `"single"` allows one selection, and `"single-persist"` allows and requires one selection.
+          * @default "single"
+         */
+        "selectionMode"?: SelectionMode;
+    }
+    interface CalciteTreeItem {
+        "depth"?: number;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * When `true`, the component is expanded.
+         */
+        "expanded"?: boolean;
+        "hasChildren"?: boolean;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart"?: string;
+        /**
+          * In ancestor selection mode, show as indeterminate when only some children are selected.
+         */
+        "indeterminate"?: boolean;
+        "lines"?: boolean;
+        "onCalciteInternalTreeItemSelect"?: (event: CalciteTreeItemCustomEvent<TreeItemSelectDetail>) => void;
+        "parentExpanded"?: boolean;
+        "scale"?: Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected"?: boolean;
+        "selectionMode"?: SelectionMode;
+    }
     /**
-     * When `true`, the component is selected.
-     */
-    selected?: boolean;
+     * @deprecated Use the `list` component instead.
+     */
+    interface CalciteValueList {
+        /**
+          * When provided, the method will be called to determine whether the element can  move from the list.
+         */
+        "canPull"?: (detail: DragDetail) => boolean;
+        /**
+          * When provided, the method will be called to determine whether the element can be added from another list.
+         */
+        "canPut"?: (detail: DragDetail) => boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * When `true`, `calcite-value-list-item`s are sortable via a draggable button.
+         */
+        "dragEnabled"?: boolean;
+        /**
+          * When `true`, an input appears at the top of the component that can be used by end users to filter list items.
+         */
+        "filterEnabled"?: boolean;
+        /**
+          * Placeholder text for the filter's input field.
+         */
+        "filterPlaceholder"?: string;
+        /**
+          * Text for the filter input field.
+         */
+        "filterText"?: string;
+        /**
+          * The currently filtered data.
+          * @readonly
+         */
+        "filteredData"?: ItemData1;
+        /**
+          * The currently filtered items.
+          * @readonly
+         */
+        "filteredItems"?: HTMLCalciteValueListItemElement[];
+        /**
+          * The component's group identifier.  To drag elements from one list into another, both lists must have the same group value.
+         */
+        "group"?: string;
+        /**
+          * When `true`, a busy indicator is displayed.
+         */
+        "loading"?: boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<ValueListMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages"?: ValueListMessages;
+        /**
+          * Similar to standard radio buttons and checkboxes. When `true`, a user can select multiple `calcite-value-list-item`s at a time. When `false`, only a single `calcite-value-list-item` can be selected at a time, and a new selection will deselect previous selections.
+         */
+        "multiple"?: boolean;
+        /**
+          * Emits when any of the list item selections have changed.
+         */
+        "onCalciteListChange"?: (event: CalciteValueListCustomEvent<Map<string, HTMLCalciteValueListItemElement>>) => void;
+        /**
+          * Emits when a filter has changed.
+         */
+        "onCalciteListFilter"?: (event: CalciteValueListCustomEvent<void>) => void;
+        /**
+          * Emits when the order of the list has changed.
+         */
+        "onCalciteListOrderChange"?: (event: CalciteValueListCustomEvent<any[]>) => void;
+        /**
+          * When `true` and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
+         */
+        "selectionFollowsFocus"?: boolean;
+    }
     /**
-     * The component's value.
-     */
+     * @deprecated Use the `list` component instead.
+     */
+    interface CalciteValueListItem {
+        /**
+          * A description for the component that displays below the label text.
+         */
+        "description"?: string;
+        "deselectDisabled"?: boolean;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        "handleActivated"?: boolean;
+        /**
+          * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
+          * @see [ICON_TYPES](https://github.com/Esri/calcite-design-system/blob/main/src/components/pick-list/resources.ts#L5)
+         */
+        "icon"?: ICON_TYPES | null;
+        /**
+          * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: boolean;
+        /**
+          * Label and accessible name for the component. Appears next to the icon.
+         */
+        "label": string;
+        /**
+          * Provides additional metadata to the component. Primary use is for a filter on the parent list.
+         */
+        "metadata"?: Record<string, unknown>;
+        /**
+          * When `true`, prevents the content of the component from user interaction.
+         */
+        "nonInteractive"?: boolean;
+        /**
+          * Fires when the component is selected or unselected.
+         */
+        "onCalciteListItemChange"?: (event: CalciteValueListItemCustomEvent<{
+    item: HTMLCalciteValueListItemElement;
     value: any;
-  }
-  interface IntrinsicElements {
-    "calcite-accordion": CalciteAccordion;
-    "calcite-accordion-item": CalciteAccordionItem;
-    "calcite-action": CalciteAction;
-    "calcite-action-bar": CalciteActionBar;
-    "calcite-action-group": CalciteActionGroup;
-    "calcite-action-menu": CalciteActionMenu;
-    "calcite-action-pad": CalciteActionPad;
-    "calcite-alert": CalciteAlert;
-    "calcite-avatar": CalciteAvatar;
-    "calcite-block": CalciteBlock;
-    "calcite-block-section": CalciteBlockSection;
-    "calcite-button": CalciteButton;
-    "calcite-card": CalciteCard;
-    "calcite-checkbox": CalciteCheckbox;
-    "calcite-chip": CalciteChip;
-    "calcite-chip-group": CalciteChipGroup;
-    "calcite-color-picker": CalciteColorPicker;
-    "calcite-color-picker-hex-input": CalciteColorPickerHexInput;
-    "calcite-color-picker-swatch": CalciteColorPickerSwatch;
-    "calcite-combobox": CalciteCombobox;
-    "calcite-combobox-item": CalciteComboboxItem;
-    "calcite-combobox-item-group": CalciteComboboxItemGroup;
-    "calcite-date-picker": CalciteDatePicker;
-    "calcite-date-picker-day": CalciteDatePickerDay;
-    "calcite-date-picker-month": CalciteDatePickerMonth;
-    "calcite-date-picker-month-header": CalciteDatePickerMonthHeader;
-    "calcite-dropdown": CalciteDropdown;
-    "calcite-dropdown-group": CalciteDropdownGroup;
-    "calcite-dropdown-item": CalciteDropdownItem;
-    "calcite-fab": CalciteFab;
-    "calcite-filter": CalciteFilter;
-    "calcite-flow": CalciteFlow;
-    "calcite-flow-item": CalciteFlowItem;
-    "calcite-graph": CalciteGraph;
-    "calcite-handle": CalciteHandle;
-    "calcite-icon": CalciteIcon;
-    "calcite-inline-editable": CalciteInlineEditable;
-    "calcite-input": CalciteInput;
-    "calcite-input-date-picker": CalciteInputDatePicker;
-    "calcite-input-message": CalciteInputMessage;
-    "calcite-input-number": CalciteInputNumber;
-    "calcite-input-text": CalciteInputText;
-    "calcite-input-time-picker": CalciteInputTimePicker;
-    "calcite-input-time-zone": CalciteInputTimeZone;
-    "calcite-label": CalciteLabel;
-    "calcite-link": CalciteLink;
-    "calcite-list": CalciteList;
-    "calcite-list-item": CalciteListItem;
-    "calcite-list-item-group": CalciteListItemGroup;
-    "calcite-loader": CalciteLoader;
-    "calcite-menu": CalciteMenu;
-    "calcite-menu-item": CalciteMenuItem;
-    "calcite-meter": CalciteMeter;
-    "calcite-modal": CalciteModal;
-    "calcite-navigation": CalciteNavigation;
-    "calcite-navigation-logo": CalciteNavigationLogo;
-    "calcite-navigation-user": CalciteNavigationUser;
-    "calcite-notice": CalciteNotice;
-    "calcite-option": CalciteOption;
-    "calcite-option-group": CalciteOptionGroup;
-    "calcite-pagination": CalcitePagination;
-    "calcite-panel": CalcitePanel;
-    "calcite-pick-list": CalcitePickList;
-    "calcite-pick-list-group": CalcitePickListGroup;
-    "calcite-pick-list-item": CalcitePickListItem;
-    "calcite-popover": CalcitePopover;
-    "calcite-progress": CalciteProgress;
-    "calcite-radio-button": CalciteRadioButton;
-    "calcite-radio-button-group": CalciteRadioButtonGroup;
-    "calcite-rating": CalciteRating;
-    "calcite-scrim": CalciteScrim;
-    "calcite-segmented-control": CalciteSegmentedControl;
-    "calcite-segmented-control-item": CalciteSegmentedControlItem;
-    "calcite-select": CalciteSelect;
-    "calcite-sheet": CalciteSheet;
-    "calcite-shell": CalciteShell;
-    "calcite-shell-center-row": CalciteShellCenterRow;
-    "calcite-shell-panel": CalciteShellPanel;
-    "calcite-slider": CalciteSlider;
-    "calcite-sortable-list": CalciteSortableList;
-    "calcite-split-button": CalciteSplitButton;
-    "calcite-stack": CalciteStack;
-    "calcite-stepper": CalciteStepper;
-    "calcite-stepper-item": CalciteStepperItem;
-    "calcite-switch": CalciteSwitch;
-    "calcite-tab": CalciteTab;
-    "calcite-tab-nav": CalciteTabNav;
-    "calcite-tab-title": CalciteTabTitle;
-    "calcite-table": CalciteTable;
-    "calcite-table-cell": CalciteTableCell;
-    "calcite-table-header": CalciteTableHeader;
-    "calcite-table-row": CalciteTableRow;
-    "calcite-tabs": CalciteTabs;
-    "calcite-text-area": CalciteTextArea;
-    "calcite-tile": CalciteTile;
-    "calcite-tile-select": CalciteTileSelect;
-    "calcite-tile-select-group": CalciteTileSelectGroup;
-    "calcite-time-picker": CalciteTimePicker;
-    "calcite-tip": CalciteTip;
-    "calcite-tip-group": CalciteTipGroup;
-    "calcite-tip-manager": CalciteTipManager;
-    "calcite-tooltip": CalciteTooltip;
-    "calcite-tree": CalciteTree;
-    "calcite-tree-item": CalciteTreeItem;
-    "calcite-value-list": CalciteValueList;
-    "calcite-value-list-item": CalciteValueListItem;
-  }
+    selected: boolean;
+    shiftPressed: boolean;
+  }>) => void;
+        /**
+          * Fires when the remove button is pressed.
+         */
+        "onCalciteListItemRemove"?: (event: CalciteValueListItemCustomEvent<void>) => void;
+        "onCalciteValueListItemDragHandleBlur"?: (event: CalciteValueListItemCustomEvent<ListItemAndHandle>) => void;
+        /**
+          * When `true`, adds an action to remove the component.
+         */
+        "removable"?: boolean;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected"?: boolean;
+        /**
+          * The component's value.
+         */
+        "value": any;
+    }
+    interface IntrinsicElements {
+        "calcite-accordion": CalciteAccordion;
+        "calcite-accordion-item": CalciteAccordionItem;
+        "calcite-action": CalciteAction;
+        "calcite-action-bar": CalciteActionBar;
+        "calcite-action-group": CalciteActionGroup;
+        "calcite-action-menu": CalciteActionMenu;
+        "calcite-action-pad": CalciteActionPad;
+        "calcite-alert": CalciteAlert;
+        "calcite-avatar": CalciteAvatar;
+        "calcite-block": CalciteBlock;
+        "calcite-block-section": CalciteBlockSection;
+        "calcite-button": CalciteButton;
+        "calcite-card": CalciteCard;
+        "calcite-checkbox": CalciteCheckbox;
+        "calcite-chip": CalciteChip;
+        "calcite-chip-group": CalciteChipGroup;
+        "calcite-color-picker": CalciteColorPicker;
+        "calcite-color-picker-hex-input": CalciteColorPickerHexInput;
+        "calcite-color-picker-swatch": CalciteColorPickerSwatch;
+        "calcite-combobox": CalciteCombobox;
+        "calcite-combobox-item": CalciteComboboxItem;
+        "calcite-combobox-item-group": CalciteComboboxItemGroup;
+        "calcite-date-picker": CalciteDatePicker;
+        "calcite-date-picker-day": CalciteDatePickerDay;
+        "calcite-date-picker-month": CalciteDatePickerMonth;
+        "calcite-date-picker-month-header": CalciteDatePickerMonthHeader;
+        "calcite-dropdown": CalciteDropdown;
+        "calcite-dropdown-group": CalciteDropdownGroup;
+        "calcite-dropdown-item": CalciteDropdownItem;
+        "calcite-fab": CalciteFab;
+        "calcite-filter": CalciteFilter;
+        "calcite-flow": CalciteFlow;
+        "calcite-flow-item": CalciteFlowItem;
+        "calcite-graph": CalciteGraph;
+        "calcite-handle": CalciteHandle;
+        "calcite-icon": CalciteIcon;
+        "calcite-inline-editable": CalciteInlineEditable;
+        "calcite-input": CalciteInput;
+        "calcite-input-date-picker": CalciteInputDatePicker;
+        "calcite-input-message": CalciteInputMessage;
+        "calcite-input-number": CalciteInputNumber;
+        "calcite-input-text": CalciteInputText;
+        "calcite-input-time-picker": CalciteInputTimePicker;
+        "calcite-input-time-zone": CalciteInputTimeZone;
+        "calcite-label": CalciteLabel;
+        "calcite-link": CalciteLink;
+        "calcite-list": CalciteList;
+        "calcite-list-item": CalciteListItem;
+        "calcite-list-item-group": CalciteListItemGroup;
+        "calcite-loader": CalciteLoader;
+        "calcite-menu": CalciteMenu;
+        "calcite-menu-item": CalciteMenuItem;
+        "calcite-meter": CalciteMeter;
+        "calcite-modal": CalciteModal;
+        "calcite-navigation": CalciteNavigation;
+        "calcite-navigation-logo": CalciteNavigationLogo;
+        "calcite-navigation-user": CalciteNavigationUser;
+        "calcite-notice": CalciteNotice;
+        "calcite-option": CalciteOption;
+        "calcite-option-group": CalciteOptionGroup;
+        "calcite-pagination": CalcitePagination;
+        "calcite-panel": CalcitePanel;
+        "calcite-pick-list": CalcitePickList;
+        "calcite-pick-list-group": CalcitePickListGroup;
+        "calcite-pick-list-item": CalcitePickListItem;
+        "calcite-popover": CalcitePopover;
+        "calcite-progress": CalciteProgress;
+        "calcite-radio-button": CalciteRadioButton;
+        "calcite-radio-button-group": CalciteRadioButtonGroup;
+        "calcite-rating": CalciteRating;
+        "calcite-scrim": CalciteScrim;
+        "calcite-segmented-control": CalciteSegmentedControl;
+        "calcite-segmented-control-item": CalciteSegmentedControlItem;
+        "calcite-select": CalciteSelect;
+        "calcite-sheet": CalciteSheet;
+        "calcite-shell": CalciteShell;
+        "calcite-shell-center-row": CalciteShellCenterRow;
+        "calcite-shell-panel": CalciteShellPanel;
+        "calcite-slider": CalciteSlider;
+        "calcite-sortable-list": CalciteSortableList;
+        "calcite-split-button": CalciteSplitButton;
+        "calcite-stack": CalciteStack;
+        "calcite-stepper": CalciteStepper;
+        "calcite-stepper-item": CalciteStepperItem;
+        "calcite-switch": CalciteSwitch;
+        "calcite-tab": CalciteTab;
+        "calcite-tab-nav": CalciteTabNav;
+        "calcite-tab-title": CalciteTabTitle;
+        "calcite-table": CalciteTable;
+        "calcite-table-cell": CalciteTableCell;
+        "calcite-table-header": CalciteTableHeader;
+        "calcite-table-row": CalciteTableRow;
+        "calcite-tabs": CalciteTabs;
+        "calcite-text-area": CalciteTextArea;
+        "calcite-tile": CalciteTile;
+        "calcite-tile-select": CalciteTileSelect;
+        "calcite-tile-select-group": CalciteTileSelectGroup;
+        "calcite-time-picker": CalciteTimePicker;
+        "calcite-tip": CalciteTip;
+        "calcite-tip-group": CalciteTipGroup;
+        "calcite-tip-manager": CalciteTipManager;
+        "calcite-tooltip": CalciteTooltip;
+        "calcite-tree": CalciteTree;
+        "calcite-tree-item": CalciteTreeItem;
+        "calcite-value-list": CalciteValueList;
+        "calcite-value-list-item": CalciteValueListItem;
+    }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
-  export namespace JSX {
-    interface IntrinsicElements {
-      "calcite-accordion": LocalJSX.CalciteAccordion & JSXBase.HTMLAttributes<HTMLCalciteAccordionElement>;
-      "calcite-accordion-item": LocalJSX.CalciteAccordionItem & JSXBase.HTMLAttributes<HTMLCalciteAccordionItemElement>;
-      "calcite-action": LocalJSX.CalciteAction & JSXBase.HTMLAttributes<HTMLCalciteActionElement>;
-      "calcite-action-bar": LocalJSX.CalciteActionBar & JSXBase.HTMLAttributes<HTMLCalciteActionBarElement>;
-      "calcite-action-group": LocalJSX.CalciteActionGroup & JSXBase.HTMLAttributes<HTMLCalciteActionGroupElement>;
-      "calcite-action-menu": LocalJSX.CalciteActionMenu & JSXBase.HTMLAttributes<HTMLCalciteActionMenuElement>;
-      "calcite-action-pad": LocalJSX.CalciteActionPad & JSXBase.HTMLAttributes<HTMLCalciteActionPadElement>;
-      "calcite-alert": LocalJSX.CalciteAlert & JSXBase.HTMLAttributes<HTMLCalciteAlertElement>;
-      "calcite-avatar": LocalJSX.CalciteAvatar & JSXBase.HTMLAttributes<HTMLCalciteAvatarElement>;
-      "calcite-block": LocalJSX.CalciteBlock & JSXBase.HTMLAttributes<HTMLCalciteBlockElement>;
-      "calcite-block-section": LocalJSX.CalciteBlockSection & JSXBase.HTMLAttributes<HTMLCalciteBlockSectionElement>;
-      "calcite-button": LocalJSX.CalciteButton & JSXBase.HTMLAttributes<HTMLCalciteButtonElement>;
-      "calcite-card": LocalJSX.CalciteCard & JSXBase.HTMLAttributes<HTMLCalciteCardElement>;
-      "calcite-checkbox": LocalJSX.CalciteCheckbox & JSXBase.HTMLAttributes<HTMLCalciteCheckboxElement>;
-      "calcite-chip": LocalJSX.CalciteChip & JSXBase.HTMLAttributes<HTMLCalciteChipElement>;
-      "calcite-chip-group": LocalJSX.CalciteChipGroup & JSXBase.HTMLAttributes<HTMLCalciteChipGroupElement>;
-      "calcite-color-picker": LocalJSX.CalciteColorPicker & JSXBase.HTMLAttributes<HTMLCalciteColorPickerElement>;
-      "calcite-color-picker-hex-input": LocalJSX.CalciteColorPickerHexInput &
-        JSXBase.HTMLAttributes<HTMLCalciteColorPickerHexInputElement>;
-      "calcite-color-picker-swatch": LocalJSX.CalciteColorPickerSwatch &
-        JSXBase.HTMLAttributes<HTMLCalciteColorPickerSwatchElement>;
-      "calcite-combobox": LocalJSX.CalciteCombobox & JSXBase.HTMLAttributes<HTMLCalciteComboboxElement>;
-      "calcite-combobox-item": LocalJSX.CalciteComboboxItem & JSXBase.HTMLAttributes<HTMLCalciteComboboxItemElement>;
-      "calcite-combobox-item-group": LocalJSX.CalciteComboboxItemGroup &
-        JSXBase.HTMLAttributes<HTMLCalciteComboboxItemGroupElement>;
-      "calcite-date-picker": LocalJSX.CalciteDatePicker & JSXBase.HTMLAttributes<HTMLCalciteDatePickerElement>;
-      "calcite-date-picker-day": LocalJSX.CalciteDatePickerDay &
-        JSXBase.HTMLAttributes<HTMLCalciteDatePickerDayElement>;
-      "calcite-date-picker-month": LocalJSX.CalciteDatePickerMonth &
-        JSXBase.HTMLAttributes<HTMLCalciteDatePickerMonthElement>;
-      "calcite-date-picker-month-header": LocalJSX.CalciteDatePickerMonthHeader &
-        JSXBase.HTMLAttributes<HTMLCalciteDatePickerMonthHeaderElement>;
-      "calcite-dropdown": LocalJSX.CalciteDropdown & JSXBase.HTMLAttributes<HTMLCalciteDropdownElement>;
-      "calcite-dropdown-group": LocalJSX.CalciteDropdownGroup & JSXBase.HTMLAttributes<HTMLCalciteDropdownGroupElement>;
-      "calcite-dropdown-item": LocalJSX.CalciteDropdownItem & JSXBase.HTMLAttributes<HTMLCalciteDropdownItemElement>;
-      "calcite-fab": LocalJSX.CalciteFab & JSXBase.HTMLAttributes<HTMLCalciteFabElement>;
-      "calcite-filter": LocalJSX.CalciteFilter & JSXBase.HTMLAttributes<HTMLCalciteFilterElement>;
-      "calcite-flow": LocalJSX.CalciteFlow & JSXBase.HTMLAttributes<HTMLCalciteFlowElement>;
-      "calcite-flow-item": LocalJSX.CalciteFlowItem & JSXBase.HTMLAttributes<HTMLCalciteFlowItemElement>;
-      "calcite-graph": LocalJSX.CalciteGraph & JSXBase.HTMLAttributes<HTMLCalciteGraphElement>;
-      "calcite-handle": LocalJSX.CalciteHandle & JSXBase.HTMLAttributes<HTMLCalciteHandleElement>;
-      "calcite-icon": LocalJSX.CalciteIcon & JSXBase.HTMLAttributes<HTMLCalciteIconElement>;
-      "calcite-inline-editable": LocalJSX.CalciteInlineEditable &
-        JSXBase.HTMLAttributes<HTMLCalciteInlineEditableElement>;
-      "calcite-input": LocalJSX.CalciteInput & JSXBase.HTMLAttributes<HTMLCalciteInputElement>;
-      "calcite-input-date-picker": LocalJSX.CalciteInputDatePicker &
-        JSXBase.HTMLAttributes<HTMLCalciteInputDatePickerElement>;
-      "calcite-input-message": LocalJSX.CalciteInputMessage & JSXBase.HTMLAttributes<HTMLCalciteInputMessageElement>;
-      "calcite-input-number": LocalJSX.CalciteInputNumber & JSXBase.HTMLAttributes<HTMLCalciteInputNumberElement>;
-      "calcite-input-text": LocalJSX.CalciteInputText & JSXBase.HTMLAttributes<HTMLCalciteInputTextElement>;
-      "calcite-input-time-picker": LocalJSX.CalciteInputTimePicker &
-        JSXBase.HTMLAttributes<HTMLCalciteInputTimePickerElement>;
-      "calcite-input-time-zone": LocalJSX.CalciteInputTimeZone &
-        JSXBase.HTMLAttributes<HTMLCalciteInputTimeZoneElement>;
-      "calcite-label": LocalJSX.CalciteLabel & JSXBase.HTMLAttributes<HTMLCalciteLabelElement>;
-      "calcite-link": LocalJSX.CalciteLink & JSXBase.HTMLAttributes<HTMLCalciteLinkElement>;
-      /**
-       * A general purpose list that enables users to construct list items that conform to Calcite styling.
-       */
-      "calcite-list": LocalJSX.CalciteList & JSXBase.HTMLAttributes<HTMLCalciteListElement>;
-      "calcite-list-item": LocalJSX.CalciteListItem & JSXBase.HTMLAttributes<HTMLCalciteListItemElement>;
-      "calcite-list-item-group": LocalJSX.CalciteListItemGroup &
-        JSXBase.HTMLAttributes<HTMLCalciteListItemGroupElement>;
-      "calcite-loader": LocalJSX.CalciteLoader & JSXBase.HTMLAttributes<HTMLCalciteLoaderElement>;
-      "calcite-menu": LocalJSX.CalciteMenu & JSXBase.HTMLAttributes<HTMLCalciteMenuElement>;
-      "calcite-menu-item": LocalJSX.CalciteMenuItem & JSXBase.HTMLAttributes<HTMLCalciteMenuItemElement>;
-      "calcite-meter": LocalJSX.CalciteMeter & JSXBase.HTMLAttributes<HTMLCalciteMeterElement>;
-      "calcite-modal": LocalJSX.CalciteModal & JSXBase.HTMLAttributes<HTMLCalciteModalElement>;
-      "calcite-navigation": LocalJSX.CalciteNavigation & JSXBase.HTMLAttributes<HTMLCalciteNavigationElement>;
-      "calcite-navigation-logo": LocalJSX.CalciteNavigationLogo &
-        JSXBase.HTMLAttributes<HTMLCalciteNavigationLogoElement>;
-      "calcite-navigation-user": LocalJSX.CalciteNavigationUser &
-        JSXBase.HTMLAttributes<HTMLCalciteNavigationUserElement>;
-      "calcite-notice": LocalJSX.CalciteNotice & JSXBase.HTMLAttributes<HTMLCalciteNoticeElement>;
-      "calcite-option": LocalJSX.CalciteOption & JSXBase.HTMLAttributes<HTMLCalciteOptionElement>;
-      "calcite-option-group": LocalJSX.CalciteOptionGroup & JSXBase.HTMLAttributes<HTMLCalciteOptionGroupElement>;
-      "calcite-pagination": LocalJSX.CalcitePagination & JSXBase.HTMLAttributes<HTMLCalcitePaginationElement>;
-      "calcite-panel": LocalJSX.CalcitePanel & JSXBase.HTMLAttributes<HTMLCalcitePanelElement>;
-      /**
-       * @deprecated Use the `list` component instead.
-       */
-      "calcite-pick-list": LocalJSX.CalcitePickList & JSXBase.HTMLAttributes<HTMLCalcitePickListElement>;
-      /**
-       * @deprecated Use the `list` component instead.
-       */
-      "calcite-pick-list-group": LocalJSX.CalcitePickListGroup &
-        JSXBase.HTMLAttributes<HTMLCalcitePickListGroupElement>;
-      /**
-       * @deprecated Use the `list` component instead.
-       */
-      "calcite-pick-list-item": LocalJSX.CalcitePickListItem & JSXBase.HTMLAttributes<HTMLCalcitePickListItemElement>;
-      "calcite-popover": LocalJSX.CalcitePopover & JSXBase.HTMLAttributes<HTMLCalcitePopoverElement>;
-      "calcite-progress": LocalJSX.CalciteProgress & JSXBase.HTMLAttributes<HTMLCalciteProgressElement>;
-      "calcite-radio-button": LocalJSX.CalciteRadioButton & JSXBase.HTMLAttributes<HTMLCalciteRadioButtonElement>;
-      "calcite-radio-button-group": LocalJSX.CalciteRadioButtonGroup &
-        JSXBase.HTMLAttributes<HTMLCalciteRadioButtonGroupElement>;
-      "calcite-rating": LocalJSX.CalciteRating & JSXBase.HTMLAttributes<HTMLCalciteRatingElement>;
-      "calcite-scrim": LocalJSX.CalciteScrim & JSXBase.HTMLAttributes<HTMLCalciteScrimElement>;
-      "calcite-segmented-control": LocalJSX.CalciteSegmentedControl &
-        JSXBase.HTMLAttributes<HTMLCalciteSegmentedControlElement>;
-      "calcite-segmented-control-item": LocalJSX.CalciteSegmentedControlItem &
-        JSXBase.HTMLAttributes<HTMLCalciteSegmentedControlItemElement>;
-      "calcite-select": LocalJSX.CalciteSelect & JSXBase.HTMLAttributes<HTMLCalciteSelectElement>;
-      "calcite-sheet": LocalJSX.CalciteSheet & JSXBase.HTMLAttributes<HTMLCalciteSheetElement>;
-      "calcite-shell": LocalJSX.CalciteShell & JSXBase.HTMLAttributes<HTMLCalciteShellElement>;
-      "calcite-shell-center-row": LocalJSX.CalciteShellCenterRow &
-        JSXBase.HTMLAttributes<HTMLCalciteShellCenterRowElement>;
-      "calcite-shell-panel": LocalJSX.CalciteShellPanel & JSXBase.HTMLAttributes<HTMLCalciteShellPanelElement>;
-      "calcite-slider": LocalJSX.CalciteSlider & JSXBase.HTMLAttributes<HTMLCalciteSliderElement>;
-      "calcite-sortable-list": LocalJSX.CalciteSortableList & JSXBase.HTMLAttributes<HTMLCalciteSortableListElement>;
-      "calcite-split-button": LocalJSX.CalciteSplitButton & JSXBase.HTMLAttributes<HTMLCalciteSplitButtonElement>;
-      "calcite-stack": LocalJSX.CalciteStack & JSXBase.HTMLAttributes<HTMLCalciteStackElement>;
-      "calcite-stepper": LocalJSX.CalciteStepper & JSXBase.HTMLAttributes<HTMLCalciteStepperElement>;
-      "calcite-stepper-item": LocalJSX.CalciteStepperItem & JSXBase.HTMLAttributes<HTMLCalciteStepperItemElement>;
-      "calcite-switch": LocalJSX.CalciteSwitch & JSXBase.HTMLAttributes<HTMLCalciteSwitchElement>;
-      "calcite-tab": LocalJSX.CalciteTab & JSXBase.HTMLAttributes<HTMLCalciteTabElement>;
-      "calcite-tab-nav": LocalJSX.CalciteTabNav & JSXBase.HTMLAttributes<HTMLCalciteTabNavElement>;
-      "calcite-tab-title": LocalJSX.CalciteTabTitle & JSXBase.HTMLAttributes<HTMLCalciteTabTitleElement>;
-      "calcite-table": LocalJSX.CalciteTable & JSXBase.HTMLAttributes<HTMLCalciteTableElement>;
-      "calcite-table-cell": LocalJSX.CalciteTableCell & JSXBase.HTMLAttributes<HTMLCalciteTableCellElement>;
-      "calcite-table-header": LocalJSX.CalciteTableHeader & JSXBase.HTMLAttributes<HTMLCalciteTableHeaderElement>;
-      "calcite-table-row": LocalJSX.CalciteTableRow & JSXBase.HTMLAttributes<HTMLCalciteTableRowElement>;
-      "calcite-tabs": LocalJSX.CalciteTabs & JSXBase.HTMLAttributes<HTMLCalciteTabsElement>;
-      "calcite-text-area": LocalJSX.CalciteTextArea & JSXBase.HTMLAttributes<HTMLCalciteTextAreaElement>;
-      "calcite-tile": LocalJSX.CalciteTile & JSXBase.HTMLAttributes<HTMLCalciteTileElement>;
-      "calcite-tile-select": LocalJSX.CalciteTileSelect & JSXBase.HTMLAttributes<HTMLCalciteTileSelectElement>;
-      "calcite-tile-select-group": LocalJSX.CalciteTileSelectGroup &
-        JSXBase.HTMLAttributes<HTMLCalciteTileSelectGroupElement>;
-      "calcite-time-picker": LocalJSX.CalciteTimePicker & JSXBase.HTMLAttributes<HTMLCalciteTimePickerElement>;
-      "calcite-tip": LocalJSX.CalciteTip & JSXBase.HTMLAttributes<HTMLCalciteTipElement>;
-      "calcite-tip-group": LocalJSX.CalciteTipGroup & JSXBase.HTMLAttributes<HTMLCalciteTipGroupElement>;
-      "calcite-tip-manager": LocalJSX.CalciteTipManager & JSXBase.HTMLAttributes<HTMLCalciteTipManagerElement>;
-      "calcite-tooltip": LocalJSX.CalciteTooltip & JSXBase.HTMLAttributes<HTMLCalciteTooltipElement>;
-      "calcite-tree": LocalJSX.CalciteTree & JSXBase.HTMLAttributes<HTMLCalciteTreeElement>;
-      "calcite-tree-item": LocalJSX.CalciteTreeItem & JSXBase.HTMLAttributes<HTMLCalciteTreeItemElement>;
-      /**
-       * @deprecated Use the `list` component instead.
-       */
-      "calcite-value-list": LocalJSX.CalciteValueList & JSXBase.HTMLAttributes<HTMLCalciteValueListElement>;
-      /**
-       * @deprecated Use the `list` component instead.
-       */
-      "calcite-value-list-item": LocalJSX.CalciteValueListItem &
-        JSXBase.HTMLAttributes<HTMLCalciteValueListItemElement>;
-    }
-  }
+    export namespace JSX {
+        interface IntrinsicElements {
+            "calcite-accordion": LocalJSX.CalciteAccordion & JSXBase.HTMLAttributes<HTMLCalciteAccordionElement>;
+            "calcite-accordion-item": LocalJSX.CalciteAccordionItem & JSXBase.HTMLAttributes<HTMLCalciteAccordionItemElement>;
+            "calcite-action": LocalJSX.CalciteAction & JSXBase.HTMLAttributes<HTMLCalciteActionElement>;
+            "calcite-action-bar": LocalJSX.CalciteActionBar & JSXBase.HTMLAttributes<HTMLCalciteActionBarElement>;
+            "calcite-action-group": LocalJSX.CalciteActionGroup & JSXBase.HTMLAttributes<HTMLCalciteActionGroupElement>;
+            "calcite-action-menu": LocalJSX.CalciteActionMenu & JSXBase.HTMLAttributes<HTMLCalciteActionMenuElement>;
+            "calcite-action-pad": LocalJSX.CalciteActionPad & JSXBase.HTMLAttributes<HTMLCalciteActionPadElement>;
+            "calcite-alert": LocalJSX.CalciteAlert & JSXBase.HTMLAttributes<HTMLCalciteAlertElement>;
+            "calcite-avatar": LocalJSX.CalciteAvatar & JSXBase.HTMLAttributes<HTMLCalciteAvatarElement>;
+            "calcite-block": LocalJSX.CalciteBlock & JSXBase.HTMLAttributes<HTMLCalciteBlockElement>;
+            "calcite-block-section": LocalJSX.CalciteBlockSection & JSXBase.HTMLAttributes<HTMLCalciteBlockSectionElement>;
+            "calcite-button": LocalJSX.CalciteButton & JSXBase.HTMLAttributes<HTMLCalciteButtonElement>;
+            "calcite-card": LocalJSX.CalciteCard & JSXBase.HTMLAttributes<HTMLCalciteCardElement>;
+            "calcite-checkbox": LocalJSX.CalciteCheckbox & JSXBase.HTMLAttributes<HTMLCalciteCheckboxElement>;
+            "calcite-chip": LocalJSX.CalciteChip & JSXBase.HTMLAttributes<HTMLCalciteChipElement>;
+            "calcite-chip-group": LocalJSX.CalciteChipGroup & JSXBase.HTMLAttributes<HTMLCalciteChipGroupElement>;
+            "calcite-color-picker": LocalJSX.CalciteColorPicker & JSXBase.HTMLAttributes<HTMLCalciteColorPickerElement>;
+            "calcite-color-picker-hex-input": LocalJSX.CalciteColorPickerHexInput & JSXBase.HTMLAttributes<HTMLCalciteColorPickerHexInputElement>;
+            "calcite-color-picker-swatch": LocalJSX.CalciteColorPickerSwatch & JSXBase.HTMLAttributes<HTMLCalciteColorPickerSwatchElement>;
+            "calcite-combobox": LocalJSX.CalciteCombobox & JSXBase.HTMLAttributes<HTMLCalciteComboboxElement>;
+            "calcite-combobox-item": LocalJSX.CalciteComboboxItem & JSXBase.HTMLAttributes<HTMLCalciteComboboxItemElement>;
+            "calcite-combobox-item-group": LocalJSX.CalciteComboboxItemGroup & JSXBase.HTMLAttributes<HTMLCalciteComboboxItemGroupElement>;
+            "calcite-date-picker": LocalJSX.CalciteDatePicker & JSXBase.HTMLAttributes<HTMLCalciteDatePickerElement>;
+            "calcite-date-picker-day": LocalJSX.CalciteDatePickerDay & JSXBase.HTMLAttributes<HTMLCalciteDatePickerDayElement>;
+            "calcite-date-picker-month": LocalJSX.CalciteDatePickerMonth & JSXBase.HTMLAttributes<HTMLCalciteDatePickerMonthElement>;
+            "calcite-date-picker-month-header": LocalJSX.CalciteDatePickerMonthHeader & JSXBase.HTMLAttributes<HTMLCalciteDatePickerMonthHeaderElement>;
+            "calcite-dropdown": LocalJSX.CalciteDropdown & JSXBase.HTMLAttributes<HTMLCalciteDropdownElement>;
+            "calcite-dropdown-group": LocalJSX.CalciteDropdownGroup & JSXBase.HTMLAttributes<HTMLCalciteDropdownGroupElement>;
+            "calcite-dropdown-item": LocalJSX.CalciteDropdownItem & JSXBase.HTMLAttributes<HTMLCalciteDropdownItemElement>;
+            "calcite-fab": LocalJSX.CalciteFab & JSXBase.HTMLAttributes<HTMLCalciteFabElement>;
+            "calcite-filter": LocalJSX.CalciteFilter & JSXBase.HTMLAttributes<HTMLCalciteFilterElement>;
+            "calcite-flow": LocalJSX.CalciteFlow & JSXBase.HTMLAttributes<HTMLCalciteFlowElement>;
+            "calcite-flow-item": LocalJSX.CalciteFlowItem & JSXBase.HTMLAttributes<HTMLCalciteFlowItemElement>;
+            "calcite-graph": LocalJSX.CalciteGraph & JSXBase.HTMLAttributes<HTMLCalciteGraphElement>;
+            "calcite-handle": LocalJSX.CalciteHandle & JSXBase.HTMLAttributes<HTMLCalciteHandleElement>;
+            "calcite-icon": LocalJSX.CalciteIcon & JSXBase.HTMLAttributes<HTMLCalciteIconElement>;
+            "calcite-inline-editable": LocalJSX.CalciteInlineEditable & JSXBase.HTMLAttributes<HTMLCalciteInlineEditableElement>;
+            "calcite-input": LocalJSX.CalciteInput & JSXBase.HTMLAttributes<HTMLCalciteInputElement>;
+            "calcite-input-date-picker": LocalJSX.CalciteInputDatePicker & JSXBase.HTMLAttributes<HTMLCalciteInputDatePickerElement>;
+            "calcite-input-message": LocalJSX.CalciteInputMessage & JSXBase.HTMLAttributes<HTMLCalciteInputMessageElement>;
+            "calcite-input-number": LocalJSX.CalciteInputNumber & JSXBase.HTMLAttributes<HTMLCalciteInputNumberElement>;
+            "calcite-input-text": LocalJSX.CalciteInputText & JSXBase.HTMLAttributes<HTMLCalciteInputTextElement>;
+            "calcite-input-time-picker": LocalJSX.CalciteInputTimePicker & JSXBase.HTMLAttributes<HTMLCalciteInputTimePickerElement>;
+            "calcite-input-time-zone": LocalJSX.CalciteInputTimeZone & JSXBase.HTMLAttributes<HTMLCalciteInputTimeZoneElement>;
+            "calcite-label": LocalJSX.CalciteLabel & JSXBase.HTMLAttributes<HTMLCalciteLabelElement>;
+            "calcite-link": LocalJSX.CalciteLink & JSXBase.HTMLAttributes<HTMLCalciteLinkElement>;
+            /**
+             * A general purpose list that enables users to construct list items that conform to Calcite styling.
+             */
+            "calcite-list": LocalJSX.CalciteList & JSXBase.HTMLAttributes<HTMLCalciteListElement>;
+            "calcite-list-item": LocalJSX.CalciteListItem & JSXBase.HTMLAttributes<HTMLCalciteListItemElement>;
+            "calcite-list-item-group": LocalJSX.CalciteListItemGroup & JSXBase.HTMLAttributes<HTMLCalciteListItemGroupElement>;
+            "calcite-loader": LocalJSX.CalciteLoader & JSXBase.HTMLAttributes<HTMLCalciteLoaderElement>;
+            "calcite-menu": LocalJSX.CalciteMenu & JSXBase.HTMLAttributes<HTMLCalciteMenuElement>;
+            "calcite-menu-item": LocalJSX.CalciteMenuItem & JSXBase.HTMLAttributes<HTMLCalciteMenuItemElement>;
+            "calcite-meter": LocalJSX.CalciteMeter & JSXBase.HTMLAttributes<HTMLCalciteMeterElement>;
+            "calcite-modal": LocalJSX.CalciteModal & JSXBase.HTMLAttributes<HTMLCalciteModalElement>;
+            "calcite-navigation": LocalJSX.CalciteNavigation & JSXBase.HTMLAttributes<HTMLCalciteNavigationElement>;
+            "calcite-navigation-logo": LocalJSX.CalciteNavigationLogo & JSXBase.HTMLAttributes<HTMLCalciteNavigationLogoElement>;
+            "calcite-navigation-user": LocalJSX.CalciteNavigationUser & JSXBase.HTMLAttributes<HTMLCalciteNavigationUserElement>;
+            "calcite-notice": LocalJSX.CalciteNotice & JSXBase.HTMLAttributes<HTMLCalciteNoticeElement>;
+            "calcite-option": LocalJSX.CalciteOption & JSXBase.HTMLAttributes<HTMLCalciteOptionElement>;
+            "calcite-option-group": LocalJSX.CalciteOptionGroup & JSXBase.HTMLAttributes<HTMLCalciteOptionGroupElement>;
+            "calcite-pagination": LocalJSX.CalcitePagination & JSXBase.HTMLAttributes<HTMLCalcitePaginationElement>;
+            "calcite-panel": LocalJSX.CalcitePanel & JSXBase.HTMLAttributes<HTMLCalcitePanelElement>;
+            /**
+             * @deprecated Use the `list` component instead.
+             */
+            "calcite-pick-list": LocalJSX.CalcitePickList & JSXBase.HTMLAttributes<HTMLCalcitePickListElement>;
+            /**
+             * @deprecated Use the `list` component instead.
+             */
+            "calcite-pick-list-group": LocalJSX.CalcitePickListGroup & JSXBase.HTMLAttributes<HTMLCalcitePickListGroupElement>;
+            /**
+             * @deprecated Use the `list` component instead.
+             */
+            "calcite-pick-list-item": LocalJSX.CalcitePickListItem & JSXBase.HTMLAttributes<HTMLCalcitePickListItemElement>;
+            "calcite-popover": LocalJSX.CalcitePopover & JSXBase.HTMLAttributes<HTMLCalcitePopoverElement>;
+            "calcite-progress": LocalJSX.CalciteProgress & JSXBase.HTMLAttributes<HTMLCalciteProgressElement>;
+            "calcite-radio-button": LocalJSX.CalciteRadioButton & JSXBase.HTMLAttributes<HTMLCalciteRadioButtonElement>;
+            "calcite-radio-button-group": LocalJSX.CalciteRadioButtonGroup & JSXBase.HTMLAttributes<HTMLCalciteRadioButtonGroupElement>;
+            "calcite-rating": LocalJSX.CalciteRating & JSXBase.HTMLAttributes<HTMLCalciteRatingElement>;
+            "calcite-scrim": LocalJSX.CalciteScrim & JSXBase.HTMLAttributes<HTMLCalciteScrimElement>;
+            "calcite-segmented-control": LocalJSX.CalciteSegmentedControl & JSXBase.HTMLAttributes<HTMLCalciteSegmentedControlElement>;
+            "calcite-segmented-control-item": LocalJSX.CalciteSegmentedControlItem & JSXBase.HTMLAttributes<HTMLCalciteSegmentedControlItemElement>;
+            "calcite-select": LocalJSX.CalciteSelect & JSXBase.HTMLAttributes<HTMLCalciteSelectElement>;
+            "calcite-sheet": LocalJSX.CalciteSheet & JSXBase.HTMLAttributes<HTMLCalciteSheetElement>;
+            "calcite-shell": LocalJSX.CalciteShell & JSXBase.HTMLAttributes<HTMLCalciteShellElement>;
+            "calcite-shell-center-row": LocalJSX.CalciteShellCenterRow & JSXBase.HTMLAttributes<HTMLCalciteShellCenterRowElement>;
+            "calcite-shell-panel": LocalJSX.CalciteShellPanel & JSXBase.HTMLAttributes<HTMLCalciteShellPanelElement>;
+            "calcite-slider": LocalJSX.CalciteSlider & JSXBase.HTMLAttributes<HTMLCalciteSliderElement>;
+            "calcite-sortable-list": LocalJSX.CalciteSortableList & JSXBase.HTMLAttributes<HTMLCalciteSortableListElement>;
+            "calcite-split-button": LocalJSX.CalciteSplitButton & JSXBase.HTMLAttributes<HTMLCalciteSplitButtonElement>;
+            "calcite-stack": LocalJSX.CalciteStack & JSXBase.HTMLAttributes<HTMLCalciteStackElement>;
+            "calcite-stepper": LocalJSX.CalciteStepper & JSXBase.HTMLAttributes<HTMLCalciteStepperElement>;
+            "calcite-stepper-item": LocalJSX.CalciteStepperItem & JSXBase.HTMLAttributes<HTMLCalciteStepperItemElement>;
+            "calcite-switch": LocalJSX.CalciteSwitch & JSXBase.HTMLAttributes<HTMLCalciteSwitchElement>;
+            "calcite-tab": LocalJSX.CalciteTab & JSXBase.HTMLAttributes<HTMLCalciteTabElement>;
+            "calcite-tab-nav": LocalJSX.CalciteTabNav & JSXBase.HTMLAttributes<HTMLCalciteTabNavElement>;
+            "calcite-tab-title": LocalJSX.CalciteTabTitle & JSXBase.HTMLAttributes<HTMLCalciteTabTitleElement>;
+            "calcite-table": LocalJSX.CalciteTable & JSXBase.HTMLAttributes<HTMLCalciteTableElement>;
+            "calcite-table-cell": LocalJSX.CalciteTableCell & JSXBase.HTMLAttributes<HTMLCalciteTableCellElement>;
+            "calcite-table-header": LocalJSX.CalciteTableHeader & JSXBase.HTMLAttributes<HTMLCalciteTableHeaderElement>;
+            "calcite-table-row": LocalJSX.CalciteTableRow & JSXBase.HTMLAttributes<HTMLCalciteTableRowElement>;
+            "calcite-tabs": LocalJSX.CalciteTabs & JSXBase.HTMLAttributes<HTMLCalciteTabsElement>;
+            "calcite-text-area": LocalJSX.CalciteTextArea & JSXBase.HTMLAttributes<HTMLCalciteTextAreaElement>;
+            "calcite-tile": LocalJSX.CalciteTile & JSXBase.HTMLAttributes<HTMLCalciteTileElement>;
+            "calcite-tile-select": LocalJSX.CalciteTileSelect & JSXBase.HTMLAttributes<HTMLCalciteTileSelectElement>;
+            "calcite-tile-select-group": LocalJSX.CalciteTileSelectGroup & JSXBase.HTMLAttributes<HTMLCalciteTileSelectGroupElement>;
+            "calcite-time-picker": LocalJSX.CalciteTimePicker & JSXBase.HTMLAttributes<HTMLCalciteTimePickerElement>;
+            "calcite-tip": LocalJSX.CalciteTip & JSXBase.HTMLAttributes<HTMLCalciteTipElement>;
+            "calcite-tip-group": LocalJSX.CalciteTipGroup & JSXBase.HTMLAttributes<HTMLCalciteTipGroupElement>;
+            "calcite-tip-manager": LocalJSX.CalciteTipManager & JSXBase.HTMLAttributes<HTMLCalciteTipManagerElement>;
+            "calcite-tooltip": LocalJSX.CalciteTooltip & JSXBase.HTMLAttributes<HTMLCalciteTooltipElement>;
+            "calcite-tree": LocalJSX.CalciteTree & JSXBase.HTMLAttributes<HTMLCalciteTreeElement>;
+            "calcite-tree-item": LocalJSX.CalciteTreeItem & JSXBase.HTMLAttributes<HTMLCalciteTreeItemElement>;
+            /**
+             * @deprecated Use the `list` component instead.
+             */
+            "calcite-value-list": LocalJSX.CalciteValueList & JSXBase.HTMLAttributes<HTMLCalciteValueListElement>;
+            /**
+             * @deprecated Use the `list` component instead.
+             */
+            "calcite-value-list-item": LocalJSX.CalciteValueListItem & JSXBase.HTMLAttributes<HTMLCalciteValueListItemElement>;
+        }
+    }
 }