@genesislcap/foundation-zero 14.59.0 → 14.60.0

package/dist/custom-elements.json

@@ -1137,7 +1137,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    actions: zeroActions,\n    actionsOpenerText: 'Horizontal Actions',\n  },\n  render: (args) =>\n    html`\n      <div style=\"${horizontalStyle}\">\n        <zero-actions-menu\n          name=\"${args.actionsOpenerText}\"\n          .actions=${args.actions}\n        ></zero-actions-menu>\n      </div>\n    `,\n}"
+          "default": "{\n  args: {\n    actions: zeroActions,\n    actionsOpenerText: 'Horizontal Actions',\n  },\n  render: (args) => html`\n    <div style=\"${horizontalStyle}\">\n      <zero-actions-menu\n        name=\"${args.actionsOpenerText}\"\n        .actions=${args.actions}\n      ></zero-actions-menu>\n    </div>\n  `,\n}"
         },
         {
           "kind": "variable",
@@ -1145,7 +1145,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    actions: zeroActions,\n    actionsOpenerText: 'Vertical Actions',\n  },\n  render: ({ actionsOpenerText, actions }) =>\n    html`\n      <div style=\"${verticalStyle}\">\n        <zero-actions-menu\n          name=\"${actionsOpenerText}\"\n          .actions=${actions}\n          is-vertical\n        ></zero-actions-menu>\n      </div>\n    `,\n}"
+          "default": "{\n  args: {\n    actions: zeroActions,\n    actionsOpenerText: 'Vertical Actions',\n  },\n  render: ({ actionsOpenerText, actions }) => html`\n    <div style=\"${verticalStyle}\">\n      <zero-actions-menu\n        name=\"${actionsOpenerText}\"\n        .actions=${actions}\n        is-vertical\n      ></zero-actions-menu>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -1860,7 +1860,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    bannerText: ` Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.\n      Lorem, ipsum dolor.`,\n    actionIgnoreActionText: 'Ignore',\n    actionDemoText: 'Diagnose',\n    actionButtonAppearance: 'lightweight',\n  },\n  argTypes: {\n    actionButtonAppearance: {\n      control: 'select',\n      options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n    },\n  },\n  render: ({ bannerText, actionButtonAppearance, actionIgnoreActionText, actionDemoText }) =>\n    html`\n      <zero-banner id=\"banner\">\n        <div slot=\"content\">${bannerText}</div>\n        <zero-button slot=\"action\" @click=\"${ignoreClick}\" appearance=\"${actionButtonAppearance}\">\n          ${actionIgnoreActionText}\n        </zero-button>\n        <zero-button slot=\"action\" appearance=\"${actionButtonAppearance}\">\n          ${actionDemoText}\n        </zero-button>\n      </zero-banner>\n    `,\n}"
+          "default": "{\n  args: {\n    bannerText: ` Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.\n      Lorem, ipsum dolor.`,\n    actionIgnoreActionText: 'Ignore',\n    actionDemoText: 'Diagnose',\n    actionButtonAppearance: 'lightweight',\n  },\n  argTypes: {\n    actionButtonAppearance: {\n      control: 'select',\n      options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n    },\n  },\n  render: ({ bannerText, actionButtonAppearance, actionIgnoreActionText, actionDemoText }) => html`\n    <zero-banner id=\"banner\">\n      <div slot=\"content\">${bannerText}</div>\n      <zero-button slot=\"action\" @click=\"${ignoreClick}\" appearance=\"${actionButtonAppearance}\">\n        ${actionIgnoreActionText}\n      </zero-button>\n      <zero-button slot=\"action\" appearance=\"${actionButtonAppearance}\">\n        ${actionDemoText}\n      </zero-button>\n    </zero-banner>\n  `,\n}"
         }
       ],
       "exports": [
@@ -2006,7 +2006,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    breadcrumbItemsText: 'Breadcrumb Item',\n    breadcrumbCurrentItemText: 'Current Page',\n  },\n  render: ({ breadcrumbItemsText, breadcrumbCurrentItemText }) =>\n    html`\n      <zero-breadcrumb>\n        <zero-breadcrumb-item href=\"#\">${breadcrumbItemsText} 1</zero-breadcrumb-item>\n        <zero-breadcrumb-item href=\"#\">${breadcrumbItemsText} 2</zero-breadcrumb-item>\n        <zero-breadcrumb-item>${breadcrumbCurrentItemText}</zero-breadcrumb-item>\n      </zero-breadcrumb>\n    `,\n}"
+          "default": "{\n  args: {\n    breadcrumbItemsText: 'Breadcrumb Item',\n    breadcrumbCurrentItemText: 'Current Page',\n  },\n  render: ({ breadcrumbItemsText, breadcrumbCurrentItemText }) => html`\n    <zero-breadcrumb>\n      <zero-breadcrumb-item href=\"#\">${breadcrumbItemsText} 1</zero-breadcrumb-item>\n      <zero-breadcrumb-item href=\"#\">${breadcrumbItemsText} 2</zero-breadcrumb-item>\n      <zero-breadcrumb-item>${breadcrumbCurrentItemText}</zero-breadcrumb-item>\n    </zero-breadcrumb>\n  `,\n}"
         }
       ],
       "exports": [
@@ -2384,7 +2384,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    appearance: 'neutral',\n    buttonText: 'Zero Button',\n  },\n  argTypes: {\n    appearance: {\n      control: 'select',\n      options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n    },\n  },\n  render: ({ appearance, buttonText }) =>\n    html`\n      <zero-button appearance=\"${appearance}\">${buttonText} (${appearance})</zero-button>\n    `,\n}"
+          "default": "{\n  args: {\n    appearance: 'neutral',\n    buttonText: 'Zero Button',\n  },\n  argTypes: {\n    appearance: {\n      control: 'select',\n      options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n    },\n  },\n  render: ({ appearance, buttonText }) => html`\n    <zero-button appearance=\"${appearance}\">${buttonText} (${appearance})</zero-button>\n  `,\n}"
         }
       ],
       "exports": [
@@ -2580,7 +2580,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    cardFillColor: '#2f353a',\n    cardHeading: 'Card 1',\n    cardText: 'This is a Rapid Card (and the only one with without extra fui elements!)',\n  },\n  render: ({ cardFillColor, cardHeading, cardText }) =>\n    html`\n      <div style=\"${wrapperStyle} --zero-card-fill-color:${cardFillColor};\">\n        <zero-card style=\"${cardStyle}\">\n          <h6>${cardHeading}</h6>\n          <span>${cardText}</span>\n        </zero-card>\n      </div>\n    `,\n}"
+          "default": "{\n  args: {\n    cardFillColor: '#2f353a',\n    cardHeading: 'Card 1',\n    cardText: 'This is a Rapid Card (and the only one with without extra fui elements!)',\n  },\n  render: ({ cardFillColor, cardHeading, cardText }) => html`\n    <div style=\"${wrapperStyle} --zero-card-fill-color:${cardFillColor};\">\n      <zero-card style=\"${cardStyle}\">\n        <h6>${cardHeading}</h6>\n        <span>${cardText}</span>\n      </zero-card>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -3142,7 +3142,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    showLabel: true,\n  },\n  render: ({ showLabel }) =>\n    html`\n      <zero-connection-indicator show-label=\"${showLabel}\"></zero-connection-indicator>\n    `,\n}"
+          "default": "{\n  args: {\n    showLabel: true,\n  },\n  render: ({ showLabel }) => html`\n    <zero-connection-indicator show-label=\"${showLabel}\"></zero-connection-indicator>\n  `,\n}"
         }
       ],
       "exports": [
@@ -3314,7 +3314,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    dataGridRowsData: rowsData,\n  },\n  render: ({ dataGridRowsData }) =>\n    html`\n      <div>\n        <div>\n          <zero-button @click=\"${() => loadData(dataGridRowsData)}\">Load Data</zero-button>\n          <zero-button @click=\"${() => clearData()}\">Clear Data</zero-button>\n        </div>\n        <zero-data-grid></zero-data-grid>\n      </div>\n    `,\n}"
+          "default": "{\n  args: {\n    dataGridRowsData: rowsData,\n  },\n  render: ({ dataGridRowsData }) => html`\n    <div>\n      <div>\n        <zero-button @click=\"${() => loadData(dataGridRowsData)}\">Load Data</zero-button>\n        <zero-button @click=\"${() => clearData()}\">Clear Data</zero-button>\n      </div>\n      <zero-data-grid></zero-data-grid>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -3586,7 +3586,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    firstDataPickerValue: '01-01-2021',\n    secondDatePickerFormat: 'MMMM/DD/YY',\n    thirdDatePickerFormat: 'MMM/ddd/YYYY',\n    thirdDatePickerValue: '01-01-2023',\n  },\n  render: ({\n    firstDataPickerValue,\n    secondDatePickerFormat,\n    thirdDatePickerFormat,\n    thirdDatePickerValue,\n  }) =>\n    html`\n      <div style=\"${wrapperStyle}\">\n        <div>\n          <zero-date-picker value=\"${firstDataPickerValue}\"></zero-date-picker>\n          <zero-date-picker format=\"${secondDatePickerFormat}\"></zero-date-picker>\n          <zero-date-picker\n            format=\"${thirdDatePickerFormat}\"\n            value=\"${thirdDatePickerValue}\"\n          ></zero-date-picker>\n        </div>\n      </div>\n    `,\n}"
+          "default": "{\n  args: {\n    firstDataPickerValue: '01-01-2021',\n    secondDatePickerFormat: 'MMMM/DD/YY',\n    thirdDatePickerFormat: 'MMM/ddd/YYYY',\n    thirdDatePickerValue: '01-01-2023',\n  },\n  render: ({\n    firstDataPickerValue,\n    secondDatePickerFormat,\n    thirdDatePickerFormat,\n    thirdDatePickerValue,\n  }) => html`\n    <div style=\"${wrapperStyle}\">\n      <div>\n        <zero-date-picker value=\"${firstDataPickerValue}\"></zero-date-picker>\n        <zero-date-picker format=\"${secondDatePickerFormat}\"></zero-date-picker>\n        <zero-date-picker\n          format=\"${thirdDatePickerFormat}\"\n          value=\"${thirdDatePickerValue}\"\n        ></zero-date-picker>\n      </div>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -4076,7 +4076,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  argTypes: {\n    fastAppearance: {\n      control: 'select',\n      options: FastAppearanceValues,\n    },\n  },\n  args: {\n    disclosureTitle: 'Open Disclosure',\n    disclosureText: `Created by writer Gardner Fox and artist Harry Lampert, the original Flashfirst appeared\n    in Flash Comics #1 (cover date January 1940/release monthNovember 1939). Nicknamed the\n    \"Scarlet Speedster\", all incarnations of theFlash possess \"super speed\", which includes\n    the ability to run, move, andthink extremely fast, use superhuman reflexes, and seemingly\n    violatecertain laws of physics.`,\n    disclosureEndSlot: '⚡️',\n    fastAppearance: 'lightweight',\n  },\n  render: ({ fastAppearance, disclosureTitle, disclosureText, disclosureEndSlot }) =>\n    html`\n      <zero-disclosure appearance=\"${fastAppearance}\" title=\"${disclosureTitle}\">\n        <span slot=\"end\">${disclosureEndSlot}</span>\n        <div>${disclosureText}</div>\n      </zero-disclosure>\n    `,\n}"
+          "default": "{\n  argTypes: {\n    fastAppearance: {\n      control: 'select',\n      options: FastAppearanceValues,\n    },\n  },\n  args: {\n    disclosureTitle: 'Open Disclosure',\n    disclosureText: `Created by writer Gardner Fox and artist Harry Lampert, the original Flashfirst appeared\n    in Flash Comics #1 (cover date January 1940/release monthNovember 1939). Nicknamed the\n    \"Scarlet Speedster\", all incarnations of theFlash possess \"super speed\", which includes\n    the ability to run, move, andthink extremely fast, use superhuman reflexes, and seemingly\n    violatecertain laws of physics.`,\n    disclosureEndSlot: '⚡️',\n    fastAppearance: 'lightweight',\n  },\n  render: ({ fastAppearance, disclosureTitle, disclosureText, disclosureEndSlot }) => html`\n    <zero-disclosure appearance=\"${fastAppearance}\" title=\"${disclosureTitle}\">\n      <span slot=\"end\">${disclosureEndSlot}</span>\n      <div>${disclosureText}</div>\n    </zero-disclosure>\n  `,\n}"
         }
       ],
       "exports": [
@@ -4264,7 +4264,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  argTypes: {\n    orientation: {\n      control: 'select',\n      options: ['horizontal', 'vertical'],\n    },\n    role: {\n      control: 'select',\n      options: ['separator', 'presentation'],\n    },\n  },\n  args: {\n    orientation: 'horizontal',\n    role: 'separator',\n  },\n  render: ({ orientation, role }) =>\n    html`\n      <div\n        style=\"display: flex; justify-content:center; width: 100%; ${orientation === 'vertical'\n          ? 'flex-direction: row;'\n          : 'flex-direction: column;'}\"\n      >\n        <zero-button style=\"flex: 1;\"></zero-button>\n        <zero-divider orientation=\"${orientation}\" role=\"${role}\"></zero-divider>\n        <zero-button style=\"flex: 1;\"></zero-button>\n      </div>\n    `,\n}"
+          "default": "{\n  argTypes: {\n    orientation: {\n      control: 'select',\n      options: ['horizontal', 'vertical'],\n    },\n    role: {\n      control: 'select',\n      options: ['separator', 'presentation'],\n    },\n  },\n  args: {\n    orientation: 'horizontal',\n    role: 'separator',\n  },\n  render: ({ orientation, role }) => html`\n    <div\n      style=\"display: flex; justify-content:center; width: 100%; ${orientation === 'vertical'\n        ? 'flex-direction: row;'\n        : 'flex-direction: column;'}\"\n    >\n      <zero-button style=\"flex: 1;\"></zero-button>\n      <zero-divider orientation=\"${orientation}\" role=\"${role}\"></zero-divider>\n      <zero-button style=\"flex: 1;\"></zero-button>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -4452,7 +4452,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    items: zeroItems,\n    dropdownOpenerText: 'Dropdown menu',\n  },\n  render: ({ dropdownOpenerText, items }) =>\n    html`\n      <div>\n        <zero-dropdown-menu name=\"${dropdownOpenerText}\" .items=${items}></zero-dropdown-menu>\n      </div>\n    `,\n}"
+          "default": "{\n  args: {\n    items: zeroItems,\n    dropdownOpenerText: 'Dropdown menu',\n  },\n  render: ({ dropdownOpenerText, items }) => html`\n    <div>\n      <zero-dropdown-menu name=\"${dropdownOpenerText}\" .items=${items}></zero-dropdown-menu>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -4627,7 +4627,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n  render: ({ errorText }) =>\n    html`\n      <div id=\"zero-banner\" style=\"width: 100%;\">\n        <zero-button @click=\"${() => showError(errorText)}\">Show Zero Error Banner</zero-button>\n      </div>\n    `,\n}"
+          "default": "{\n  args: {\n    errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n  render: ({ errorText }) => html`\n    <div id=\"zero-banner\" style=\"width: 100%;\">\n      <zero-button @click=\"${() => showError(errorText)}\">Show Zero Error Banner</zero-button>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -4659,7 +4659,7 @@
           "type": {
             "text": "ViewTemplate<ErrorBanner>"
           },
