@genesislcap/foundation-zero 14.63.1 → 14.64.0

package/dist/custom-elements.json

@@ -12,7 +12,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{\n  zeroAccordion,\n  zeroAccordionItem,\n  zeroActionsMenu,\n  zeroAnchor,\n  zeroAnchoredRegion,\n  zeroAvatar,\n  zeroBadge,\n  zeroBanner,\n  zeroBreadcrumbItem,\n  zeroBreadcrumb,\n  zeroButton,\n  zeroCard,\n  zeroCheckbox,\n  zeroCombobox,\n  zeroConnectionIndicator,\n  zeroDataGrid,\n  zeroDesignSystemProvider,\n  zeroDialog,\n  zeroDatePicker,\n  zeroDisclosure,\n  zeroDivider,\n  zeroDropdownMenu,\n  zeroErrorBoundary,\n  zeroNotificationListener,\n  zeroErrorBanner,\n  zeroErrorDialog,\n  zeroFileUpload,\n  zeroFilter,\n  zeroFilterBar,\n  zeroFlexLayout,\n  zeroFlipper,\n  zeroFlyout,\n  zeroGridLayout,\n  zeroGridLayoutItem,\n  zeroHorizontalScroll,\n  zeroIcon,\n  zeroListbox,\n  zeroListboxOption,\n  zeroMenu,\n  zeroMenuItem,\n  zeroModal,\n  zeroMultiselect,\n  zeroNumberField,\n  zeroProgress,\n  zeroProgressRing,\n  zeroRadio,\n  zeroRadioGroup,\n  zeroSegmentedControl,\n  zeroSegmentedItem,\n  zeroSelect,\n  zeroSkeleton,\n  zeroSlider,\n  zeroSnackbar,\n  zeroSwitch,\n  zeroTab,\n  zeroTabPanel,\n  zeroTabs,\n  zeroTextArea,\n  zeroTextField,\n  zeroToast,\n  zeroToolbar,\n  zeroTooltip,\n  zeroTreeItem,\n  zeroTreeView,\n  zeroUrlInput,\n  register(container?: Container, ...rest: any[]) {\n    if (!container) {\n      // preserve backward compatibility with code that loops through\n      // the values of this object and calls them as funcs with no args\n      return;\n    }\n\n    for (const key in this) {\n      if (key === 'register') {\n        continue;\n      }\n\n      this[key]().register(container, ...rest);\n    }\n  },\n}"
+          "default": "{\n  zeroAccordion,\n  zeroAccordionItem,\n  zeroActionsMenu,\n  zeroAnchor,\n  zeroAnchoredRegion,\n  zeroAvatar,\n  zeroBadge,\n  zeroBanner,\n  zeroBreadcrumbItem,\n  zeroBreadcrumb,\n  zeroButton,\n  zeroCard,\n  zeroCheckbox,\n  zeroCombobox,\n  zeroConnectionIndicator,\n  zeroDataGrid,\n  zeroDesignSystemProvider,\n  zeroDialog,\n  zeroDatePicker,\n  zeroDisclosure,\n  zeroDivider,\n  zeroDropdownMenu,\n  zeroErrorBoundary,\n  zeroNotificationListener,\n  zeroErrorBanner,\n  zeroErrorDialog,\n  zeroFileUpload,\n  zeroFilter,\n  zeroFilterBar,\n  zeroFlexLayout,\n  zeroFlipper,\n  zeroFlyout,\n  zeroGridLayout,\n  zeroGridLayoutItem,\n  zeroHorizontalScroll,\n  zeroIcon,\n  zeroListbox,\n  zeroListboxOption,\n  zeroMenu,\n  zeroMenuItem,\n  zeroModal,\n  zeroMultiselect,\n  zeroNumberField,\n  zeroProgress,\n  zeroProgressRing,\n  zeroRadio,\n  zeroRadioGroup,\n  zeroSegmentedControl,\n  zeroSegmentedItem,\n  zeroSelect,\n  zeroSkeleton,\n  zeroSlider,\n  zeroSliderLabel,\n  zeroSnackbar,\n  zeroSwitch,\n  zeroTab,\n  zeroTabPanel,\n  zeroTabs,\n  zeroTextArea,\n  zeroTextField,\n  zeroToast,\n  zeroToolbar,\n  zeroTooltip,\n  zeroTreeItem,\n  zeroTreeView,\n  zeroUrlInput,\n  register(container?: Container, ...rest: any[]) {\n    if (!container) {\n      // preserve backward compatibility with code that loops through\n      // the values of this object and calls them as funcs with no args\n      return;\n    }\n\n    for (const key in this) {\n      if (key === 'register') {\n        continue;\n      }\n\n      this[key]().register(container, ...rest);\n    }\n  },\n}"
         }
       ],
       "exports": [
@@ -490,6 +490,14 @@
             "package": "./slider"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./slider-label"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -9599,7 +9607,15 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  render: () => html`\n    <div style=\"min-height: 300px;\">\n      <zero-slider min=\"0\" max=\"100\" step=\"10\" value=\"70\" orientation=\"vertical\"></zero-slider>\n      <zero-slider min=\"0\" max=\"100\" step=\"10\" value=\"70\"></zero-slider>\n    </div>\n  `,\n}"
+          "default": "{\n  render: () => html`\n    <div style=\"min-height: 300px; width: 100%;\">\n      <h6>Vertical</h6>\n      <zero-slider min=\"0\" max=\"100\" step=\"10\" value=\"70\" orientation=\"vertical\"></zero-slider>\n      <h6>Horizontal</h6>\n      <zero-slider min=\"0\" max=\"100\" step=\"10\" value=\"70\"></zero-slider>\n    </div>\n  `,\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "WithLabels",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  render: () => html`\n    <div style=\"min-height: 300px; width: 100%; margin: 20px;\">\n      <zero-slider min=\"0\" max=\"100\" step=\"10\" value=\"70\">\n        <zero-slider-label position=\"0\">0%</zero-slider-label>\n        <zero-slider-label position=\"10\">10%</zero-slider-label>\n        <zero-slider-label position=\"90\">90%</zero-slider-label>\n        <zero-slider-label position=\"100\">100%</zero-slider-label>\n      </zero-slider>\n    </div>\n  `,\n}"
         }
       ],
       "exports": [
@@ -9618,6 +9634,14 @@
             "name": "Primary",
             "module": "src/slider/slider.stories.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "WithLabels",
+          "declaration": {
+            "name": "WithLabels",
+            "module": "src/slider/slider.stories.ts"
+          }
         }
       ]
     },
