npm - @genesislcap/rapid-design-system - Versions diffs - 14.162.2-alpha-bb01329.0 → 14.162.2 - Mend

@genesislcap/rapid-design-system 14.162.2-alpha-bb01329.0 → 14.162.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/custom-elements.json +1749 -1749
package/package.json +10 -10

package/dist/custom-elements.json CHANGED Viewed

@@ -20395,6 +20395,203 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress-ring/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./progress-ring"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./progress-ring.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./progress-ring.template"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress-ring/progress-ring.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Progress Ring',\n  component: 'rapid-progress-ring',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Default",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  args: {\n    value: '80',\n  },\n  render: ({ value }) => html`\n    <div style=\"width: 100%;\">\n      <rapid-progress-ring value=\"${value}\"></rapid-progress-ring>\n    </div>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/progress-ring/progress-ring.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Default",
+          "declaration": {
+            "name": "Default",
+            "module": "src/progress-ring/progress-ring.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress-ring/progress-ring.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "rapidProgressRingStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "ProgressRingOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "rapidProgressRingStyles",
+          "declaration": {
+            "name": "rapidProgressRingStyles",
+            "module": "src/progress-ring/progress-ring.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress-ring/progress-ring.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "rapidProgressRingTemplate",
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "ProgressRingOptions"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "rapidProgressRingTemplate",
+          "declaration": {
+            "name": "rapidProgressRingTemplate",
+            "module": "src/progress-ring/progress-ring.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/progress-ring/progress-ring.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ProgressRing",
+          "superclass": {
+            "name": "FoundationProgressRing",
+            "package": "@genesislcap/foundation-ui"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "defaultrapidProgressRingConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "rapidProgressRing"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ProgressRing",
+          "declaration": {
+            "name": "ProgressRing",
+            "module": "src/progress-ring/progress-ring.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultrapidProgressRingConfig",
+          "declaration": {
+            "name": "defaultrapidProgressRingConfig",
+            "module": "src/progress-ring/progress-ring.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "rapidProgressRing",
+          "declaration": {
+            "name": "rapidProgressRing",
+            "module": "src/progress-ring/progress-ring.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/radio/index.ts",
@@ -20784,7 +20981,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/progress-ring/index.ts",
+      "path": "src/radio-group/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -20792,7 +20989,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./progress-ring"
+            "package": "./radio-group"
           }
         },
         {
@@ -20800,7 +20997,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./progress-ring.styles"
+            "package": "./radio-group.styles"
           }
         },
         {
@@ -20808,14 +21005,14 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./progress-ring.template"
+            "package": "./radio-group.template"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.stories.ts",
+      "path": "src/radio-group/radio-group.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -20823,7 +21020,7 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{\n  title: 'Progress Ring',\n  component: 'rapid-progress-ring',\n}"
+          "default": "{\n  title: 'Radio Group',\n  component: 'rapid-radio-group',\n}"
         },
         {
           "kind": "variable",
@@ -20831,7 +21028,15 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    value: '80',\n  },\n  render: ({ value }) => html`\n    <div style=\"width: 100%;\">\n      <rapid-progress-ring value=\"${value}\"></rapid-progress-ring>\n    </div>\n  `,\n}"
+          "default": "{\n  args: {\n    orientation: 'horizontal',\n  },\n  argTypes: {\n    orientation: {\n      control: 'select',\n      options: ['horizontal', 'vertical'],\n    },\n  },\n  render: ({ orientation }) => html`\n    <rapid-radio-group orientation=\"${orientation}\">\n      <label slot=\"label\" style=${labelStyle}>Rapid Radio Group (label slot)</label>\n      <rapid-radio>Rapid label 1</rapid-radio>\n      <rapid-radio>Rapid label 2</rapid-radio>\n      <rapid-radio>Rapid label 3</rapid-radio>\n    </rapid-radio-group>\n  `,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Vertical",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  args: {\n    orientation: 'vertical',\n  },\n  argTypes: {\n    orientation: {\n      control: 'select',\n      options: ['horizontal', 'vertical'],\n    },\n  },\n  render: ({ orientation }) => html`\n    <rapid-radio-group orientation=\"${orientation}\">\n      <label slot=\"label\" style=${labelStyle}>Rapid Radio Group (label slot)</label>\n      <rapid-radio>Rapid label 1</rapid-radio>\n      <rapid-radio>Rapid label 2</rapid-radio>\n      <rapid-radio>Rapid label 3</rapid-radio>\n    </rapid-radio-group>\n  `,\n}"
         }
       ],
       "exports": [
@@ -20840,7 +21045,7 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/progress-ring/progress-ring.stories.ts"
+            "module": "src/radio-group/radio-group.stories.ts"
           }
         },
         {
@@ -20848,18 +21053,26 @@
           "name": "Default",
           "declaration": {
             "name": "Default",
-            "module": "src/progress-ring/progress-ring.stories.ts"
+            "module": "src/radio-group/radio-group.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Vertical",
+          "declaration": {
+            "name": "Vertical",
+            "module": "src/radio-group/radio-group.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.styles.ts",
+      "path": "src/radio-group/radio-group.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidProgressRingStyles",
+          "name": "rapidRadioGroupStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -20875,7 +21088,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "ProgressRingOptions"
+                "text": "FoundationElementDefinition"
               }
             }
           ]
@@ -20884,21 +21097,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidProgressRingStyles",
+          "name": "rapidRadioGroupStyles",
           "declaration": {
-            "name": "rapidProgressRingStyles",
-            "module": "src/progress-ring/progress-ring.styles.ts"
+            "name": "rapidRadioGroupStyles",
+            "module": "src/radio-group/radio-group.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.template.ts",
+      "path": "src/radio-group/radio-group.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidProgressRingTemplate",
+          "name": "rapidRadioGroupTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<RadioGroup>"
+            }
+          },
           "parameters": [
             {
               "name": "context",
@@ -20909,7 +21127,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "ProgressRingOptions"
+                "text": "FoundationElementDefinition"
               }
             }
           ]