-          "default": "html`\n  <zero-banner ${ref('banner')}>\n    <div slot=\"content\">\n      <div>${(x) => x.error?.errorDetails || 'Place holder for error message'}</div>\n    </div>\n\n    <zero-button slot=\"action\" appearance=\"lightweight\" @click=${(x) => x.dismiss()}>\n      ${(x) => x.error?.config?.banner?.dismissingAction?.label || 'Ignore'}\n    </zero-button>\n\n    ${repeat(\n      (x) => x.error?.config?.banner.confirmingActions,\n      html`\n        <zero-button\n          slot=\"action\"\n          appearance=\"lightweight\"\n          @click=${(x, c) => {\n            x?.action();\n            c.parent.dismiss();\n          }}\n        >\n          ${(x) => x.label}\n        </zero-button>\n      `\n    )}\n  </zero-banner>\n`"
+          "default": "html`\n  <zero-banner ${ref('banner')}>\n    <div slot=\"content\">\n      <div>${(x) => x.error?.errorDetails || 'Place holder for error message'}</div>\n    </div>\n\n    <zero-button slot=\"action\" appearance=\"lightweight\" @click=${(x) => x.dismiss()}>\n      ${(x) => x.error?.config?.banner?.dismissingAction?.label || 'Ignore'}\n    </zero-button>\n\n    ${repeat(\n      (x) => x.error?.config?.banner.confirmingActions,\n      html`\n        <zero-button\n          slot=\"action\"\n          appearance=\"lightweight\"\n          @click=${(x, c) => {\n            x?.action();\n            c.parent.dismiss();\n          }}\n        >\n          ${(x) => x.label}\n        </zero-button>\n      `,\n    )}\n  </zero-banner>\n`"
         }
       ],
       "exports": [
@@ -5115,7 +5115,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  render: () =>\n    html`\n      <zero-filter type=\"text\" fieldName=\"SOME_TEXT_FIELD\"></zero-filter>\n      <zero-filter type=\"boolean\" fieldName=\"SOME_BOOLEAN_FIELD\"></zero-filter>\n      <zero-filter type=\"date\" fieldName=\"SOME_DATE_FIELD\"></zero-filter>\n      <zero-filter type=\"number\" fieldName=\"SOME_NUMERIC_FIELD\"></zero-filter>\n    `,\n}"
+          "default": "{\n  render: () => html`\n    <zero-filter type=\"text\" fieldName=\"SOME_TEXT_FIELD\"></zero-filter>\n    <zero-filter type=\"boolean\" fieldName=\"SOME_BOOLEAN_FIELD\"></zero-filter>\n    <zero-filter type=\"date\" fieldName=\"SOME_DATE_FIELD\"></zero-filter>\n    <zero-filter type=\"number\" fieldName=\"SOME_NUMERIC_FIELD\"></zero-filter>\n  `,\n}"
         }
       ],
       "exports": [
@@ -5352,7 +5352,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  render: () =>\n    html`\n      <zero-filter-bar\n        resource=\"ALL_PROCESSES_STATUS\"\n        only=\"PROCESS_PORT, START_TIME, PROCESS_NAME, DATADUMP\"\n      ></zero-filter-bar>\n    `,\n}"
+          "default": "{\n  render: () => html`\n    <zero-filter-bar\n      resource=\"ALL_PROCESSES_STATUS\"\n      only=\"PROCESS_PORT, START_TIME, PROCESS_NAME, DATADUMP\"\n    ></zero-filter-bar>\n  `,\n}"
         }
       ],
       "exports": [
@@ -5719,7 +5719,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  argTypes: {\n    direction: {\n      control: 'select',\n      options: ['previous', 'next'],\n    },\n  },\n  args: {\n    direction: 'next',\n  },\n  render: ({ direction }) =>\n    html`\n      <zero-flipper direction=\"${direction}\">Zero Flipper</zero-flipper>\n    `,\n}"
+          "default": "{\n  argTypes: {\n    direction: {\n      control: 'select',\n      options: ['previous', 'next'],\n    },\n  },\n  args: {\n    direction: 'next',\n  },\n  render: ({ direction }) => html`\n    <zero-flipper direction=\"${direction}\">Zero Flipper</zero-flipper>\n  `,\n}"
         }
       ],
       "exports": [
@@ -5905,7 +5905,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  argTypes: {\n    position: {\n      control: 'select',\n      options: ['left', 'right'],\n    },\n  },\n  args: {\n    position: 'right',\n    height: '500px',\n    flyoutWidth: '20%',\n  },\n  render: ({ position, height, flyoutWidth }) =>\n    html`\n      <div style=\"display: flex; height: ${height};\">\n        <zero-button @click=\"${openFlyout}\">Open Flyout</zero-button>\n\n        <style>\n          zero-flyout::part(flyout) {\n            width: ${flyoutWidth};\n          }\n        </style>\n        <zero-flyout position=\"${position}\" style=\"height: ${height};\">\n          <p slot=\"title\">Zero flyout</p>\n          <div slot=\"header\">\n            <p>Header</p>\n          </div>\n          <div class=\"container\">\n            <p>Flyout options</p>\n            <ul>\n              <li>0</li>\n              <li>1</li>\n              <li>2</li>\n              <li>3</li>\n              <li>4</li>\n              <li>5</li>\n            </ul>\n          </div>\n          <div slot=\"footer\">\n            <p>Footer</p>\n            <zero-button @click=\"${closeFlyout}\">Close Flyout</zero-button>\n          </div>\n        </zero-flyout>\n      </div>\n    `,\n}"
+          "default": "{\n  argTypes: {\n    position: {\n      control: 'select',\n      options: ['left', 'right'],\n    },\n  },\n  args: {\n    position: 'right',\n    height: '500px',\n    flyoutWidth: '20%',\n  },\n  render: ({ position, height, flyoutWidth }) => html`\n    <div style=\"display: flex; height: ${height};\">\n      <zero-button @click=\"${openFlyout}\">Open Flyout</zero-button>\n\n      <style>\n        zero-flyout::part(flyout) {\n          width: ${flyoutWidth};\n        }\n      </style>\n      <zero-flyout position=\"${position}\" style=\"height: ${height};\">\n        <p slot=\"title\">Zero flyout</p>\n        <div slot=\"header\">\n          <p>Header</p>\n        </div>\n        <div class=\"container\">\n          <p>Flyout options</p>\n          <ul>\n            <li>0</li>\n            <li>1</li>\n            <li>2</li>\n            <li>3</li>\n            <li>4</li>\n            <li>5</li>\n          </ul>\n        </div>\n        <div slot=\"footer\">\n          <p>Footer</p>\n          <zero-button @click=\"${closeFlyout}\">Close Flyout</zero-button>\n        </div>\n      </zero-flyout>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -6758,7 +6758,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    menuItemsText: 'Menu item',\n    subMenuItemsText: 'SubMenu item',\n  },\n  render: ({ menuItemsText, subMenuItemsText }) =>\n    html`\n      <zero-menu>\n        <zero-menu-item>\n          ${menuItemsText} 1\n          <zero-menu>\n            <zero-menu-item>${subMenuItemsText} 1</zero-menu-item>\n            <zero-menu-item>${subMenuItemsText} 2</zero-menu-item>\n            <zero-menu-item>${subMenuItemsText}</zero-menu-item>\n          </zero-menu>\n        </zero-menu-item>\n        <zero-menu-item>${menuItemsText} 2</zero-menu-item>\n        <zero-menu-item>${menuItemsText}</zero-menu-item>\n      </zero-menu>\n    `,\n}"
+          "default": "{\n  args: {\n    menuItemsText: 'Menu item',\n    subMenuItemsText: 'SubMenu item',\n  },\n  render: ({ menuItemsText, subMenuItemsText }) => html`\n    <zero-menu>\n      <zero-menu-item>\n        ${menuItemsText} 1\n        <zero-menu>\n          <zero-menu-item>${subMenuItemsText} 1</zero-menu-item>\n          <zero-menu-item>${subMenuItemsText} 2</zero-menu-item>\n          <zero-menu-item>${subMenuItemsText}</zero-menu-item>\n        </zero-menu>\n      </zero-menu-item>\n      <zero-menu-item>${menuItemsText} 2</zero-menu-item>\n      <zero-menu-item>${menuItemsText}</zero-menu-item>\n    </zero-menu>\n  `,\n}"
         }
       ],
       "exports": [
@@ -7237,7 +7237,7 @@
         {
           "kind": "variable",
           "name": "multiselectStyles",
-          "default": "css`\n  ${foundationMultiselectStyles}\n\n  :host {\n    --primary-gradient-angle: -113.5deg;\n  }\n\n  #display-field {\n    background: ${defaultRapidBGColor};\n  }\n\n  #display-field:focus {\n    outline: none;\n    background: linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        top/100% 1px,\n      linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        bottom/100% 1px;\n    background-origin: border-box;\n    background-repeat: no-repeat;\n    border: 1px solid transparent;\n    border-right-color: ${PrimaryRapidColorHEX.blue};\n    border-left-color: ${PrimaryRapidColorHEX.purple};\n  }\n\n  ::slotted(zero-checkbox),\n  zero-checkbox {\n    border-bottom: 1px solid rgb(46 48 52);\n    padding: 5px 0 5px 5px;\n    margin: 0;\n  }\n\n  ::slotted(zero-checkbox:hover),\n  zero-checkbox:hover {\n    background-color: rgb(45 47 51);\n    cursor: pointer;\n  }\n\n  ::slotted(zero-checkbox)::part(label),\n  zero-checkbox::part(label) {\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .label {\n    color: ${defaultRapidLabelColor};\n  }\n`"
+          "default": "css`\n  ${foundationMultiselectStyles}\n\n  :host {\n    --primary-gradient-angle: -113.5deg;\n  }\n\n  #display-field {\n    background: ${defaultRapidBGColor};\n  }\n\n  #display-field:focus {\n    outline: none;\n    background:\n      linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        top/100% 1px,\n      linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        bottom/100% 1px;\n    background-origin: border-box;\n    background-repeat: no-repeat;\n    border: 1px solid transparent;\n    border-right-color: ${PrimaryRapidColorHEX.blue};\n    border-left-color: ${PrimaryRapidColorHEX.purple};\n  }\n\n  ::slotted(zero-checkbox),\n  zero-checkbox {\n    border-bottom: 1px solid rgb(46 48 52);\n    padding: 5px 0 5px 5px;\n    margin: 0;\n  }\n\n  ::slotted(zero-checkbox:hover),\n  zero-checkbox:hover {\n    background-color: rgb(45 47 51);\n    cursor: pointer;\n  }\n\n  ::slotted(zero-checkbox)::part(label),\n  zero-checkbox::part(label) {\n    overflow-x: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .label {\n    color: ${defaultRapidLabelColor};\n  }\n`"
         }
       ],
       "exports": [
@@ -9387,7 +9387,7 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  args: {\n    errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n  render: ({ errorText }) =>\n    html`\n      <div id=\"zero-snackbar\" style=\"width: 100%;\">\n        <zero-button @click=\"${() => showError(errorText)}\">Show Zero Snackbar</zero-button>\n      </div>\n    `,\n}"
+          "default": "{\n  args: {\n    errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n  },\n  render: ({ errorText }) => html`\n    <div id=\"zero-snackbar\" style=\"width: 100%;\">\n      <zero-button @click=\"${() => showError(errorText)}\">Show Zero Snackbar</zero-button>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -9440,7 +9440,7 @@
           "type": {
             "text": "ViewTemplate<Snackbar>"
           },
-          "default": "html`\n  <div class=\"snackbar ${(x) => x.deleteAnimation}\" ${ref('snackbar')}>\n    <div part=\"content\" class=\"content\">\n      <div>${(x) => x.error?.errorDetails || 'Place holder for error message'}</div>\n    </div>\n    <div part=\"action\" class=\"action\">\n      ${repeat(\n        (x) => x.error?.config?.snackbar?.confirmingActions,\n        html`\n          <zero-button\n            slot=\"action\"\n            appearance=\"lightweight\"\n            @click=${(x, c) => {\n              x?.action();\n              c.parent?.dismiss();\n            }}\n          >\n            ${(x) => x.label}\n          </zero-button>\n        `\n      )}\n    </div>\n  </div>\n`"
+          "default": "html`\n  <div class=\"snackbar ${(x) => x.deleteAnimation}\" ${ref('snackbar')}>\n    <div part=\"content\" class=\"content\">\n      <div>${(x) => x.error?.errorDetails || 'Place holder for error message'}</div>\n    </div>\n    <div part=\"action\" class=\"action\">\n      ${repeat(\n        (x) => x.error?.config?.snackbar?.confirmingActions,\n        html`\n          <zero-button\n            slot=\"action\"\n            appearance=\"lightweight\"\n            @click=${(x, c) => {\n              x?.action();\n              c.parent?.dismiss();\n            }}\n          >\n            ${(x) => x.label}\n          </zero-button>\n        `,\n      )}\n    </div>\n  </div>\n`"
         }
       ],
       "exports": [
@@ -11542,7 +11542,7 @@
         {
           "kind": "variable",
           "name": "zeroUrlInputTemplate",
-          "default": "html<UrlInput>`\n  <div class=\"container\" value=${(x) => x.value}>\n    <zero-text-field\n      class=\"url-input\"\n      required\n      type=\"url\"\n      :value=${(x) => (x.focused && !x.readOnly ? x.value : '')}\n      @blur=${(x, c) => (!x.readOnly ? x.saveUrl(c.event?.target['value']) : '')}\n      @focus=${(x) => x.focus()}\n      :readOnly=${(x) => x.readOnly}\n      }\n    ></zero-text-field>\n    ${when(\n      (x) => x.readOnly || !x.focused,\n      html`\n        <a class=\"url-input-link\" href=${(x) => x.value} target=\"_blank\">${(x) => x.value}</a>\n      `\n    )}\n  </div>\n`"
+          "default": "html<UrlInput>`\n  <div class=\"container\" value=${(x) => x.value}>\n    <zero-text-field\n      class=\"url-input\"\n      required\n      type=\"url\"\n      :value=${(x) => (x.focused && !x.readOnly ? x.value : '')}\n      @blur=${(x, c) => (!x.readOnly ? x.saveUrl(c.event?.target['value']) : '')}\n      @focus=${(x) => x.focus()}\n      :readOnly=${(x) => x.readOnly}\n      }\n    ></zero-text-field>\n    ${when(\n      (x) => x.readOnly || !x.focused,\n      html`\n        <a class=\"url-input-link\" href=${(x) => x.value} target=\"_blank\">${(x) => x.value}</a>\n      `,\n    )}\n  </div>\n`"
         }
       ],
       "exports": [

package/dist/dts/actions-menu/actions-menu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions-menu.stories.d.ts","sourceRoot":"","sources":["../../../src/actions-menu/actions-menu.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAsBpB,eAAO,MAAM,UAAU,EAAE,QAcxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,QAetB,CAAC"}
+{"version":3,"file":"actions-menu.stories.d.ts","sourceRoot":"","sources":["../../../src/actions-menu/actions-menu.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAsBpB,eAAO,MAAM,UAAU,EAAE,QAaxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,QActB,CAAC"}

package/dist/dts/anchor/anchor.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"anchor.stories.d.ts","sourceRoot":"","sources":["../../../src/anchor/anchor.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,GAAG,EAAE,QAMjB,CAAC"}
+{"version":3,"file":"anchor.stories.d.ts","sourceRoot":"","sources":["../../../src/anchor/anchor.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAmBpB,eAAO,MAAM,GAAG,EAAE,QAMjB,CAAC"}

package/dist/dts/anchored-region/anchored-region.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"anchored-region.stories.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/anchored-region.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA0BpB,eAAO,MAAM,OAAO,EAAE,QAKrB,CAAC"}
+{"version":3,"file":"anchored-region.stories.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/anchored-region.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAyBpB,eAAO,MAAM,OAAO,EAAE,QAKrB,CAAC"}

package/dist/dts/anchored-region/anchored-region.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"anchored-region.styles.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/anchored-region.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,wBAAwB,YAC1B,wBAAwB,cACrB,2BAA2B,KACtC,aAGA,CAAC"}
+{"version":3,"file":"anchored-region.styles.d.ts","sourceRoot":"","sources":["../../../src/anchored-region/anchored-region.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,wBAAwB,YAC1B,wBAAwB,cACrB,2BAA2B,KACtC,aAEF,CAAC"}

package/dist/dts/badge/badge.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAyBpB,eAAO,MAAM,GAAG,EAAE,QAOjB,CAAC"}
+{"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAuBpB,eAAO,MAAM,GAAG,EAAE,QAOjB,CAAC"}

package/dist/dts/banner/banner.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"banner.stories.d.ts","sourceRoot":"","sources":["../../../src/banner/banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAKhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAOpB,eAAO,MAAM,OAAO,EAAE,QA0BrB,CAAC"}
+{"version":3,"file":"banner.stories.d.ts","sourceRoot":"","sources":["../../../src/banner/banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAKhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAOpB,eAAO,MAAM,OAAO,EAAE,QAyBrB,CAAC"}

package/dist/dts/breadcrumb/breadcrumb.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb/breadcrumb.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAarB,CAAC"}
+{"version":3,"file":"breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb/breadcrumb.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAYrB,CAAC"}

package/dist/dts/button/button.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/button/button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,GAAG,EAAE,QAMjB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAepB,CAAC"}
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/button/button.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAmBpB,eAAO,MAAM,GAAG,EAAE,QAMjB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAcpB,CAAC"}

package/dist/dts/button/button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/button/button.styles.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAmPpC,eAAO,MAAM,gBAAgB,YAClB,wBAAwB,cACrB,2BAA2B,KACtC,aAcA,CAAC"}
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/button/button.styles.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAqPpC,eAAO,MAAM,gBAAgB,YAClB,wBAAwB,cACrB,2BAA2B,KACtC,aAcA,CAAC"}

package/dist/dts/card/card.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.stories.d.ts","sourceRoot":"","sources":["../../../src/card/card.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,eAAO,MAAM,OAAO,EAAE,QAerB,CAAC"}
+{"version":3,"file":"card.stories.d.ts","sourceRoot":"","sources":["../../../src/card/card.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,eAAO,MAAM,OAAO,EAAE,QAcrB,CAAC"}

package/dist/dts/combobox/combobox.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.stories.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA4BpB,eAAO,MAAM,OAAO,EAAE,QAYrB,CAAC"}
+{"version":3,"file":"combobox.stories.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA2BpB,eAAO,MAAM,OAAO,EAAE,QAYrB,CAAC"}

package/dist/dts/combobox/combobox.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AASpC,eAAO,MAAM,kBAAkB,YACpB,wBAAwB,cACrB,2BAA2B,KACtC,aAiDF,CAAC"}
+{"version":3,"file":"combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/combobox/combobox.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AASpC,eAAO,MAAM,kBAAkB,YACpB,wBAAwB,cACrB,2BAA2B,KACtC,aAkDF,CAAC"}

package/dist/dts/connection-indicator/connection-indicator.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"connection-indicator.stories.d.ts","sourceRoot":"","sources":["../../../src/connection-indicator/connection-indicator.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAQrB,CAAC"}
+{"version":3,"file":"connection-indicator.stories.d.ts","sourceRoot":"","sources":["../../../src/connection-indicator/connection-indicator.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAOrB,CAAC"}

package/dist/dts/data-grid/data-grid.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid.stories.d.ts","sourceRoot":"","sources":["../../../src/data-grid/data-grid.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAoCpB,eAAO,MAAM,OAAO,EAAE,QAcrB,CAAC"}
+{"version":3,"file":"data-grid.stories.d.ts","sourceRoot":"","sources":["../../../src/data-grid/data-grid.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAoCpB,eAAO,MAAM,OAAO,EAAE,QAarB,CAAC"}

package/dist/dts/date-picker/date-picker.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.stories.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,eAAO,MAAM,OAAO,EAAE,QAyBrB,CAAC"}
+{"version":3,"file":"date-picker.stories.d.ts","sourceRoot":"","sources":["../../../src/date-picker/date-picker.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAKpB,eAAO,MAAM,OAAO,EAAE,QAwBrB,CAAC"}

package/dist/dts/design-system-provider/design-system-provider.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"design-system-provider.styles.d.ts","sourceRoot":"","sources":["../../../src/design-system-provider/design-system-provider.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAoD3E,eAAO,MAAM,0BAA0B,YAAa,wBAAwB,oDAe3E,CAAC"}
+{"version":3,"file":"design-system-provider.styles.d.ts","sourceRoot":"","sources":["../../../src/design-system-provider/design-system-provider.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAkD3E,eAAO,MAAM,0BAA0B,YAAa,wBAAwB,oDAe3E,CAAC"}

package/dist/dts/disclosure/disclosure.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"disclosure.stories.d.ts","sourceRoot":"","sources":["../../../src/disclosure/disclosure.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAwBrB,CAAC"}
+{"version":3,"file":"disclosure.stories.d.ts","sourceRoot":"","sources":["../../../src/disclosure/disclosure.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAuBrB,CAAC"}

package/dist/dts/divider/divider.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.stories.d.ts","sourceRoot":"","sources":["../../../src/divider/divider.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QA2BrB,CAAC"}
+{"version":3,"file":"divider.stories.d.ts","sourceRoot":"","sources":["../../../src/divider/divider.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QA0BrB,CAAC"}

package/dist/dts/dropdown-menu/dropdown-menu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.stories.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu/dropdown-menu.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAqDpB,eAAO,MAAM,OAAO,EAAE,QAWrB,CAAC"}
+{"version":3,"file":"dropdown-menu.stories.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu/dropdown-menu.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAqDpB,eAAO,MAAM,OAAO,EAAE,QAUrB,CAAC"}

package/dist/dts/error-banner/error-banner.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-banner.stories.d.ts","sourceRoot":"","sources":["../../../src/error-banner/error-banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO,EAAE,QAUrB,CAAC"}
+{"version":3,"file":"error-banner.stories.d.ts","sourceRoot":"","sources":["../../../src/error-banner/error-banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO,EAAE,QASrB,CAAC"}

package/dist/dts/filter/filter.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter.stories.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAQrB,CAAC"}
+{"version":3,"file":"filter.stories.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAOrB,CAAC"}

package/dist/dts/filter-bar/filter-bar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-bar.stories.d.ts","sourceRoot":"","sources":["../../../src/filter-bar/filter-bar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAQrB,CAAC"}
+{"version":3,"file":"filter-bar.stories.d.ts","sourceRoot":"","sources":["../../../src/filter-bar/filter-bar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAOrB,CAAC"}

package/dist/dts/flipper/flipper.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flipper.stories.d.ts","sourceRoot":"","sources":["../../../src/flipper/flipper.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAcrB,CAAC"}
+{"version":3,"file":"flipper.stories.d.ts","sourceRoot":"","sources":["../../../src/flipper/flipper.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAarB,CAAC"}

package/dist/dts/flyout/flyout.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flyout.stories.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAYpB,eAAO,MAAM,OAAO,EAAE,QA6CrB,CAAC"}
+{"version":3,"file":"flyout.stories.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAYpB,eAAO,MAAM,OAAO,EAAE,QA4CrB,CAAC"}

package/dist/dts/menu/menu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.stories.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAoBrB,CAAC"}
+{"version":3,"file":"menu.stories.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAmBrB,CAAC"}

package/dist/dts/multiselect/multiselect.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,iDAuD7B,CAAC"}
+{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,iDAwD7B,CAAC"}

package/dist/dts/select/select.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../../src/select/select.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AASpC,eAAO,MAAM,gBAAgB,YAClB,wBAAwB,cACrB,2BAA2B,KACtC,aAiDF,CAAC"}
+{"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../../src/select/select.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AASpC,eAAO,MAAM,gBAAgB,YAClB,wBAAwB,cACrB,2BAA2B,KACtC,aAkDF,CAAC"}

package/dist/dts/snackbar/snackbar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.stories.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO,EAAE,QAUrB,CAAC"}
+{"version":3,"file":"snackbar.stories.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO,EAAE,QASrB,CAAC"}

package/dist/dts/text-area/text-area.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.styles.d.ts","sourceRoot":"","sources":["../../../src/text-area/text-area.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAUpC,eAAO,MAAM,kBAAkB,YACpB,wBAAwB,cACrB,2BAA2B,KACtC,aA4CF,CAAC"}
+{"version":3,"file":"text-area.styles.d.ts","sourceRoot":"","sources":["../../../src/text-area/text-area.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAUpC,eAAO,MAAM,kBAAkB,YACpB,wBAAwB,cACrB,2BAA2B,KACtC,aA6CF,CAAC"}

package/dist/dts/text-field/text-field.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.styles.d.ts","sourceRoot":"","sources":["../../../src/text-field/text-field.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAUpC,eAAO,MAAM,mBAAmB,YACrB,wBAAwB,cACrB,2BAA2B,KACtC,aA+CF,CAAC"}
+{"version":3,"file":"text-field.styles.d.ts","sourceRoot":"","sources":["../../../src/text-field/text-field.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAUpC,eAAO,MAAM,mBAAmB,YACrB,wBAAwB,cACrB,2BAA2B,KACtC,aAgDF,CAAC"}

package/dist/dts/tree-item/tree-item.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-item.styles.d.ts","sourceRoot":"","sources":["../../../src/tree-item/tree-item.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,kBAAkB,YACpB,wBAAwB,cACrB,2BAA2B,KACtC,aA2BF,CAAC"}
+{"version":3,"file":"tree-item.styles.d.ts","sourceRoot":"","sources":["../../../src/tree-item/tree-item.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,kBAAkB,YACpB,wBAAwB,cACrB,2BAA2B,KACtC,aA4BF,CAAC"}

package/dist/esm/actions-menu/actions-menu.stories.js

@@ -30,13 +30,13 @@ export const Horizontal = {
         actionsOpenerText: 'Horizontal Actions',
     },
     render: (args) => html `
-      <div style="${horizontalStyle}">
-        <zero-actions-menu
-          name="${args.actionsOpenerText}"
-          .actions=${args.actions}
-        ></zero-actions-menu>
-      </div>
-    `,
+    <div style="${horizontalStyle}">
+      <zero-actions-menu
+        name="${args.actionsOpenerText}"
+        .actions=${args.actions}
+      ></zero-actions-menu>
+    </div>
+  `,
 };
 const verticalStyle = 'flex: 1; display: flex; height: 400px; justify-content: center;';
 export const Vertical = {
@@ -45,12 +45,12 @@ export const Vertical = {
         actionsOpenerText: 'Vertical Actions',
     },
     render: ({ actionsOpenerText, actions }) => html `
-      <div style="${verticalStyle}">
-        <zero-actions-menu
-          name="${actionsOpenerText}"
-          .actions=${actions}
-          is-vertical
-        ></zero-actions-menu>
-      </div>
-    `,
+    <div style="${verticalStyle}">
+      <zero-actions-menu
+        name="${actionsOpenerText}"
+        .actions=${actions}
+        is-vertical
+      ></zero-actions-menu>
+    </div>
+  `,
 };

package/dist/esm/anchor/anchor.stories.js

@@ -8,14 +8,14 @@ export default meta;
 const wrapperStyle = 'display: flex; flex-direction: column; justify-content: space-between; height: 500px';
 const StylesMapperTemplate = {
     render: ({ appearances, anchorText }) => html `
-      <div style="${wrapperStyle}">
-        ${appearances.map((appearanceName) => html `
-            <zero-anchor appearance="${appearanceName}">
-              ${anchorText} (${appearanceName})
-            </zero-anchor>
-          `)}
-      </div>
-    `,
+    <div style="${wrapperStyle}">
+      ${appearances.map((appearanceName) => html `
+          <zero-anchor appearance="${appearanceName}">
+            ${anchorText} (${appearanceName})
+          </zero-anchor>
+        `)}
+    </div>
+  `,
 };
 export const All = Object.assign({ args: {
         anchorText: 'Rapid Anchor',

package/dist/esm/anchored-region/anchored-region.stories.js

@@ -7,22 +7,22 @@ export default meta;
 const wrapperStyle = 'display: flex; flex-direction: column; justify-content: space-between; height: 500px';
 const StylesMapperTemplate = {
     render: ({ anchorText }) => html `
-      <zero-card style=${wrapperStyle}>
-        <div
-          id="viewport"
-          style="margin-top: 20px; display: flex; justify-content: center; align-items: center;"
+    <zero-card style=${wrapperStyle}>
+      <div
+        id="viewport"
+        style="margin-top: 20px; display: flex; justify-content: center; align-items: center;"
+      >
+        <zero-button id="anchor-b1">Button is an anchor</zero-button>
+        <zero-anchored-region
+          anchor="anchor-b1"
+          vertical-positioning-mode="locktodefault"
+          vertical-default-position="top"
         >
-          <zero-button id="anchor-b1">Button is an anchor</zero-button>
-          <zero-anchored-region
-            anchor="anchor-b1"
-            vertical-positioning-mode="locktodefault"
-            vertical-default-position="top"
-          >
-            <h6>${anchorText}</h6>
-          </zero-anchored-region>
-        </div>
-      </zero-card>
-    `,
+          <h6>${anchorText}</h6>
+        </zero-anchored-region>
+      </div>
+    </zero-card>
+  `,
 };
 export const Default = Object.assign({ args: {
         anchorText: 'This will show above button',

package/dist/esm/anchored-region/anchored-region.styles.js

@@ -1,5 +1,5 @@
 import { foundationAnchoredRegionStyles } from '@genesislcap/foundation-ui';
 import { css } from '@microsoft/fast-element';
 export const zeroAnchoredRegionStyles = (context, definition) => css `
-    ${foundationAnchoredRegionStyles(context, definition)}
-  `;
+  ${foundationAnchoredRegionStyles(context, definition)}
+`;

package/dist/esm/badge/badge.stories.js

@@ -7,14 +7,14 @@ export default meta;
 const wrapperStyle = 'display: flex; justify-content: space-between; flex: 1; flex-wrap: wrap;';
 const StylesMapperTemplate = {
     render: ({ fillColors, fontColors, badgeText }) => html `
-      <div style="${wrapperStyle}">
-        ${fillColors.map((fillColor) => html `
-            ${fontColors.map((fontColor) => html `
-                  <zero-badge fill="${fillColor}" color="${fontColor}">${badgeText}</zero-badge>
-                `)}
-          `)}
-      </div>
-    `,
+    <div style="${wrapperStyle}">
+      ${fillColors.map((fillColor) => html `
+          ${fontColors.map((fontColor) => html `
+              <zero-badge fill="${fillColor}" color="${fontColor}">${badgeText}</zero-badge>
+            `)}
+        `)}
+    </div>
+  `,
 };
 const fillColors = ['primary', 'secondary', 'pink'];
 const fontColors = ['black', 'white'];

package/dist/esm/banner/banner.stories.js

@@ -24,14 +24,14 @@ export const Primary = {
         },
     },
     render: ({ bannerText, actionButtonAppearance, actionIgnoreActionText, actionDemoText }) => html `
-      <zero-banner id="banner">
-        <div slot="content">${bannerText}</div>
-        <zero-button slot="action" @click="${ignoreClick}" appearance="${actionButtonAppearance}">
-          ${actionIgnoreActionText}
-        </zero-button>
-        <zero-button slot="action" appearance="${actionButtonAppearance}">
-          ${actionDemoText}
-        </zero-button>
-      </zero-banner>
-    `,
+    <zero-banner id="banner">
+      <div slot="content">${bannerText}</div>
+      <zero-button slot="action" @click="${ignoreClick}" appearance="${actionButtonAppearance}">
+        ${actionIgnoreActionText}
+      </zero-button>
+      <zero-button slot="action" appearance="${actionButtonAppearance}">
+        ${actionDemoText}
+      </zero-button>
+    </zero-banner>
+  `,
 };

package/dist/esm/breadcrumb/breadcrumb.stories.js

@@ -10,10 +10,10 @@ export const Primary = {
         breadcrumbCurrentItemText: 'Current Page',
     },
     render: ({ breadcrumbItemsText, breadcrumbCurrentItemText }) => html `
-      <zero-breadcrumb>
-        <zero-breadcrumb-item href="#">${breadcrumbItemsText} 1</zero-breadcrumb-item>
-        <zero-breadcrumb-item href="#">${breadcrumbItemsText} 2</zero-breadcrumb-item>
-        <zero-breadcrumb-item>${breadcrumbCurrentItemText}</zero-breadcrumb-item>
-      </zero-breadcrumb>
-    `,
+    <zero-breadcrumb>
+      <zero-breadcrumb-item href="#">${breadcrumbItemsText} 1</zero-breadcrumb-item>
+      <zero-breadcrumb-item href="#">${breadcrumbItemsText} 2</zero-breadcrumb-item>
+      <zero-breadcrumb-item>${breadcrumbCurrentItemText}</zero-breadcrumb-item>
+    </zero-breadcrumb>
+  `,
 };

package/dist/esm/button/button.stories.js

@@ -8,14 +8,14 @@ export default meta;
 const wrapperStyle = 'display: flex; flex-direction: column; justify-content: space-between; height: 500px';
 const StylesMapperTemplate = {
     render: ({ appearances, buttonText }) => html `
-      <div style="${wrapperStyle}">
-        ${appearances.map((appearanceName) => html `
+    <div style="${wrapperStyle}">
+      ${appearances.map((appearanceName) => html `
             <zero-button appearance="${appearanceName}">
              ${buttonText} (${appearanceName})
             </zero-anchor>
           `)}
-      </div>
-    `,
+    </div>
+  `,
 };
 export const All = Object.assign({ args: {
         appearances: ZeroAppearanceValues,
@@ -33,6 +33,6 @@ export const Single = {
         },
     },
     render: ({ appearance, buttonText }) => html `
-      <zero-button appearance="${appearance}">${buttonText} (${appearance})</zero-button>
-    `,
+    <zero-button appearance="${appearance}">${buttonText} (${appearance})</zero-button>
+  `,
 };

package/dist/esm/button/button.styles.js

@@ -132,7 +132,8 @@ const zeroOutlinePrimaryGradientStyles = css `
   }
 
   :host([appearance='outline-primary-gradient']) {
-    background: linear-gradient(
+    background:
+      linear-gradient(
           var(--primary-gradient-angle),
           ${PrimaryRapidColorHEX.blue} 0%,
           ${PrimaryRapidColorHEX.purple} 100%
@@ -165,7 +166,8 @@ const zeroOutlinePrimaryGradientStyles = css `
 
   :host([appearance='outline-primary-gradient']:active) {
     box-shadow: unset;
-    background: linear-gradient(
+    background:
+      linear-gradient(
           var(--primary-gradient-angle),
           ${primaryBlueWebRGBA(stockStateOpacity)} 0%,
           ${primaryPurpleWebRGBA(stockStateOpacity)} 100%

package/dist/esm/card/card.stories.js

@@ -13,11 +13,11 @@ export const Primary = {
         cardText: 'This is a Rapid Card (and the only one with without extra fui elements!)',
     },
     render: ({ cardFillColor, cardHeading, cardText }) => html `
-      <div style="${wrapperStyle} --zero-card-fill-color:${cardFillColor};">
-        <zero-card style="${cardStyle}">
-          <h6>${cardHeading}</h6>
-          <span>${cardText}</span>
-        </zero-card>
-      </div>
-    `,
+    <div style="${wrapperStyle} --zero-card-fill-color:${cardFillColor};">
+      <zero-card style="${cardStyle}">
+        <h6>${cardHeading}</h6>
+        <span>${cardText}</span>
+      </zero-card>
+    </div>
+  `,
 };

package/dist/esm/combobox/combobox.stories.js

@@ -7,14 +7,14 @@ export default meta;
 const wrapperStyle = 'height: 500px; width: 100%; display: flex; justify-content: center; align-items: center;';
 const OptionsMapperTemplate = {
     render: ({ options, position }) => html `
-      <div style="${wrapperStyle}">
-        <zero-combobox position="${position}">
-          ${options.map((option) => html `
-              <zero-option value="${option.value}">${option.text}</zero-option>
-            `)}
-        </zero-combobox>
-      </div>
-    `,
+    <div style="${wrapperStyle}">
+      <zero-combobox position="${position}">
+        ${options.map((option) => html `
+            <zero-option value="${option.value}">${option.text}</zero-option>
+          `)}
+      </zero-combobox>
+    </div>
+  `,
 };
 const optionsData = [
     { text: 'Zero Option 1', value: 1 },

package/dist/esm/combobox/combobox.styles.js

@@ -14,7 +14,8 @@ export const zeroComboboxStyles = (context, definition) => css `
   }
 
   :host(:focus-within:not([disabled])) {
-    background: linear-gradient(
+    background:
+      linear-gradient(
           var(--primary-gradient-angle),
           ${PrimaryRapidColorHEX.blue} 0%,
           ${PrimaryRapidColorHEX.purple} 100%

package/dist/esm/connection-indicator/connection-indicator.stories.js

@@ -9,6 +9,6 @@ export const Primary = {
         showLabel: true,
     },
     render: ({ showLabel }) => html `
-      <zero-connection-indicator show-label="${showLabel}"></zero-connection-indicator>
-    `,
+    <zero-connection-indicator show-label="${showLabel}"></zero-connection-indicator>
+  `,
 };

package/dist/esm/data-grid/data-grid.stories.js

@@ -35,12 +35,12 @@ export const Primary = {
         dataGridRowsData: rowsData,
     },
     render: ({ dataGridRowsData }) => html `
+    <div>
       <div>
-        <div>
-          <zero-button @click="${() => loadData(dataGridRowsData)}">Load Data</zero-button>
-          <zero-button @click="${() => clearData()}">Clear Data</zero-button>
-        </div>
-        <zero-data-grid></zero-data-grid>
+        <zero-button @click="${() => loadData(dataGridRowsData)}">Load Data</zero-button>
+        <zero-button @click="${() => clearData()}">Clear Data</zero-button>
       </div>
-    `,
+      <zero-data-grid></zero-data-grid>
+    </div>
+  `,
 };

package/dist/esm/date-picker/date-picker.stories.js

@@ -13,15 +13,15 @@ export const Primary = {
         thirdDatePickerValue: '01-01-2023',
     },
     render: ({ firstDataPickerValue, secondDatePickerFormat, thirdDatePickerFormat, thirdDatePickerValue, }) => html `
-      <div style="${wrapperStyle}">
-        <div>
-          <zero-date-picker value="${firstDataPickerValue}"></zero-date-picker>
-          <zero-date-picker format="${secondDatePickerFormat}"></zero-date-picker>
-          <zero-date-picker
-            format="${thirdDatePickerFormat}"
-            value="${thirdDatePickerValue}"
-          ></zero-date-picker>
-        </div>
+    <div style="${wrapperStyle}">
+      <div>
+        <zero-date-picker value="${firstDataPickerValue}"></zero-date-picker>
+        <zero-date-picker format="${secondDatePickerFormat}"></zero-date-picker>
+        <zero-date-picker
+          format="${thirdDatePickerFormat}"
+          value="${thirdDatePickerValue}"
+        ></zero-date-picker>
       </div>
-    `,
+    </div>
+  `,
 };

package/dist/esm/design-system-provider/design-system-provider.styles.js

@@ -16,12 +16,12 @@ const backgroundStyles = css `
     background-color: ${neutralFillStealthActive};
   }
 `.withBehaviors(forcedColorsStylesheetBehavior(css `
-      :host {
-        background-color: ${SystemColors.ButtonFace};
-        box-shadow: 0 0 0 1px ${SystemColors.CanvasText};
-        color: ${SystemColors.ButtonText};
-      }
-    `));
+    :host {
+      background-color: ${SystemColors.ButtonFace};
+      box-shadow: 0 0 0 1px ${SystemColors.CanvasText};
+      color: ${SystemColors.ButtonText};
+    }
+  `));
 const getHeaderForContext = (context, headingLevel, typeRampValue) => css `
   ${context.name} ${'h' + headingLevel} {
     font-size: var(--type-ramp-plus-${typeRampValue}-font-size);

package/dist/esm/disclosure/disclosure.stories.js

@@ -23,9 +23,9 @@ export const Primary = {
         fastAppearance: 'lightweight',
     },
     render: ({ fastAppearance, disclosureTitle, disclosureText, disclosureEndSlot }) => html `
-      <zero-disclosure appearance="${fastAppearance}" title="${disclosureTitle}">
-        <span slot="end">${disclosureEndSlot}</span>
-        <div>${disclosureText}</div>
-      </zero-disclosure>
-    `,
+    <zero-disclosure appearance="${fastAppearance}" title="${disclosureTitle}">
+      <span slot="end">${disclosureEndSlot}</span>
+      <div>${disclosureText}</div>
+    </zero-disclosure>
+  `,
 };

package/dist/esm/divider/divider.stories.js

@@ -20,14 +20,14 @@ export const Primary = {
         role: 'separator',
     },
     render: ({ orientation, role }) => html `
-      <div
-        style="display: flex; justify-content:center; width: 100%; ${orientation === 'vertical'
+    <div
+      style="display: flex; justify-content:center; width: 100%; ${orientation === 'vertical'
         ? 'flex-direction: row;'
         : 'flex-direction: column;'}"
-      >
-        <zero-button style="flex: 1;"></zero-button>
-        <zero-divider orientation="${orientation}" role="${role}"></zero-divider>
-        <zero-button style="flex: 1;"></zero-button>
-      </div>
-    `,
+    >
+      <zero-button style="flex: 1;"></zero-button>
+      <zero-divider orientation="${orientation}" role="${role}"></zero-divider>
+      <zero-button style="flex: 1;"></zero-button>
+    </div>
+  `,
 };

package/dist/esm/dropdown-menu/dropdown-menu.stories.js

@@ -61,8 +61,8 @@ export const Primary = {
         dropdownOpenerText: 'Dropdown menu',
     },
     render: ({ dropdownOpenerText, items }) => html `
-      <div>
-        <zero-dropdown-menu name="${dropdownOpenerText}" .items=${items}></zero-dropdown-menu>
-      </div>
-    `,
+    <div>
+      <zero-dropdown-menu name="${dropdownOpenerText}" .items=${items}></zero-dropdown-menu>
+    </div>
+  `,
 };

package/dist/esm/error-banner/error-banner.stories.js

@@ -35,8 +35,8 @@ export const Primary = {
         errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
     },
     render: ({ errorText }) => html `
-      <div id="zero-banner" style="width: 100%;">
-        <zero-button @click="${() => showError(errorText)}">Show Zero Error Banner</zero-button>
-      </div>
-    `,
+    <div id="zero-banner" style="width: 100%;">
+      <zero-button @click="${() => showError(errorText)}">Show Zero Error Banner</zero-button>
+    </div>
+  `,
 };

package/dist/esm/filter/filter.stories.js

@@ -6,9 +6,9 @@ const meta = {
 export default meta;
 export const Primary = {
     render: () => html `
-      <zero-filter type="text" fieldName="SOME_TEXT_FIELD"></zero-filter>
-      <zero-filter type="boolean" fieldName="SOME_BOOLEAN_FIELD"></zero-filter>
-      <zero-filter type="date" fieldName="SOME_DATE_FIELD"></zero-filter>
-      <zero-filter type="number" fieldName="SOME_NUMERIC_FIELD"></zero-filter>
-    `,
+    <zero-filter type="text" fieldName="SOME_TEXT_FIELD"></zero-filter>
+    <zero-filter type="boolean" fieldName="SOME_BOOLEAN_FIELD"></zero-filter>
+    <zero-filter type="date" fieldName="SOME_DATE_FIELD"></zero-filter>
+    <zero-filter type="number" fieldName="SOME_NUMERIC_FIELD"></zero-filter>
+  `,
 };

package/dist/esm/filter-bar/filter-bar.stories.js

@@ -6,9 +6,9 @@ const meta = {
 export default meta;
 export const Primary = {
     render: () => html `
-      <zero-filter-bar
-        resource="ALL_PROCESSES_STATUS"
-        only="PROCESS_PORT, START_TIME, PROCESS_NAME, DATADUMP"
-      ></zero-filter-bar>
-    `,
+    <zero-filter-bar
+      resource="ALL_PROCESSES_STATUS"
+      only="PROCESS_PORT, START_TIME, PROCESS_NAME, DATADUMP"
+    ></zero-filter-bar>
+  `,
 };

package/dist/esm/flipper/flipper.stories.js

@@ -15,6 +15,6 @@ export const Primary = {
         direction: 'next',
     },
     render: ({ direction }) => html `
-      <zero-flipper direction="${direction}">Zero Flipper</zero-flipper>
-    `,
+    <zero-flipper direction="${direction}">Zero Flipper</zero-flipper>
+  `,
 };

package/dist/esm/flyout/flyout.stories.js

@@ -25,35 +25,35 @@ export const Primary = {
         flyoutWidth: '20%',
     },
     render: ({ position, height, flyoutWidth }) => html `
-      <div style="display: flex; height: ${height};">
-        <zero-button @click="${openFlyout}">Open Flyout</zero-button>
+    <div style="display: flex; height: ${height};">
+      <zero-button @click="${openFlyout}">Open Flyout</zero-button>
 
-        <style>
-          zero-flyout::part(flyout) {
-            width: ${flyoutWidth};
-          }
-        </style>
-        <zero-flyout position="${position}" style="height: ${height};">
-          <p slot="title">Zero flyout</p>
-          <div slot="header">
-            <p>Header</p>
-          </div>
-          <div class="container">
-            <p>Flyout options</p>
-            <ul>
-              <li>0</li>
-              <li>1</li>
-              <li>2</li>
-              <li>3</li>
-              <li>4</li>
-              <li>5</li>
-            </ul>
-          </div>
-          <div slot="footer">
-            <p>Footer</p>
-            <zero-button @click="${closeFlyout}">Close Flyout</zero-button>
-          </div>
-        </zero-flyout>
-      </div>
-    `,
+      <style>
+        zero-flyout::part(flyout) {
+          width: ${flyoutWidth};
+        }
+      </style>
+      <zero-flyout position="${position}" style="height: ${height};">
+        <p slot="title">Zero flyout</p>
+        <div slot="header">
+          <p>Header</p>
+        </div>
+        <div class="container">
+          <p>Flyout options</p>
+          <ul>
+            <li>0</li>
+            <li>1</li>
+            <li>2</li>
+            <li>3</li>
+            <li>4</li>
+            <li>5</li>
+          </ul>
+        </div>
+        <div slot="footer">
+          <p>Footer</p>
+          <zero-button @click="${closeFlyout}">Close Flyout</zero-button>
+        </div>
+      </zero-flyout>
+    </div>
+  `,
 };

package/dist/esm/menu/menu.stories.js

@@ -10,17 +10,17 @@ export const Primary = {
         subMenuItemsText: 'SubMenu item',
     },
     render: ({ menuItemsText, subMenuItemsText }) => html `
-      <zero-menu>
-        <zero-menu-item>
-          ${menuItemsText} 1
-          <zero-menu>
-            <zero-menu-item>${subMenuItemsText} 1</zero-menu-item>
-            <zero-menu-item>${subMenuItemsText} 2</zero-menu-item>
-            <zero-menu-item>${subMenuItemsText}</zero-menu-item>
-          </zero-menu>
-        </zero-menu-item>
-        <zero-menu-item>${menuItemsText} 2</zero-menu-item>
-        <zero-menu-item>${menuItemsText}</zero-menu-item>
-      </zero-menu>
-    `,
+    <zero-menu>
+      <zero-menu-item>
+        ${menuItemsText} 1
+        <zero-menu>
+          <zero-menu-item>${subMenuItemsText} 1</zero-menu-item>
+          <zero-menu-item>${subMenuItemsText} 2</zero-menu-item>
+          <zero-menu-item>${subMenuItemsText}</zero-menu-item>
+        </zero-menu>
+      </zero-menu-item>
+      <zero-menu-item>${menuItemsText} 2</zero-menu-item>
+      <zero-menu-item>${menuItemsText}</zero-menu-item>
+    </zero-menu>
+  `,
 };

package/dist/esm/multiselect/multiselect.styles.js

@@ -15,7 +15,8 @@ export const multiselectStyles = css `
 
   #display-field:focus {
     outline: none;
-    background: linear-gradient(
+    background:
+      linear-gradient(
           var(--primary-gradient-angle),
           ${PrimaryRapidColorHEX.blue} 0%,
           ${PrimaryRapidColorHEX.purple} 100%

package/dist/esm/select/select.styles.js

@@ -14,7 +14,8 @@ export const zeroSelectStyles = (context, definition) => css `
   }
 
   :host(:focus-within:not([disabled])) {
-    background: linear-gradient(
+    background:
+      linear-gradient(
           var(--primary-gradient-angle),
           ${PrimaryRapidColorHEX.blue} 0%,
           ${PrimaryRapidColorHEX.purple} 100%

package/dist/esm/snackbar/snackbar.stories.js

@@ -35,8 +35,8 @@ export const Primary = {
         errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
     },
     render: ({ errorText }) => html `
-      <div id="zero-snackbar" style="width: 100%;">
-        <zero-button @click="${() => showError(errorText)}">Show Zero Snackbar</zero-button>
-      </div>
-    `,
+    <div id="zero-snackbar" style="width: 100%;">
+      <zero-button @click="${() => showError(errorText)}">Show Zero Snackbar</zero-button>
+    </div>
+  `,
 };

package/dist/esm/text-area/text-area.styles.js

@@ -21,7 +21,8 @@ export const zeroTextAreaStyles = (context, definition) => css `
   }
 
   :host(:focus-within:not([disabled])) .control {
-    background: linear-gradient(
+    background:
+      linear-gradient(
           var(--primary-gradient-angle),
           ${PrimaryRapidColorHEX.blue} 0%,
           ${PrimaryRapidColorHEX.purple} 100%

package/dist/esm/text-field/text-field.styles.js

@@ -24,7 +24,8 @@ export const zeroTextFieldStyles = (context, definition) => css `
   }
 
   :host(:focus-within:not([disabled])) .root {
-    background: linear-gradient(
+    background:
+      linear-gradient(
           var(--primary-gradient-angle),
           ${PrimaryRapidColorHEX.blue} 0%,
           ${PrimaryRapidColorHEX.purple} 100%

package/dist/esm/tree-item/tree-item.styles.js

@@ -12,7 +12,8 @@ export const zeroTreeItemStyles = (context, definition) => css `
   }
 
   :host([selected])::after {
-    background: linear-gradient(
+    background:
+      linear-gradient(
           var(--primary-gradient-angle),
           ${PrimaryRapidColorHEX.blue} 10%,
           ${PrimaryRapidColorHEX.purple} 100%

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.59.0",
+  "version": "14.60.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -62,7 +62,7 @@
     "storybook": "storybook dev -p 6006"
   },
   "devDependencies": {
-    "@genesislcap/genx": "14.59.0",
+    "@genesislcap/genx": "14.60.0",
     "@storybook/addon-essentials": "^7.0.0",
     "@storybook/addon-links": "^7.0.0",
     "@storybook/addons": "^7.0.0",
@@ -75,9 +75,9 @@
     "storybook": "^7.0.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.59.0",
-    "@genesislcap/foundation-ui": "14.59.0",
-    "@genesislcap/foundation-utils": "14.59.0",
+    "@genesislcap/foundation-comms": "14.60.0",
+    "@genesislcap/foundation-ui": "14.60.0",
+    "@genesislcap/foundation-utils": "14.60.0",
     "@microsoft/fast-colors": "^5.1.4",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -94,5 +94,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "9e694bb994fa48b71b0c6301a3ad72f54671d117"
+  "gitHead": "78e4c99a7097525e11e99ef7f058d5c464fa30ab"
 }