@@ -9738,6 +9762,154 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/slider-label/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./slider-label"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./slider-label.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./slider-label.template"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/slider-label/slider-label.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroSliderLabelStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroSliderLabelStyles",
+          "declaration": {
+            "name": "zeroSliderLabelStyles",
+            "module": "src/slider-label/slider-label.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/slider-label/slider-label.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroSliderLabelTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<SliderLabel>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroSliderLabelTemplate",
+          "declaration": {
+            "name": "zeroSliderLabelTemplate",
+            "module": "src/slider-label/slider-label.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/slider-label/slider-label.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SliderLabel",
+          "superclass": {
+            "name": "FoundationSliderLabel",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-slider-label",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "zeroSliderLabel"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SliderLabel",
+          "declaration": {
+            "name": "SliderLabel",
+            "module": "src/slider-label/slider-label.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroSliderLabel",
+          "declaration": {
+            "name": "zeroSliderLabel",
+            "module": "src/slider-label/slider-label.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/snackbar/index.ts",

package/dist/dts/base-components.d.ts

@@ -200,6 +200,7 @@ export declare const baseComponents: {
     zeroSelect: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./select").Select>;
     zeroSkeleton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./skeleton").Skeleton>;
     zeroSlider: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./slider").Slider>;
+    zeroSliderLabel: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./slider-label").SliderLabel>;
     zeroSnackbar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
         baseName: string;
         shadowOptions: ShadowRootInit;

package/dist/dts/base-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAmE5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAkEJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
+{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAoE5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAmEJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}

package/dist/dts/index.d.ts

@@ -55,6 +55,7 @@ export * from './segmented-item';
 export * from './select';
 export * from './skeleton';
 export * from './slider';
+export * from './slider-label';
 export * from './switch';
 export * from './tab';
 export * from './tab-panel';

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/dts/slider/slider.stories.d.ts

@@ -2,4 +2,5 @@ import type { Meta, StoryObj } from '@storybook/web-components';
 declare const meta: Meta;
 export default meta;
 export declare const Primary: StoryObj;
+export declare const WithLabels: StoryObj;
 //# sourceMappingURL=slider.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.stories.d.ts","sourceRoot":"","sources":["../../../src/slider/slider.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"}
+{"version":3,"file":"slider.stories.d.ts","sourceRoot":"","sources":["../../../src/slider/slider.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,QASrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAWxB,CAAC"}

package/dist/dts/slider-label/index.d.ts

@@ -0,0 +1,4 @@
+export * from './slider-label';
+export * from './slider-label.styles';
+export * from './slider-label.template';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/slider-label/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/slider-label/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}

package/dist/dts/slider-label/slider-label.d.ts

@@ -0,0 +1,8 @@
+import { SliderLabel as FoundationSliderLabel } from '@genesislcap/foundation-ui';
+/**
+ * @tagname %%prefix%%-slider-label
+ */
+export declare class SliderLabel extends FoundationSliderLabel {
+}
+export declare const zeroSliderLabel: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof SliderLabel>;
+//# sourceMappingURL=slider-label.d.ts.map

package/dist/dts/slider-label/slider-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-label.d.ts","sourceRoot":"","sources":["../../../src/slider-label/slider-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,IAAI,qBAAqB,EACrC,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,WAAY,SAAQ,qBAAqB;CAAG;AAEzD,eAAO,MAAM,eAAe,2TAM1B,CAAC"}

package/dist/dts/slider-label/slider-label.styles.d.ts

@@ -0,0 +1,4 @@
+import { ElementStyles } from '@microsoft/fast-element';
+import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+export declare const zeroSliderLabelStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+//# sourceMappingURL=slider-label.styles.d.ts.map

package/dist/dts/slider-label/slider-label.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-label.styles.d.ts","sourceRoot":"","sources":["../../../src/slider-label/slider-label.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,qBAAqB,YACvB,wBAAwB,cACrB,2BAA2B,KACtC,aAWF,CAAC"}

package/dist/dts/slider-label/slider-label.template.d.ts

@@ -0,0 +1,5 @@
+import type { ViewTemplate } from '@microsoft/fast-element';
+import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+import type { SliderLabel } from './slider-label';
+export declare const zeroSliderLabelTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate<SliderLabel>;
+//# sourceMappingURL=slider-label.template.d.ts.map

package/dist/dts/slider-label/slider-label.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-label.template.d.ts","sourceRoot":"","sources":["../../../src/slider-label/slider-label.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,uBAAuB,YACzB,wBAAwB,cACrB,2BAA2B,KACtC,aAAa,WAAW,CAAuD,CAAC"}

package/dist/esm/base-components.js

@@ -51,6 +51,7 @@ import { zeroSegmentedItem } from './segmented-item';
 import { zeroSelect } from './select';
 import { zeroSkeleton } from './skeleton';
 import { zeroSlider } from './slider';
+import { zeroSliderLabel } from './slider-label';
 import { zeroSnackbar } from './snackbar';
 import { zeroSwitch } from './switch';
 import { zeroTab } from './tab';
@@ -117,6 +118,7 @@ export const baseComponents = {
     zeroSelect,
     zeroSkeleton,
     zeroSlider,
+    zeroSliderLabel,
     zeroSnackbar,
     zeroSwitch,
     zeroTab,

package/dist/esm/index.js

@@ -55,6 +55,7 @@ export * from './segmented-item';
 export * from './select';
 export * from './skeleton';
 export * from './slider';
+export * from './slider-label';
 export * from './switch';
 export * from './tab';
 export * from './tab-panel';

package/dist/esm/slider/slider.stories.js

@@ -6,9 +6,23 @@ const meta = {
 export default meta;
 export const Primary = {
     render: () => html `
-    <div style="min-height: 300px;">
+    <div style="min-height: 300px; width: 100%;">
+      <h6>Vertical</h6>
       <zero-slider min="0" max="100" step="10" value="70" orientation="vertical"></zero-slider>
+      <h6>Horizontal</h6>
       <zero-slider min="0" max="100" step="10" value="70"></zero-slider>
     </div>
   `,
 };
+export const WithLabels = {
+    render: () => html `
+    <div style="min-height: 300px; width: 100%; margin: 20px;">
+      <zero-slider min="0" max="100" step="10" value="70">
+        <zero-slider-label position="0">0%</zero-slider-label>
+        <zero-slider-label position="10">10%</zero-slider-label>
+        <zero-slider-label position="90">90%</zero-slider-label>
+        <zero-slider-label position="100">100%</zero-slider-label>
+      </zero-slider>
+    </div>
+  `,
+};

package/dist/esm/slider-label/index.js

@@ -0,0 +1,3 @@
+export * from './slider-label';
+export * from './slider-label.styles';
+export * from './slider-label.template';

package/dist/esm/slider-label/slider-label.js

@@ -0,0 +1,10 @@
+import { defaultSliderLabelConfig, foundationSliderLabelShadowOptions, SliderLabel as FoundationSliderLabel, } from '@genesislcap/foundation-ui';
+import { zeroSliderLabelStyles as styles } from './slider-label.styles';
+import { zeroSliderLabelTemplate as template } from './slider-label.template';
+/**
+ * @tagname %%prefix%%-slider-label
+ */
+export class SliderLabel extends FoundationSliderLabel {
+}
+export const zeroSliderLabel = SliderLabel.compose(Object.assign({ baseName: 'slider-label', template,
+    styles, shadowOptions: foundationSliderLabelShadowOptions }, defaultSliderLabelConfig));

package/dist/esm/slider-label/slider-label.styles.js

@@ -0,0 +1,14 @@
+import { foundationSliderLabelStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+export const zeroSliderLabelStyles = (context, definition) => css `
+  ${foundationSliderLabelStyles(context, definition)}
+  .label {
+    padding: 6px 8px;
+    border-radius: calc(var(--control-corner-radius) * 1px);
+    border: calc(var(--stroke-width) * 1px) solid #2e3339;
+    background-color: #c9c9c9;
+    color: #161616;
+    text-align: center;
+    font-size: var(--type-ramp-minus-1-font-size, 12px);
+  }
+`;

package/dist/esm/slider-label/slider-label.template.js

@@ -0,0 +1,2 @@
+import { foundationSliderLabelTemplate } from '@genesislcap/foundation-ui';
+export const zeroSliderLabelTemplate = (context, definition) => foundationSliderLabelTemplate(context, definition);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.63.1",
+  "version": "14.64.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.63.1",
+    "@genesislcap/genx": "14.64.0",
     "@storybook/addon-essentials": "^7.1.0",
     "@storybook/addon-links": "^7.1.0",
     "@storybook/addons": "^7.1.0",
@@ -75,9 +75,9 @@
     "storybook": "^7.1.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.63.1",
-    "@genesislcap/foundation-ui": "14.63.1",
-    "@genesislcap/foundation-utils": "14.63.1",
+    "@genesislcap/foundation-comms": "14.64.0",
+    "@genesislcap/foundation-ui": "14.64.0",
+    "@genesislcap/foundation-utils": "14.64.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": "5d9a089691a3919092d15c10c7894dae5f67ebcc"
+  "gitHead": "b9342cf385809ba4b2ad9bc592ae9dffe9360ce4"
 }