@@ -20918,225 +21136,7 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidProgressRingTemplate",
-          "declaration": {
-            "name": "rapidProgressRingTemplate",
-            "module": "src/progress-ring/progress-ring.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/progress-ring/progress-ring.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ProgressRing",
-          "superclass": {
-            "name": "FoundationProgressRing",
-            "package": "@genesislcap/foundation-ui"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "defaultrapidProgressRingConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "rapidProgressRing"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ProgressRing",
-          "declaration": {
-            "name": "ProgressRing",
-            "module": "src/progress-ring/progress-ring.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultrapidProgressRingConfig",
-          "declaration": {
-            "name": "defaultrapidProgressRingConfig",
-            "module": "src/progress-ring/progress-ring.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "rapidProgressRing",
-          "declaration": {
-            "name": "rapidProgressRing",
-            "module": "src/progress-ring/progress-ring.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/radio-group/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./radio-group"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./radio-group.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./radio-group.template"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/radio-group/radio-group.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Radio Group',\n  component: 'rapid-radio-group',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Default",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    orientation: 'horizontal',\n  },\n  argTypes: {\n    orientation: {\n      control: 'select',\n      options: ['horizontal', 'vertical'],\n    },\n  },\n  render: ({ orientation }) => html`\n    <rapid-radio-group orientation=\"${orientation}\">\n      <label slot=\"label\" style=${labelStyle}>Rapid Radio Group (label slot)</label>\n      <rapid-radio>Rapid label 1</rapid-radio>\n      <rapid-radio>Rapid label 2</rapid-radio>\n      <rapid-radio>Rapid label 3</rapid-radio>\n    </rapid-radio-group>\n  `,\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Vertical",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    orientation: 'vertical',\n  },\n  argTypes: {\n    orientation: {\n      control: 'select',\n      options: ['horizontal', 'vertical'],\n    },\n  },\n  render: ({ orientation }) => html`\n    <rapid-radio-group orientation=\"${orientation}\">\n      <label slot=\"label\" style=${labelStyle}>Rapid Radio Group (label slot)</label>\n      <rapid-radio>Rapid label 1</rapid-radio>\n      <rapid-radio>Rapid label 2</rapid-radio>\n      <rapid-radio>Rapid label 3</rapid-radio>\n    </rapid-radio-group>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/radio-group/radio-group.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Default",
-          "declaration": {
-            "name": "Default",
-            "module": "src/radio-group/radio-group.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Vertical",
-          "declaration": {
-            "name": "Vertical",
-            "module": "src/radio-group/radio-group.stories.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/radio-group/radio-group.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "rapidRadioGroupStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "rapidRadioGroupStyles",
-          "declaration": {
-            "name": "rapidRadioGroupStyles",
-            "module": "src/radio-group/radio-group.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/radio-group/radio-group.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "rapidRadioGroupTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<RadioGroup>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "rapidRadioGroupTemplate",
+          "name": "rapidRadioGroupTemplate",
           "declaration": {
             "name": "rapidRadioGroupTemplate",
             "module": "src/radio-group/radio-group.template.ts"
@@ -23384,7 +23384,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/segmented-item/index.ts",
+      "path": "src/segmented-control/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -23392,7 +23392,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./segmented-item.template"
+            "package": "./segmented-control.template"
           }
         },
         {
@@ -23400,7 +23400,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./segmented-item.styles"
+            "package": "./segmented-control.styles"
           }
         },
         {
@@ -23408,200 +23408,20 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./segmented-item"
+            "package": "./segmented-control"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/segmented-item/segmented-item.styles.ts",
+      "path": "src/segmented-control/segmented-control.stories.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "rapidSegmentedItemStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "RadioOptions"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "rapidSegmentedItemStyles",
-          "declaration": {
-            "name": "rapidSegmentedItemStyles",
-            "module": "src/segmented-item/segmented-item.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/segmented-item/segmented-item.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "rapidSegmentedItemTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<SegmentedItem>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "rapidSegmentedItemTemplate",
-          "declaration": {
-            "name": "rapidSegmentedItemTemplate",
-            "module": "src/segmented-item/segmented-item.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/segmented-item/segmented-item.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SegmentedItem",
-          "superclass": {
-            "name": "FoundationFoundationRadio",
-            "package": "@genesislcap/foundation-ui"
-          }
-        },
-        {
-          "kind": "variable",
-          "name": "rapidSegmentedItemShadowOptions",
-          "type": {
-            "text": "ShadowRootInit"
-          },
-          "default": "undefined"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultSegmentedItemConfig",
-          "type": {
-            "text": "object"
-          },
-          "default": "{}"
-        },
-        {
-          "kind": "variable",
-          "name": "rapidSegmentedItem",
-          "description": "The Rapid Segmented item",
-          "privacy": "public"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SegmentedItem",
-          "declaration": {
-            "name": "SegmentedItem",
-            "module": "src/segmented-item/segmented-item.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "rapidSegmentedItemShadowOptions",
-          "declaration": {
-            "name": "rapidSegmentedItemShadowOptions",
-            "module": "src/segmented-item/segmented-item.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultSegmentedItemConfig",
-          "declaration": {
-            "name": "defaultSegmentedItemConfig",
-            "module": "src/segmented-item/segmented-item.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "rapidSegmentedItem",
-          "declaration": {
-            "name": "rapidSegmentedItem",
-            "module": "src/segmented-item/segmented-item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/segmented-control/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./segmented-control.template"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./segmented-control.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./segmented-control"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/segmented-control/segmented-control.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
           },
           "default": "{\n  title: 'Segmented Control',\n  component: 'rapid-segmented-control',\n}"
         },
@@ -23813,7 +23633,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/select/index.ts",
+      "path": "src/segmented-item/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -23821,7 +23641,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./select"
+            "package": "./segmented-item.template"
           }
         },
         {
@@ -23829,7 +23649,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./select.styles"
+            "package": "./segmented-item.styles"
           }
         },
         {
@@ -23837,58 +23657,18 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./select.template"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/select/select.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Select',\n  component: 'rapid-select',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    disabled: false,\n  },\n  render: ({ disabled }) => html`\n    <div style=\"min-height: 300px;\">\n      <rapid-select .disabled=\"${disabled}\">\n        <rapid-option value=\"1\">Rapid Option 1</rapid-option>\n        <rapid-option value=\"2\">Rapid Option 2</rapid-option>\n        <rapid-option value=\"3\">Rapid Option 3</rapid-option>\n      </rapid-select>\n    </div>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/select/select.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/select/select.stories.ts"
+            "package": "./segmented-item"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/select/select.styles.ts",
+      "path": "src/segmented-item/segmented-item.styles.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidSelectStyles",
+          "name": "rapidSegmentedItemStyles",
           "return": {
             "type": {
               "text": "ElementStyles"
@@ -23904,7 +23684,7 @@
             {
               "name": "definition",
               "type": {
-                "text": "FoundationElementDefinition"
+                "text": "RadioOptions"
               }
             }
           ]
@@ -23913,24 +23693,24 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidSelectStyles",
+          "name": "rapidSegmentedItemStyles",
           "declaration": {
-            "name": "rapidSelectStyles",
-            "module": "src/select/select.styles.ts"
+            "name": "rapidSegmentedItemStyles",
+            "module": "src/segmented-item/segmented-item.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/select/select.template.ts",
+      "path": "src/segmented-item/segmented-item.template.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "rapidSelectTemplate",
+          "name": "rapidSegmentedItemTemplate",
           "return": {
             "type": {
-              "text": "ViewTemplate<Select>"
+              "text": "ViewTemplate<SegmentedItem>"
             }
           },
           "parameters": [
@@ -23952,37 +23732,257 @@
       "exports": [
         {
           "kind": "js",
-          "name": "rapidSelectTemplate",
+          "name": "rapidSegmentedItemTemplate",
           "declaration": {
-            "name": "rapidSelectTemplate",
-            "module": "src/select/select.template.ts"
+            "name": "rapidSegmentedItemTemplate",
+            "module": "src/segmented-item/segmented-item.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/select/select.ts",
+      "path": "src/segmented-item/segmented-item.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "Select",
+          "name": "SegmentedItem",
           "superclass": {
-            "name": "FoundationSelect",
+            "name": "FoundationFoundationRadio",
             "package": "@genesislcap/foundation-ui"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "rapidSegmentedItemShadowOptions",
+          "type": {
+            "text": "ShadowRootInit"
           },
-          "tagName": "%%prefix%%-select",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "The open attribute.",
-              "fieldName": "open",
+          "default": "undefined"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultSegmentedItemConfig",
+          "type": {
+            "text": "object"
+          },
+          "default": "{}"
+        },
+        {
+          "kind": "variable",
+          "name": "rapidSegmentedItem",
+          "description": "The Rapid Segmented item",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SegmentedItem",
+          "declaration": {
+            "name": "SegmentedItem",
+            "module": "src/segmented-item/segmented-item.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "rapidSegmentedItemShadowOptions",
+          "declaration": {
+            "name": "rapidSegmentedItemShadowOptions",
+            "module": "src/segmented-item/segmented-item.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultSegmentedItemConfig",
+          "declaration": {
+            "name": "defaultSegmentedItemConfig",
+            "module": "src/segmented-item/segmented-item.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "rapidSegmentedItem",
+          "declaration": {
+            "name": "rapidSegmentedItem",
+            "module": "src/segmented-item/segmented-item.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/select/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./select"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./select.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./select.template"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/select/select.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Select',\n  component: 'rapid-select',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  args: {\n    disabled: false,\n  },\n  render: ({ disabled }) => html`\n    <div style=\"min-height: 300px;\">\n      <rapid-select .disabled=\"${disabled}\">\n        <rapid-option value=\"1\">Rapid Option 1</rapid-option>\n        <rapid-option value=\"2\">Rapid Option 2</rapid-option>\n        <rapid-option value=\"3\">Rapid Option 3</rapid-option>\n      </rapid-select>\n    </div>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/select/select.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/select/select.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/select/select.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "rapidSelectStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "rapidSelectStyles",
+          "declaration": {
+            "name": "rapidSelectStyles",
+            "module": "src/select/select.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/select/select.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "rapidSelectTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Select>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "rapidSelectTemplate",
+          "declaration": {
+            "name": "rapidSelectTemplate",
+            "module": "src/select/select.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/select/select.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Select",
+          "superclass": {
+            "name": "FoundationSelect",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-select",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The open attribute.",
+              "fieldName": "open",
               "inheritedFrom": {
                 "name": "Select",
                 "module": "src/select/select.ts"
@@ -32699,1309 +32699,139 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/behaviors.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "appearanceBehavior",
-          "parameters": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "The value of the appearance property"
-            },
-            {
-              "name": "styles",
-              "type": {
-                "text": "ElementStyles"
-              },
-              "description": "The styles to be applied when condition matches"
-            }
-          ],
-          "description": "Behavior that will conditionally apply a stylesheet based on the elements\nappearance property",
-          "privacy": "public"
-        }
-      ],
+      "path": "src/url-input/index.ts",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "appearanceBehavior",
+          "name": "*",
           "declaration": {
-            "name": "appearanceBehavior",
-            "module": "src/utils/behaviors.ts"
-          }
+            "name": "*",
+            "package": "./url-input"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./url-input.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./url-input.template"
+          }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/index.ts",
+      "path": "src/url-input/url-input.stories.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "paletteFromHex",
-          "parameters": [
-            {
-              "name": "hexColor",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "getDefaultConfig",
-          "parameters": [
-            {
-              "name": "definition",
-              "type": {
-                "text": "Partial<FoundationElementDefinition>"
-              }
-            },
-            {
-              "name": "exclusions",
-              "default": "defaultExclusions"
-            }
-          ]
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'URL Input',\n  component: 'rapid-url-input',\n}"
         },
         {
-          "kind": "function",
-          "name": "getExports",
-          "parameters": [
-            {
-              "name": "registrationFunction"
-            }
-          ]
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  args: {\n    value: 'randomurl',\n    readonly: true,\n  },\n  render: ({ value, readonly }) => html`\n    <rapid-url-input value=\"${value}\"></rapid-url-input>\n    <rapid-url-input readOnly=\"${readonly}\" value=\"${value}\"></rapid-url-input>\n  `,\n}"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "paletteFromHex",
-          "declaration": {
-            "name": "paletteFromHex",
-            "module": "src/utils/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getDefaultConfig",
-          "declaration": {
-            "name": "getDefaultConfig",
-            "module": "src/utils/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "getExports",
+          "name": "default",
           "declaration": {
-            "name": "getExports",
-            "module": "src/utils/index.ts"
+            "name": "meta",
+            "module": "src/url-input/url-input.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "*",
+          "name": "Primary",
           "declaration": {
-            "name": "*",
-            "package": "./behaviors"
+            "name": "Primary",
+            "module": "src/url-input/url-input.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/utils/logger.ts",
+      "path": "src/url-input/url-input.styles.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "logger"
+          "kind": "function",
+          "name": "rapidUrlInputStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "logger",
+          "name": "rapidUrlInputStyles",
           "declaration": {
-            "name": "logger",
-            "module": "src/utils/logger.ts"
+            "name": "rapidUrlInputStyles",
+            "module": "src/url-input/url-input.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/_config/tokens/custom.ts",
+      "path": "src/url-input/url-input.template.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "defaultErrorColor"
-        },
-        {
-          "kind": "variable",
-          "name": "errorColor",
-          "privacy": "public"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultSuccessColor"
-        },
-        {
-          "kind": "variable",
-          "name": "successColor",
-          "privacy": "public"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultWarningColor"
-        },
-        {
-          "kind": "variable",
-          "name": "warningColor",
-          "privacy": "public"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultBuyColor"
-        },
-        {
-          "kind": "variable",
-          "name": "buyColor",
-          "privacy": "public"
-        },
-        {
-          "kind": "variable",
-          "name": "defaultSellColor"
-        },
-        {
-          "kind": "variable",
-          "name": "sellColor",
-          "privacy": "public"
+          "name": "rapidUrlInputTemplate",
+          "default": "html<UrlInput>`\n  ${getPrefixedUrlInput('rapid')}\n`"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "defaultErrorColor",
-          "declaration": {
-            "name": "defaultErrorColor",
-            "module": "src/_config/tokens/custom.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "errorColor",
-          "declaration": {
-            "name": "errorColor",
-            "module": "src/_config/tokens/custom.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultSuccessColor",
-          "declaration": {
-            "name": "defaultSuccessColor",
-            "module": "src/_config/tokens/custom.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "successColor",
-          "declaration": {
-            "name": "successColor",
-            "module": "src/_config/tokens/custom.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultWarningColor",
-          "declaration": {
-            "name": "defaultWarningColor",
-            "module": "src/_config/tokens/custom.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "warningColor",
-          "declaration": {
-            "name": "warningColor",
-            "module": "src/_config/tokens/custom.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultBuyColor",
-          "declaration": {
-            "name": "defaultBuyColor",
-            "module": "src/_config/tokens/custom.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "buyColor",
-          "declaration": {
-            "name": "buyColor",
-            "module": "src/_config/tokens/custom.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "defaultSellColor",
-          "declaration": {
-            "name": "defaultSellColor",
-            "module": "src/_config/tokens/custom.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "sellColor",
+          "name": "rapidUrlInputTemplate",
           "declaration": {
-            "name": "sellColor",
-            "module": "src/_config/tokens/custom.ts"
+            "name": "rapidUrlInputTemplate",
+            "module": "src/url-input/url-input.template.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/_config/tokens/default.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "accentFillActive",
-          "declaration": {
-            "name": "accentFillActive",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentFillActiveDelta",
-          "declaration": {
-            "name": "accentFillActiveDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentFillFocus",
-          "declaration": {
-            "name": "accentFillFocus",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentFillFocusDelta",
-          "declaration": {
-            "name": "accentFillFocusDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentFillHover",
-          "declaration": {
-            "name": "accentFillHover",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentFillHoverDelta",
-          "declaration": {
-            "name": "accentFillHoverDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentFillRest",
-          "declaration": {
-            "name": "accentFillRest",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentFillRestDelta",
-          "declaration": {
-            "name": "accentFillRestDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentForegroundActive",
-          "declaration": {
-            "name": "accentForegroundActive",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentForegroundActiveDelta",
-          "declaration": {
-            "name": "accentForegroundActiveDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentForegroundFocus",
-          "declaration": {
-            "name": "accentForegroundFocus",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentForegroundFocusDelta",
-          "declaration": {
-            "name": "accentForegroundFocusDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentForegroundHover",
-          "declaration": {
-            "name": "accentForegroundHover",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentForegroundHoverDelta",
-          "declaration": {
-            "name": "accentForegroundHoverDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentForegroundRest",
-          "declaration": {
-            "name": "accentForegroundRest",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentForegroundRestDelta",
-          "declaration": {
-            "name": "accentForegroundRestDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "accentPalette",
-          "declaration": {
-            "name": "accentPalette",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "baseHeightMultiplier",
-          "declaration": {
-            "name": "baseHeightMultiplier",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "baseLayerLuminance",
-          "declaration": {
-            "name": "baseLayerLuminance",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "bodyFont",
-          "declaration": {
-            "name": "bodyFont",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "controlCornerRadius",
-          "declaration": {
-            "name": "controlCornerRadius",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "density",
-          "declaration": {
-            "name": "density",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "designUnit",
-          "declaration": {
-            "name": "designUnit",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "direction",
-          "declaration": {
-            "name": "direction",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "disabledOpacity",
-          "declaration": {
-            "name": "disabledOpacity",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "fillColor",
-          "declaration": {
-            "name": "fillColor",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "focusStrokeInner",
-          "declaration": {
-            "name": "focusStrokeInner",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "focusStrokeOuter",
-          "declaration": {
-            "name": "focusStrokeOuter",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "focusStrokeWidth",
-          "declaration": {
-            "name": "focusStrokeWidth",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foregroundOnAccentActive",
-          "declaration": {
-            "name": "foregroundOnAccentActive",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foregroundOnAccentActiveLarge",
-          "declaration": {
-            "name": "foregroundOnAccentActiveLarge",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foregroundOnAccentFocus",
-          "declaration": {
-            "name": "foregroundOnAccentFocus",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foregroundOnAccentFocusLarge",
-          "declaration": {
-            "name": "foregroundOnAccentFocusLarge",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foregroundOnAccentHover",
-          "declaration": {
-            "name": "foregroundOnAccentHover",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foregroundOnAccentHoverLarge",
-          "declaration": {
-            "name": "foregroundOnAccentHoverLarge",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foregroundOnAccentRest",
-          "declaration": {
-            "name": "foregroundOnAccentRest",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "foregroundOnAccentRestLarge",
-          "declaration": {
-            "name": "foregroundOnAccentRestLarge",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillActive",
-          "declaration": {
-            "name": "neutralFillActive",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillActiveDelta",
-          "declaration": {
-            "name": "neutralFillActiveDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillFocus",
-          "declaration": {
-            "name": "neutralFillFocus",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillFocusDelta",
-          "declaration": {
-            "name": "neutralFillFocusDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillHover",
-          "declaration": {
-            "name": "neutralFillHover",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillHoverDelta",
-          "declaration": {
-            "name": "neutralFillHoverDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillInputActive",
-          "declaration": {
-            "name": "neutralFillInputActive",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillInputActiveDelta",
-          "declaration": {
-            "name": "neutralFillInputActiveDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillInputFocus",
-          "declaration": {
-            "name": "neutralFillInputFocus",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillInputFocusDelta",
-          "declaration": {
-            "name": "neutralFillInputFocusDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillInputHover",
-          "declaration": {
-            "name": "neutralFillInputHover",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillInputHoverDelta",
-          "declaration": {
-            "name": "neutralFillInputHoverDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillInputRest",
-          "declaration": {
-            "name": "neutralFillInputRest",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillInputRestDelta",
-          "declaration": {
-            "name": "neutralFillInputRestDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillLayerRest",
-          "declaration": {
-            "name": "neutralFillLayerRest",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillLayerRestDelta",
-          "declaration": {
-            "name": "neutralFillLayerRestDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillRest",
-          "declaration": {
-            "name": "neutralFillRest",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillRestDelta",
-          "declaration": {
-            "name": "neutralFillRestDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStealthActive",
-          "declaration": {
-            "name": "neutralFillStealthActive",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStealthActiveDelta",
-          "declaration": {
-            "name": "neutralFillStealthActiveDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStealthFocus",
-          "declaration": {
-            "name": "neutralFillStealthFocus",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStealthFocusDelta",
-          "declaration": {
-            "name": "neutralFillStealthFocusDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStealthHover",
-          "declaration": {
-            "name": "neutralFillStealthHover",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStealthHoverDelta",
-          "declaration": {
-            "name": "neutralFillStealthHoverDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStealthRest",
-          "declaration": {
-            "name": "neutralFillStealthRest",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStealthRestDelta",
-          "declaration": {
-            "name": "neutralFillStealthRestDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStrongActive",
-          "declaration": {
-            "name": "neutralFillStrongActive",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStrongActiveDelta",
-          "declaration": {
-            "name": "neutralFillStrongActiveDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStrongFocus",
-          "declaration": {
-            "name": "neutralFillStrongFocus",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStrongFocusDelta",
-          "declaration": {
-            "name": "neutralFillStrongFocusDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStrongHover",
-          "declaration": {
-            "name": "neutralFillStrongHover",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStrongHoverDelta",
-          "declaration": {
-            "name": "neutralFillStrongHoverDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStrongRest",
-          "declaration": {
-            "name": "neutralFillStrongRest",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralFillStrongRestDelta",
-          "declaration": {
-            "name": "neutralFillStrongRestDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralForegroundHint",
-          "declaration": {
-            "name": "neutralForegroundHint",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralForegroundRest",
-          "declaration": {
-            "name": "neutralForegroundRest",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralLayer1",
-          "declaration": {
-            "name": "neutralLayer1",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralLayer2",
-          "declaration": {
-            "name": "neutralLayer2",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralLayer3",
-          "declaration": {
-            "name": "neutralLayer3",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralLayer4",
-          "declaration": {
-            "name": "neutralLayer4",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralLayerCardContainer",
-          "declaration": {
-            "name": "neutralLayerCardContainer",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralLayerFloating",
-          "declaration": {
-            "name": "neutralLayerFloating",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralPalette",
-          "declaration": {
-            "name": "neutralPalette",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralStrokeActive",
-          "declaration": {
-            "name": "neutralStrokeActive",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralStrokeActiveDelta",
-          "declaration": {
-            "name": "neutralStrokeActiveDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralStrokeDividerRest",
-          "declaration": {
-            "name": "neutralStrokeDividerRest",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralStrokeDividerRestDelta",
-          "declaration": {
-            "name": "neutralStrokeDividerRestDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralStrokeFocus",
-          "declaration": {
-            "name": "neutralStrokeFocus",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralStrokeFocusDelta",
-          "declaration": {
-            "name": "neutralStrokeFocusDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralStrokeHover",
-          "declaration": {
-            "name": "neutralStrokeHover",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralStrokeHoverDelta",
-          "declaration": {
-            "name": "neutralStrokeHoverDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralStrokeRest",
-          "declaration": {
-            "name": "neutralStrokeRest",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "neutralStrokeRestDelta",
-          "declaration": {
-            "name": "neutralStrokeRestDelta",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "strokeWidth",
-          "declaration": {
-            "name": "strokeWidth",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampBaseFontSize",
-          "declaration": {
-            "name": "typeRampBaseFontSize",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampBaseLineHeight",
-          "declaration": {
-            "name": "typeRampBaseLineHeight",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampMinus1FontSize",
-          "declaration": {
-            "name": "typeRampMinus1FontSize",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampMinus1LineHeight",
-          "declaration": {
-            "name": "typeRampMinus1LineHeight",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampMinus2FontSize",
-          "declaration": {
-            "name": "typeRampMinus2FontSize",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampMinus2LineHeight",
-          "declaration": {
-            "name": "typeRampMinus2LineHeight",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampPlus1FontSize",
-          "declaration": {
-            "name": "typeRampPlus1FontSize",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampPlus1LineHeight",
-          "declaration": {
-            "name": "typeRampPlus1LineHeight",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampPlus2FontSize",
-          "declaration": {
-            "name": "typeRampPlus2FontSize",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampPlus2LineHeight",
-          "declaration": {
-            "name": "typeRampPlus2LineHeight",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampPlus3FontSize",
-          "declaration": {
-            "name": "typeRampPlus3FontSize",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampPlus3LineHeight",
-          "declaration": {
-            "name": "typeRampPlus3LineHeight",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampPlus4FontSize",
-          "declaration": {
-            "name": "typeRampPlus4FontSize",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampPlus4LineHeight",
-          "declaration": {
-            "name": "typeRampPlus4LineHeight",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampPlus5FontSize",
-          "declaration": {
-            "name": "typeRampPlus5FontSize",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampPlus5LineHeight",
-          "declaration": {
-            "name": "typeRampPlus5LineHeight",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampPlus6FontSize",
-          "declaration": {
-            "name": "typeRampPlus6FontSize",
-            "package": "@microsoft/fast-components"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "typeRampPlus6LineHeight",
-          "declaration": {
-            "name": "typeRampPlus6LineHeight",
-            "package": "@microsoft/fast-components"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/tokens/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./default"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./custom"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/url-input/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./url-input"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./url-input.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./url-input.template"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/url-input/url-input.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'URL Input',\n  component: 'rapid-url-input',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  args: {\n    value: 'randomurl',\n    readonly: true,\n  },\n  render: ({ value, readonly }) => html`\n    <rapid-url-input value=\"${value}\"></rapid-url-input>\n    <rapid-url-input readOnly=\"${readonly}\" value=\"${value}\"></rapid-url-input>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/url-input/url-input.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/url-input/url-input.stories.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/url-input/url-input.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "rapidUrlInputStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "rapidUrlInputStyles",
-          "declaration": {
-            "name": "rapidUrlInputStyles",
-            "module": "src/url-input/url-input.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/url-input/url-input.template.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "rapidUrlInputTemplate",
-          "default": "html<UrlInput>`\n  ${getPrefixedUrlInput('rapid')}\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "rapidUrlInputTemplate",
-          "declaration": {
-            "name": "rapidUrlInputTemplate",
-            "module": "src/url-input/url-input.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/url-input/url-input.ts",
-      "declarations": [
+      "path": "src/url-input/url-input.ts",
+      "declarations": [
         {
           "kind": "class",
           "description": "",
@@ -34567,25 +33397,1195 @@
           ]
         },
         {
-          "kind": "variable",
-          "name": "rapidUrlInput"
+          "kind": "variable",
+          "name": "rapidUrlInput"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UrlInput",
+          "declaration": {
+            "name": "UrlInput",
+            "module": "src/url-input/url-input.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "rapidUrlInput",
+          "declaration": {
+            "name": "rapidUrlInput",
+            "module": "src/url-input/url-input.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/behaviors.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "appearanceBehavior",
+          "parameters": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The value of the appearance property"
+            },
+            {
+              "name": "styles",
+              "type": {
+                "text": "ElementStyles"
+              },
+              "description": "The styles to be applied when condition matches"
+            }
+          ],
+          "description": "Behavior that will conditionally apply a stylesheet based on the elements\nappearance property",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "appearanceBehavior",
+          "declaration": {
+            "name": "appearanceBehavior",
+            "module": "src/utils/behaviors.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "paletteFromHex",
+          "parameters": [
+            {
+              "name": "hexColor",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getDefaultConfig",
+          "parameters": [
+            {
+              "name": "definition",
+              "type": {
+                "text": "Partial<FoundationElementDefinition>"
+              }
+            },
+            {
+              "name": "exclusions",
+              "default": "defaultExclusions"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getExports",
+          "parameters": [
+            {
+              "name": "registrationFunction"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "paletteFromHex",
+          "declaration": {
+            "name": "paletteFromHex",
+            "module": "src/utils/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getDefaultConfig",
+          "declaration": {
+            "name": "getDefaultConfig",
+            "module": "src/utils/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getExports",
+          "declaration": {
+            "name": "getExports",
+            "module": "src/utils/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./behaviors"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/logger.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "logger"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "logger",
+          "declaration": {
+            "name": "logger",
+            "module": "src/utils/logger.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/tokens/custom.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "defaultErrorColor"
+        },
+        {
+          "kind": "variable",
+          "name": "errorColor",
+          "privacy": "public"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultSuccessColor"
+        },
+        {
+          "kind": "variable",
+          "name": "successColor",
+          "privacy": "public"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultWarningColor"
+        },
+        {
+          "kind": "variable",
+          "name": "warningColor",
+          "privacy": "public"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultBuyColor"
+        },
+        {
+          "kind": "variable",
+          "name": "buyColor",
+          "privacy": "public"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultSellColor"
+        },
+        {
+          "kind": "variable",
+          "name": "sellColor",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "defaultErrorColor",
+          "declaration": {
+            "name": "defaultErrorColor",
+            "module": "src/_config/tokens/custom.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorColor",
+          "declaration": {
+            "name": "errorColor",
+            "module": "src/_config/tokens/custom.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultSuccessColor",
+          "declaration": {
+            "name": "defaultSuccessColor",
+            "module": "src/_config/tokens/custom.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successColor",
+          "declaration": {
+            "name": "successColor",
+            "module": "src/_config/tokens/custom.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultWarningColor",
+          "declaration": {
+            "name": "defaultWarningColor",
+            "module": "src/_config/tokens/custom.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningColor",
+          "declaration": {
+            "name": "warningColor",
+            "module": "src/_config/tokens/custom.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultBuyColor",
+          "declaration": {
+            "name": "defaultBuyColor",
+            "module": "src/_config/tokens/custom.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "buyColor",
+          "declaration": {
+            "name": "buyColor",
+            "module": "src/_config/tokens/custom.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "defaultSellColor",
+          "declaration": {
+            "name": "defaultSellColor",
+            "module": "src/_config/tokens/custom.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "sellColor",
+          "declaration": {
+            "name": "sellColor",
+            "module": "src/_config/tokens/custom.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/tokens/default.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "accentFillActive",
+          "declaration": {
+            "name": "accentFillActive",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentFillActiveDelta",
+          "declaration": {
+            "name": "accentFillActiveDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentFillFocus",
+          "declaration": {
+            "name": "accentFillFocus",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentFillFocusDelta",
+          "declaration": {
+            "name": "accentFillFocusDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentFillHover",
+          "declaration": {
+            "name": "accentFillHover",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentFillHoverDelta",
+          "declaration": {
+            "name": "accentFillHoverDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentFillRest",
+          "declaration": {
+            "name": "accentFillRest",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentFillRestDelta",
+          "declaration": {
+            "name": "accentFillRestDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentForegroundActive",
+          "declaration": {
+            "name": "accentForegroundActive",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentForegroundActiveDelta",
+          "declaration": {
+            "name": "accentForegroundActiveDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentForegroundFocus",
+          "declaration": {
+            "name": "accentForegroundFocus",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentForegroundFocusDelta",
+          "declaration": {
+            "name": "accentForegroundFocusDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentForegroundHover",
+          "declaration": {
+            "name": "accentForegroundHover",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentForegroundHoverDelta",
+          "declaration": {
+            "name": "accentForegroundHoverDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentForegroundRest",
+          "declaration": {
+            "name": "accentForegroundRest",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentForegroundRestDelta",
+          "declaration": {
+            "name": "accentForegroundRestDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "accentPalette",
+          "declaration": {
+            "name": "accentPalette",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "baseHeightMultiplier",
+          "declaration": {
+            "name": "baseHeightMultiplier",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "baseLayerLuminance",
+          "declaration": {
+            "name": "baseLayerLuminance",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "bodyFont",
+          "declaration": {
+            "name": "bodyFont",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "controlCornerRadius",
+          "declaration": {
+            "name": "controlCornerRadius",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "density",
+          "declaration": {
+            "name": "density",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "designUnit",
+          "declaration": {
+            "name": "designUnit",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "direction",
+          "declaration": {
+            "name": "direction",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "disabledOpacity",
+          "declaration": {
+            "name": "disabledOpacity",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "fillColor",
+          "declaration": {
+            "name": "fillColor",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "focusStrokeInner",
+          "declaration": {
+            "name": "focusStrokeInner",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "focusStrokeOuter",
+          "declaration": {
+            "name": "focusStrokeOuter",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "focusStrokeWidth",
+          "declaration": {
+            "name": "focusStrokeWidth",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnAccentActive",
+          "declaration": {
+            "name": "foregroundOnAccentActive",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnAccentActiveLarge",
+          "declaration": {
+            "name": "foregroundOnAccentActiveLarge",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnAccentFocus",
+          "declaration": {
+            "name": "foregroundOnAccentFocus",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnAccentFocusLarge",
+          "declaration": {
+            "name": "foregroundOnAccentFocusLarge",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnAccentHover",
+          "declaration": {
+            "name": "foregroundOnAccentHover",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnAccentHoverLarge",
+          "declaration": {
+            "name": "foregroundOnAccentHoverLarge",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnAccentRest",
+          "declaration": {
+            "name": "foregroundOnAccentRest",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnAccentRestLarge",
+          "declaration": {
+            "name": "foregroundOnAccentRestLarge",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillActive",
+          "declaration": {
+            "name": "neutralFillActive",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillActiveDelta",
+          "declaration": {
+            "name": "neutralFillActiveDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillFocus",
+          "declaration": {
+            "name": "neutralFillFocus",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillFocusDelta",
+          "declaration": {
+            "name": "neutralFillFocusDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillHover",
+          "declaration": {
+            "name": "neutralFillHover",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillHoverDelta",
+          "declaration": {
+            "name": "neutralFillHoverDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillInputActive",
+          "declaration": {
+            "name": "neutralFillInputActive",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillInputActiveDelta",
+          "declaration": {
+            "name": "neutralFillInputActiveDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillInputFocus",
+          "declaration": {
+            "name": "neutralFillInputFocus",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillInputFocusDelta",
+          "declaration": {
+            "name": "neutralFillInputFocusDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillInputHover",
+          "declaration": {
+            "name": "neutralFillInputHover",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillInputHoverDelta",
+          "declaration": {
+            "name": "neutralFillInputHoverDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillInputRest",
+          "declaration": {
+            "name": "neutralFillInputRest",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillInputRestDelta",
+          "declaration": {
+            "name": "neutralFillInputRestDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillLayerRest",
+          "declaration": {
+            "name": "neutralFillLayerRest",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillLayerRestDelta",
+          "declaration": {
+            "name": "neutralFillLayerRestDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillRest",
+          "declaration": {
+            "name": "neutralFillRest",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillRestDelta",
+          "declaration": {
+            "name": "neutralFillRestDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStealthActive",
+          "declaration": {
+            "name": "neutralFillStealthActive",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStealthActiveDelta",
+          "declaration": {
+            "name": "neutralFillStealthActiveDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStealthFocus",
+          "declaration": {
+            "name": "neutralFillStealthFocus",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStealthFocusDelta",
+          "declaration": {
+            "name": "neutralFillStealthFocusDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStealthHover",
+          "declaration": {
+            "name": "neutralFillStealthHover",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStealthHoverDelta",
+          "declaration": {
+            "name": "neutralFillStealthHoverDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStealthRest",
+          "declaration": {
+            "name": "neutralFillStealthRest",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStealthRestDelta",
+          "declaration": {
+            "name": "neutralFillStealthRestDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStrongActive",
+          "declaration": {
+            "name": "neutralFillStrongActive",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStrongActiveDelta",
+          "declaration": {
+            "name": "neutralFillStrongActiveDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStrongFocus",
+          "declaration": {
+            "name": "neutralFillStrongFocus",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStrongFocusDelta",
+          "declaration": {
+            "name": "neutralFillStrongFocusDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStrongHover",
+          "declaration": {
+            "name": "neutralFillStrongHover",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStrongHoverDelta",
+          "declaration": {
+            "name": "neutralFillStrongHoverDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStrongRest",
+          "declaration": {
+            "name": "neutralFillStrongRest",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralFillStrongRestDelta",
+          "declaration": {
+            "name": "neutralFillStrongRestDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralForegroundHint",
+          "declaration": {
+            "name": "neutralForegroundHint",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralForegroundRest",
+          "declaration": {
+            "name": "neutralForegroundRest",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralLayer1",
+          "declaration": {
+            "name": "neutralLayer1",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralLayer2",
+          "declaration": {
+            "name": "neutralLayer2",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralLayer3",
+          "declaration": {
+            "name": "neutralLayer3",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralLayer4",
+          "declaration": {
+            "name": "neutralLayer4",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralLayerCardContainer",
+          "declaration": {
+            "name": "neutralLayerCardContainer",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralLayerFloating",
+          "declaration": {
+            "name": "neutralLayerFloating",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralPalette",
+          "declaration": {
+            "name": "neutralPalette",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralStrokeActive",
+          "declaration": {
+            "name": "neutralStrokeActive",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralStrokeActiveDelta",
+          "declaration": {
+            "name": "neutralStrokeActiveDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralStrokeDividerRest",
+          "declaration": {
+            "name": "neutralStrokeDividerRest",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralStrokeDividerRestDelta",
+          "declaration": {
+            "name": "neutralStrokeDividerRestDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralStrokeFocus",
+          "declaration": {
+            "name": "neutralStrokeFocus",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralStrokeFocusDelta",
+          "declaration": {
+            "name": "neutralStrokeFocusDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralStrokeHover",
+          "declaration": {
+            "name": "neutralStrokeHover",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralStrokeHoverDelta",
+          "declaration": {
+            "name": "neutralStrokeHoverDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralStrokeRest",
+          "declaration": {
+            "name": "neutralStrokeRest",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "neutralStrokeRestDelta",
+          "declaration": {
+            "name": "neutralStrokeRestDelta",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "strokeWidth",
+          "declaration": {
+            "name": "strokeWidth",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampBaseFontSize",
+          "declaration": {
+            "name": "typeRampBaseFontSize",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampBaseLineHeight",
+          "declaration": {
+            "name": "typeRampBaseLineHeight",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampMinus1FontSize",
+          "declaration": {
+            "name": "typeRampMinus1FontSize",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampMinus1LineHeight",
+          "declaration": {
+            "name": "typeRampMinus1LineHeight",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampMinus2FontSize",
+          "declaration": {
+            "name": "typeRampMinus2FontSize",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampMinus2LineHeight",
+          "declaration": {
+            "name": "typeRampMinus2LineHeight",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampPlus1FontSize",
+          "declaration": {
+            "name": "typeRampPlus1FontSize",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampPlus1LineHeight",
+          "declaration": {
+            "name": "typeRampPlus1LineHeight",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampPlus2FontSize",
+          "declaration": {
+            "name": "typeRampPlus2FontSize",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampPlus2LineHeight",
+          "declaration": {
+            "name": "typeRampPlus2LineHeight",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampPlus3FontSize",
+          "declaration": {
+            "name": "typeRampPlus3FontSize",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampPlus3LineHeight",
+          "declaration": {
+            "name": "typeRampPlus3LineHeight",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampPlus4FontSize",
+          "declaration": {
+            "name": "typeRampPlus4FontSize",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampPlus4LineHeight",
+          "declaration": {
+            "name": "typeRampPlus4LineHeight",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampPlus5FontSize",
+          "declaration": {
+            "name": "typeRampPlus5FontSize",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampPlus5LineHeight",
+          "declaration": {
+            "name": "typeRampPlus5LineHeight",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampPlus6FontSize",
+          "declaration": {
+            "name": "typeRampPlus6FontSize",
+            "package": "@microsoft/fast-components"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "typeRampPlus6LineHeight",
+          "declaration": {
+            "name": "typeRampPlus6LineHeight",
+            "package": "@microsoft/fast-components"
+          }
         }
-      ],
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/tokens/index.ts",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "UrlInput",
+          "name": "*",
           "declaration": {
-            "name": "UrlInput",
-            "module": "src/url-input/url-input.ts"
+            "name": "*",
+            "package": "./default"
           }
         },
         {
           "kind": "js",
-          "name": "rapidUrlInput",
+          "name": "*",
           "declaration": {
-            "name": "rapidUrlInput",
-            "module": "src/url-input/url-input.ts"
+            "name": "*",
+            "package": "./custom"
           }
         }
       ]