tide-design-system 2.6.0 → 2.6.1

package/dist/components/TideSeoLinks.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TideSeoLinks.vue2.js","sources":["../../src/components/TideSeoLinks.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import InternalBaseLink from '@/components/InternalBaseLink.vue';\n  import { CSS } from '@/types/Styles';\n  import { TARGET } from '@/types/Target';\n\n  import type { Link } from '@/types/Link';\n\n  type Props = {\n    heading?: string;\n    links: Link[];\n  };\n\n  const props = withDefaults(defineProps<Props>(), {\n    heading: '',\n  });\n</script>\n\n<template>\n  <section class=\"tide-seo-links\">\n    <h2 :class=\"[CSS.MARGIN.BOTTOM.HALF]\">\n      {{ props.heading }}\n    </h2>\n\n    <ul :class=\"[CSS.DISPLAY.FLEX, CSS.FLEX.WRAP, CSS.GAP.TWO, CSS.LIST_BULLETS.OFF]\">\n      <li\n        :class=\"['tide-seo-link', CSS.DISPLAY.FLEX, CSS.FLEX.DIRECTION.COLUMN, CSS.GAP.QUARTER, CSS.FONT.ROLE.BODY_2]\"\n        :key=\"link.label\"\n        v-for=\"link in props.links\"\n      >\n        <InternalBaseLink\n          :class=\"[CSS.UNDERLINE.REST.OFF]\"\n          :href=\"link.url\"\n          :target=\"link.isNewTab ? TARGET.BLANK : TARGET.SELF\"\n        >\n          {{ link.label }}\n        </InternalBaseLink>\n      </li>\n    </ul>\n  </section>\n</template>\n\n<style scoped>\n  /* TODO: Refactor to accept breakpoint prop in order to accomplish this with neither custom breakpoints nor dependency on ViewportStore. */\n  .tide-seo-link {\n    width: 100%;\n  }\n\n  @media (min-width: 992px) {\n    .tide-seo-link {\n      width: calc((100% - 2rem) / 2);\n    }\n  }\n\n  @media (min-width: 1232px) {\n    .tide-seo-link {\n      width: calc((100% - 6rem) / 4);\n    }\n  }\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_toDisplayString","_normalizeClass","_Fragment","_renderList","_createVNode","InternalBaseLink","_createTextVNode"],"mappings":";;;;;;;;;;;;AAYE,UAAM,QAAQ;;AAMd,aAAAA,UAAA,GAAAC,mBAoBU,WApBV,YAoBU;AAAA,QAnBRC,mBAEK,MAAA;AAAA,UAFA,uBAAQC,MAAA,GAAA,EAAI,OAAO,OAAO,IAAI,CAAA;AAAA,QAAA,GAC9BC,gBAAA,MAAM,OAAO,GAAA,CAAA;AAAA,QAGlBF,mBAcK,MAAA;AAAA,UAdA,OAAKG,eAAA,CAAGF,WAAI,QAAQ,MAAMA,MAAA,GAAA,EAAI,KAAK,MAAMA,MAAA,GAAA,EAAI,IAAI,KAAKA,MAAA,GAAA,EAAI,aAAa,GAAG,CAAA;AAAA,QAAA;WAC7EH,UAAA,IAAA,GAAAC,mBAYKK,UAAA,MAAAC,WATY,MAAM,QAAd,SAAI;gCAHbN,mBAYK,MAAA;AAAA,cAXF,OAAKI,eAAA,CAAA,iBAAoBF,MAAA,GAAA,EAAI,QAAQ,MAAMA,MAAA,GAAA,EAAI,KAAK,UAAU,QAAQA,MAAA,GAAA,EAAI,IAAI,SAASA,MAAA,GAAA,EAAI,KAAK,KAAK,MAAM,CAAA;AAAA,cAC3G,KAAK,KAAK;AAAA,YAAA;cAGXK,YAMmBC,aAAA;AAAA,gBALhB,uBAAQN,MAAA,GAAA,EAAI,UAAU,KAAK,GAAG,CAAA;AAAA,gBAC9B,MAAM,KAAK;AAAA,gBACX,QAAQ,KAAK,WAAWA,MAAA,MAAA,EAAO,QAAQA,MAAA,MAAA,EAAO;AAAA,cAAA;iCAE/C,MAAgB;AAAA,kBAAbO,gBAAAN,gBAAA,KAAK,KAAK,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;"}
+{"version":3,"file":"TideSeoLinks.vue2.js","sources":["../../src/components/TideSeoLinks.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import InternalBaseLink from '@/components/InternalBaseLink.vue';\n  import { CSS } from '@/types/Styles';\n  import { TARGET } from '@/types/Target';\n\n  import type { Link } from '@/types/Link';\n\n  type Props = {\n    heading?: string;\n    links: Link[];\n  };\n\n  const props = withDefaults(defineProps<Props>(), {\n    heading: '',\n  });\n</script>\n\n<template>\n  <section class=\"tide-seo-links\">\n    <h2 :class=\"[CSS.MARGIN.BOTTOM.HALF]\">\n      {{ props.heading }}\n    </h2>\n\n    <ul :class=\"[CSS.DISPLAY.FLEX, CSS.FLEX.WRAP, CSS.GAP.TWO, CSS.LIST_BULLETS.OFF]\">\n      <li\n        :class=\"['tide-seo-link', CSS.DISPLAY.FLEX, CSS.FLEX.DIRECTION.COLUMN, CSS.GAP.QUARTER, CSS.FONT.ROLE.BODY_2]\"\n        :key=\"link.label\"\n        v-for=\"link in props.links\"\n      >\n        <InternalBaseLink\n          :class=\"[CSS.UNDERLINE.REST.OFF]\"\n          :href=\"link.url\"\n          :target=\"link.isNewTab ? TARGET.BLANK : TARGET.SELF\"\n        >\n          {{ link.label }}\n        </InternalBaseLink>\n      </li>\n    </ul>\n  </section>\n</template>\n\n<style scoped>\n  /* TODO: Refactor to accept breakpoint prop in order to accomplish this with neither custom breakpoints nor dependency on ViewportStore. */\n  .tide-seo-link {\n    width: 100%;\n  }\n\n  @container tide-responsive-root (min-width: 992px) {\n    .tide-seo-link {\n      width: calc((100% - 2rem) / 2);\n    }\n  }\n\n  @container tide-responsive-root (min-width: 1232px) {\n    .tide-seo-link {\n      width: calc((100% - 6rem) / 4);\n    }\n  }\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_toDisplayString","_normalizeClass","_Fragment","_renderList","_createVNode","InternalBaseLink","_createTextVNode"],"mappings":";;;;;;;;;;;;AAYE,UAAM,QAAQ;;AAMd,aAAAA,UAAA,GAAAC,mBAoBU,WApBV,YAoBU;AAAA,QAnBRC,mBAEK,MAAA;AAAA,UAFA,uBAAQC,MAAA,GAAA,EAAI,OAAO,OAAO,IAAI,CAAA;AAAA,QAAA,GAC9BC,gBAAA,MAAM,OAAO,GAAA,CAAA;AAAA,QAGlBF,mBAcK,MAAA;AAAA,UAdA,OAAKG,eAAA,CAAGF,WAAI,QAAQ,MAAMA,MAAA,GAAA,EAAI,KAAK,MAAMA,MAAA,GAAA,EAAI,IAAI,KAAKA,MAAA,GAAA,EAAI,aAAa,GAAG,CAAA;AAAA,QAAA;WAC7EH,UAAA,IAAA,GAAAC,mBAYKK,UAAA,MAAAC,WATY,MAAM,QAAd,SAAI;gCAHbN,mBAYK,MAAA;AAAA,cAXF,OAAKI,eAAA,CAAA,iBAAoBF,MAAA,GAAA,EAAI,QAAQ,MAAMA,MAAA,GAAA,EAAI,KAAK,UAAU,QAAQA,MAAA,GAAA,EAAI,IAAI,SAASA,MAAA,GAAA,EAAI,KAAK,KAAK,MAAM,CAAA;AAAA,cAC3G,KAAK,KAAK;AAAA,YAAA;cAGXK,YAMmBC,aAAA;AAAA,gBALhB,uBAAQN,MAAA,GAAA,EAAI,UAAU,KAAK,GAAG,CAAA;AAAA,gBAC9B,MAAM,KAAK;AAAA,gBACX,QAAQ,KAAK,WAAWA,MAAA,MAAA,EAAO,QAAQA,MAAA,MAAA,EAAO;AAAA,cAAA;iCAE/C,MAAgB;AAAA,kBAAbO,gBAAAN,gBAAA,KAAK,KAAK,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;"}

package/dist/components/TideSheet.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./TideSheet.vue2.js";
 /* empty css               */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const TideSheet = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4f5c60b8"]]);
+const TideSheet = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d92b1eed"]]);
 export {
   TideSheet as default
 };

package/dist/components/TideSheet.vue2.js

@@ -98,18 +98,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               __props.isBackButton ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
-                class: normalizeClass([unref(CSS).FLEX.GROW.OFF, unref(CSS).FLEX.SHRINK.OFF]),
+                class: normalizeClass(["tide-sheet-back", unref(CSS).FLEX.GROW.OFF, unref(CSS).FLEX.SHRINK.OFF]),
                 icon: unref(ICON).CHEVRON_LEFT,
                 priority: unref(PRIORITY).QUATERNARY,
-                onClick: _cache[0] || (_cache[0] = ($event) => emit("back")),
-                "data-test": "tide-sheet-back"
+                onClick: _cache[0] || (_cache[0] = ($event) => emit("back"))
               }, null, 8, ["class", "icon", "priority"])) : createCommentVNode("", true),
               createVNode(_sfc_main$1, {
-                class: normalizeClass([unref(CSS).FLEX.GROW.OFF, unref(CSS).FLEX.SHRINK.OFF, unref(CSS).MARGIN.LEFT.AUTO]),
+                class: normalizeClass(["tide-sheet-close", unref(CSS).FLEX.GROW.OFF, unref(CSS).FLEX.SHRINK.OFF, unref(CSS).MARGIN.LEFT.AUTO]),
                 icon: unref(ICON).CLOSE,
                 priority: unref(PRIORITY).QUATERNARY,
-                onClick: close,
-                "data-test": "tide-sheet-close"
+                onClick: close
               }, null, 8, ["class", "icon", "priority"])
             ], 2),
             createVNode(TideDivider),

package/dist/components/TideSheet.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TideSheet.vue2.js","sources":["../../src/components/TideSheet.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * Renders a sheet component intended to be used for displaying content in a modal-like menu overlay on the right side of the screen.\n   *\n   * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidesheet--docs) for TideSheet\n   */\n  export default { inheritAttrs: false };\n</script>\n\n<script lang=\"ts\" setup>\n  import { onBeforeMount, onBeforeUnmount, onMounted, ref, watch } from 'vue';\n\n  import TideButtonIcon from '@/components/TideButtonIcon.vue';\n  import TideDivider from '@/components/TideDivider.vue';\n  import { ICON } from '@/types/Icon';\n  import { PRIORITY } from '@/types/Priority';\n  import { CSS } from '@/types/Styles';\n  import { TOP_LAYER_ID, initFauxTopLayer, setScrollLock } from '@/utilities/viewport';\n\n  import type { Ref } from 'vue';\n\n  type Props = {\n    /** Controls display of the back button. */\n    isBackButton?: boolean;\n  };\n\n  withDefaults(defineProps<Props>(), {\n    isBackButton: false,\n  });\n\n  type Emits = {\n    (e: 'back'): void;\n  };\n\n  const emit = defineEmits<Emits>();\n\n  const dialogElement: Ref<HTMLDialogElement | null> = ref(null);\n\n  const isOpen = defineModel<boolean>({ required: true });\n\n  const triggerNativeDialogOpen = () => {\n    dialogElement.value?.showModal();\n    setScrollLock(true);\n  };\n\n  const triggerNativeDialogClose = () => {\n    dialogElement.value?.close();\n    setScrollLock(false);\n  };\n\n  const close = () => {\n    isOpen.value = false;\n  };\n\n  const handleBackdropClick = () => {\n    close();\n  };\n\n  const handleEscapeKeyup = () => {\n    close();\n  };\n\n  watch(isOpen, () => {\n    if (!dialogElement.value) return;\n    if (isOpen.value) {\n      triggerNativeDialogOpen();\n    } else {\n      triggerNativeDialogClose();\n    }\n  });\n\n  onBeforeMount(() => {\n    initFauxTopLayer();\n  });\n\n  onMounted(() => {\n    if (isOpen.value) {\n      triggerNativeDialogOpen();\n    }\n  });\n\n  onBeforeUnmount(() => {\n    if (isOpen.value) {\n      isOpen.value = false;\n      triggerNativeDialogClose();\n    }\n  });\n</script>\n\n<template>\n  <Teleport :to=\"`#${TOP_LAYER_ID}`\">\n    <dialog\n      v-bind=\"$attrs\"\n      :class=\"['tide-sheet', CSS.BG.INITIAL, CSS.HEIGHT.FULL, CSS.WIDTH.FULL, CSS.OVERFLOW.XY.HIDDEN]\"\n      ref=\"dialogElement\"\n      @cancel.prevent\n      @click.self=\"handleBackdropClick\"\n      @keyup.escape=\"handleEscapeKeyup\"\n      closedby=\"none\"\n    >\n      <div\n        :class=\"[\n          'tide-sheet-body',\n          CSS.BG.SURFACE.DEFAULT,\n          CSS.DISPLAY.FLEX,\n          CSS.FLEX.DIRECTION.COLUMN,\n          CSS.HEIGHT.FULL,\n          CSS.OVERFLOW.XY.HIDDEN,\n          CSS.WIDTH.FULL,\n        ]\"\n      >\n        <header\n          :class=\"[\n            CSS.DISPLAY.FLEX,\n            CSS.ISOLATION.ISOLATE,\n            CSS.PADDING.TOP.ONE,\n            CSS.PADDING.X.ONE,\n            CSS.POSITION.RELATIVE,\n            CSS.Z_INDEX.ONE,\n          ]\"\n        >\n          <TideButtonIcon\n            :class=\"[CSS.FLEX.GROW.OFF, CSS.FLEX.SHRINK.OFF]\"\n            :icon=\"ICON.CHEVRON_LEFT\"\n            :priority=\"PRIORITY.QUATERNARY\"\n            @click=\"emit('back')\"\n            data-test=\"tide-sheet-back\"\n            v-if=\"isBackButton\"\n          />\n\n          <TideButtonIcon\n            :class=\"[CSS.FLEX.GROW.OFF, CSS.FLEX.SHRINK.OFF, CSS.MARGIN.LEFT.AUTO]\"\n            :icon=\"ICON.CLOSE\"\n            :priority=\"PRIORITY.QUATERNARY\"\n            @click=\"close\"\n            data-test=\"tide-sheet-close\"\n          />\n        </header>\n\n        <TideDivider />\n\n        <div\n          :class=\"[\n            'tide-sheet-content',\n            CSS.DISPLAY.GRID,\n            CSS.HEIGHT.FULL,\n            CSS.ISOLATION.ISOLATE,\n            CSS.OVERFLOW.X.HIDDEN,\n            CSS.OVERFLOW.Y.AUTO,\n            CSS.PADDING.BOTTOM.ONE,\n            CSS.POSITION.RELATIVE,\n            CSS.WIDTH.FULL,\n          ]\"\n        >\n          <slot />\n        </div>\n      </div>\n    </dialog>\n  </Teleport>\n</template>\n\n<style scoped>\n  .tide-sheet {\n    --sheet-padding-x: var(--tide-spacing-1);\n    max-width: unset;\n    max-height: unset;\n    justify-items: right;\n    display: none;\n    transition: all var(--tide-animate) allow-discrete;\n    transform: translateX(100%);\n  }\n\n  .tide-sheet[open] {\n    display: grid;\n    transform: translateX(0%);\n  }\n\n  .tide-sheet::backdrop {\n    background-color: transparent;\n    transition: all var(--tide-animate) allow-discrete;\n    backdrop-filter: blur(0px);\n  }\n\n  .tide-sheet[open]::backdrop {\n    background-color: var(--tide-transparent-400);\n    backdrop-filter: var(--tide-bg-blur);\n  }\n\n  .tide-sheet-body {\n    max-width: min(calc(100vw - var(--tide-spacing-2)), 311px);\n  }\n\n  .tide-sheet-content {\n    grid-template-columns: var(--sheet-padding-x) var(--tide-safe-fr) var(--sheet-padding-x);\n    contain: layout;\n  }\n\n  :where(.tide-sheet-content):deep(> :where(*)) {\n    grid-column: 2;\n  }\n\n  @starting-style {\n    .tide-sheet[open] {\n      display: grid;\n      transform: translateX(100%);\n    }\n\n    .tide-sheet[open]::backdrop {\n      background-color: transparent;\n      backdrop-filter: var(--tide-bg-blur);\n    }\n  }\n</style>\n"],"names":["_useModel","_createBlock","_Teleport","_unref","_createElementVNode","_mergeProps","_normalizeClass","TideButtonIcon","_createVNode","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"TideSheet.vue2.js","sources":["../../src/components/TideSheet.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * Renders a sheet component intended to be used for displaying content in a modal-like menu overlay on the right side of the screen.\n   *\n   * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidesheet--docs) for TideSheet\n   */\n  export default { inheritAttrs: false };\n</script>\n\n<script lang=\"ts\" setup>\n  import { onBeforeMount, onBeforeUnmount, onMounted, ref, watch } from 'vue';\n\n  import TideButtonIcon from '@/components/TideButtonIcon.vue';\n  import TideDivider from '@/components/TideDivider.vue';\n  import { ICON } from '@/types/Icon';\n  import { PRIORITY } from '@/types/Priority';\n  import { CSS } from '@/types/Styles';\n  import { TOP_LAYER_ID, initFauxTopLayer, setScrollLock } from '@/utilities/viewport';\n\n  import type { Ref } from 'vue';\n\n  type Props = {\n    /** Controls display of the back button. */\n    isBackButton?: boolean;\n  };\n\n  withDefaults(defineProps<Props>(), {\n    isBackButton: false,\n  });\n\n  type Emits = {\n    (e: 'back'): void;\n  };\n\n  const emit = defineEmits<Emits>();\n\n  const dialogElement: Ref<HTMLDialogElement | null> = ref(null);\n\n  const isOpen = defineModel<boolean>({ required: true });\n\n  const triggerNativeDialogOpen = () => {\n    dialogElement.value?.showModal();\n    setScrollLock(true);\n  };\n\n  const triggerNativeDialogClose = () => {\n    dialogElement.value?.close();\n    setScrollLock(false);\n  };\n\n  const close = () => {\n    isOpen.value = false;\n  };\n\n  const handleBackdropClick = () => {\n    close();\n  };\n\n  const handleEscapeKeyup = () => {\n    close();\n  };\n\n  watch(isOpen, () => {\n    if (!dialogElement.value) return;\n    if (isOpen.value) {\n      triggerNativeDialogOpen();\n    } else {\n      triggerNativeDialogClose();\n    }\n  });\n\n  onBeforeMount(() => {\n    initFauxTopLayer();\n  });\n\n  onMounted(() => {\n    if (isOpen.value) {\n      triggerNativeDialogOpen();\n    }\n  });\n\n  onBeforeUnmount(() => {\n    if (isOpen.value) {\n      isOpen.value = false;\n      triggerNativeDialogClose();\n    }\n  });\n</script>\n\n<template>\n  <Teleport :to=\"`#${TOP_LAYER_ID}`\">\n    <dialog\n      v-bind=\"$attrs\"\n      :class=\"['tide-sheet', CSS.BG.INITIAL, CSS.HEIGHT.FULL, CSS.WIDTH.FULL, CSS.OVERFLOW.XY.HIDDEN]\"\n      ref=\"dialogElement\"\n      @cancel.prevent\n      @click.self=\"handleBackdropClick\"\n      @keyup.escape=\"handleEscapeKeyup\"\n      closedby=\"none\"\n    >\n      <div\n        :class=\"[\n          'tide-sheet-body',\n          CSS.BG.SURFACE.DEFAULT,\n          CSS.DISPLAY.FLEX,\n          CSS.FLEX.DIRECTION.COLUMN,\n          CSS.HEIGHT.FULL,\n          CSS.OVERFLOW.XY.HIDDEN,\n          CSS.WIDTH.FULL,\n        ]\"\n      >\n        <header\n          :class=\"[\n            CSS.DISPLAY.FLEX,\n            CSS.ISOLATION.ISOLATE,\n            CSS.PADDING.TOP.ONE,\n            CSS.PADDING.X.ONE,\n            CSS.POSITION.RELATIVE,\n            CSS.Z_INDEX.ONE,\n          ]\"\n        >\n          <TideButtonIcon\n            :class=\"['tide-sheet-back', CSS.FLEX.GROW.OFF, CSS.FLEX.SHRINK.OFF]\"\n            :icon=\"ICON.CHEVRON_LEFT\"\n            :priority=\"PRIORITY.QUATERNARY\"\n            @click=\"emit('back')\"\n            v-if=\"isBackButton\"\n          />\n\n          <TideButtonIcon\n            :class=\"['tide-sheet-close', CSS.FLEX.GROW.OFF, CSS.FLEX.SHRINK.OFF, CSS.MARGIN.LEFT.AUTO]\"\n            :icon=\"ICON.CLOSE\"\n            :priority=\"PRIORITY.QUATERNARY\"\n            @click=\"close\"\n          />\n        </header>\n\n        <TideDivider />\n\n        <div\n          :class=\"[\n            'tide-sheet-content',\n            CSS.DISPLAY.GRID,\n            CSS.HEIGHT.FULL,\n            CSS.ISOLATION.ISOLATE,\n            CSS.OVERFLOW.X.HIDDEN,\n            CSS.OVERFLOW.Y.AUTO,\n            CSS.PADDING.BOTTOM.ONE,\n            CSS.POSITION.RELATIVE,\n            CSS.WIDTH.FULL,\n          ]\"\n        >\n          <slot />\n        </div>\n      </div>\n    </dialog>\n  </Teleport>\n</template>\n\n<style scoped>\n  .tide-sheet {\n    --sheet-padding-x: var(--tide-spacing-1);\n    max-width: unset;\n    max-height: unset;\n    justify-items: right;\n    display: none;\n    transition: all var(--tide-animate) allow-discrete;\n    transform: translateX(100%);\n  }\n\n  .tide-sheet[open] {\n    display: grid;\n    transform: translateX(0%);\n  }\n\n  .tide-sheet::backdrop {\n    background-color: transparent;\n    transition: all var(--tide-animate) allow-discrete;\n    backdrop-filter: blur(0px);\n  }\n\n  .tide-sheet[open]::backdrop {\n    background-color: var(--tide-transparent-400);\n    backdrop-filter: var(--tide-bg-blur);\n  }\n\n  .tide-sheet-body {\n    max-width: min(calc(100vw - var(--tide-spacing-2)), 311px);\n  }\n\n  .tide-sheet-content {\n    grid-template-columns: var(--sheet-padding-x) var(--tide-safe-fr) var(--sheet-padding-x);\n    contain: layout;\n  }\n\n  :where(.tide-sheet-content):deep(> :where(*)) {\n    grid-column: 2;\n  }\n\n  @starting-style {\n    .tide-sheet[open] {\n      display: grid;\n      transform: translateX(100%);\n    }\n\n    .tide-sheet[open]::backdrop {\n      background-color: transparent;\n      backdrop-filter: var(--tide-bg-blur);\n    }\n  }\n</style>\n"],"names":["_useModel","_createBlock","_Teleport","_unref","_createElementVNode","_mergeProps","_normalizeClass","TideButtonIcon","_createVNode","_renderSlot"],"mappings":"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"}

package/dist/components/TideTabs.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./TideTabs.vue2.js";
 /* empty css              */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const TideTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-92f91fcb"]]);
+const TideTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9787df1b"]]);
 export {
   TideTabs as default
 };

package/dist/components/TideTabs.vue2.js

@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   class: normalizeClass([
                     index === currentTab.value ? [unref(CSS).FONT.COLOR.SURFACE.BRAND] : [unref(CSS).FONT.COLOR.SURFACE.VARIANT],
                     unref(CSS).PADDING.BOTTOM.ONE,
-                    unref(CSS).FONT.ROLE.LABEL_1,
+                    unref(CSS).FONT.ROLE.LABEL_2,
                     unref(CSS).WHITESPACE_WRAP.OFF
                   ]),
                   element: unref(ELEMENT).BUTTON,

package/dist/components/TideTabs.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TideTabs.vue2.js","sources":["../../src/components/TideTabs.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * Renders a tabs component intended to be used for navigation.\n   *\n   * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidetabs--docs) for TideTabs\n   */\n  export default {};\n</script>\n\n<script setup lang=\"ts\">\n  import TideCarousel from '@/components/TideCarousel.vue';\n  import TideLink from '@/components/TideLink.vue';\n  import { ELEMENT } from '@/types/Element';\n  import { CSS } from '@/types/Styles';\n\n  import type { Tab } from '@/types/Tab';\n\n  type Props = {\n    /** Sets labels and callback for each tab */\n    tabs: Tab[];\n  };\n\n  defineProps<Props>();\n\n  const currentTab = defineModel<number>({ required: true });\n\n  const handleClick = (index: number) => {\n    currentTab.value = index;\n  };\n</script>\n\n<template>\n  <div :class=\"['tide-tabs', CSS.DISPLAY.FLEX, CSS.BORDER.BOTTOM.TWO, CSS.BORDER.COLOR.LOW]\">\n    <TideCarousel :is-floating=\"true\">\n      <li\n        :class=\"[CSS.PADDING.X.HALF]\"\n        :key=\"tab.label\"\n        v-for=\"(tab, index) in tabs\"\n      >\n        <TideLink\n          :class=\"[\n            index === currentTab ? [CSS.FONT.COLOR.SURFACE.BRAND] : [CSS.FONT.COLOR.SURFACE.VARIANT],\n            CSS.PADDING.BOTTOM.ONE,\n            CSS.FONT.ROLE.LABEL_1,\n            CSS.WHITESPACE_WRAP.OFF,\n          ]\"\n          :element=\"ELEMENT.BUTTON\"\n          :label=\"tab.label\"\n          :subtle=\"true\"\n          @click=\"handleClick(index)\"\n        />\n        <div :class=\"['rounded-border', CSS.MARGIN.X.HALF, index === currentTab && [CSS.BG.PRIMARY]]\" />\n      </li>\n    </TideCarousel>\n  </div>\n</template>\n\n<style scoped>\n  .rounded-border {\n    height: 4px;\n    border-radius: var(--tide-radius-full) var(--tide-radius-full) 0 0;\n  }\n</style>\n"],"names":["_useModel","_createElementBlock","_normalizeClass","_unref","_createVNode","_openBlock","_Fragment","_renderList","TideLink","_createElementVNode"],"mappings":";;;;;AAME,MAAA,cAAe,CAAA;;;;;;;;;;;;AAkBf,UAAM,aAAaA,8BAAsC;AAEzD,UAAM,cAAc,CAAC,UAAkB;AACrC,iBAAW,QAAQ;AAAA,IACrB;;0BAIAC,mBAsBM,OAAA;AAAA,QAtBA,OAAKC,eAAA,CAAA,aAAgBC,WAAI,QAAQ,MAAMA,WAAI,OAAO,OAAO,KAAKA,MAAA,GAAA,EAAI,OAAO,MAAM,GAAG,CAAA;AAAA,MAAA;QACtFC,YAoBe,cAAA,EApBA,eAAa,QAAI;AAAA,2BAI5B,MAA4B;AAAA,aAH9BC,UAAA,IAAA,GAAAJ,mBAkBKK,UAAA,MAAAC,WAfoB,QAAA,MAAI,CAAnB,KAAK,UAAK;kCAHpBN,mBAkBK,MAAA;AAAA,gBAjBF,uBAAQE,MAAA,GAAA,EAAI,QAAQ,EAAE,IAAI,CAAA;AAAA,gBAC1B,KAAK,IAAI;AAAA,cAAA;gBAGVC,YAWEI,aAAA;AAAA,kBAVC,OAAKN,eAAA;AAAA,oBAAgB,UAAU,mBAAU,CAAIC,MAAA,GAAA,EAAI,KAAK,MAAM,QAAQ,KAAK,IAAA,CAAKA,WAAI,KAAK,MAAM,QAAQ,OAAO;AAAA,oBAAeA,MAAA,GAAA,EAAI,QAAQ,OAAO;AAAA,oBAAiBA,MAAA,GAAA,EAAI,KAAK,KAAK;AAAA,oBAAqBA,MAAA,GAAA,EAAI,gBAAgB;AAAA,kBAAA;kBAMtN,SAASA,MAAA,OAAA,EAAQ;AAAA,kBACjB,OAAO,IAAI;AAAA,kBACX,QAAQ;AAAA,kBACR,SAAK,CAAA,WAAE,YAAY,KAAK;AAAA,gBAAA;gBAE3BM,mBAAgG,OAAA;AAAA,kBAA1F,yCAA0BN,MAAA,GAAA,EAAI,OAAO,EAAE,MAAM,UAAU,WAAA,SAAU,CAAKA,WAAI,GAAG,OAAO,CAAA,CAAA;AAAA,gBAAA;;;;;;;;;;"}
+{"version":3,"file":"TideTabs.vue2.js","sources":["../../src/components/TideTabs.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * Renders a tabs component intended to be used for navigation.\n   *\n   * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidetabs--docs) for TideTabs\n   */\n  export default {};\n</script>\n\n<script setup lang=\"ts\">\n  import TideCarousel from '@/components/TideCarousel.vue';\n  import TideLink from '@/components/TideLink.vue';\n  import { ELEMENT } from '@/types/Element';\n  import { CSS } from '@/types/Styles';\n\n  import type { Tab } from '@/types/Tab';\n\n  type Props = {\n    /** Sets labels and callback for each tab */\n    tabs: Tab[];\n  };\n\n  defineProps<Props>();\n\n  const currentTab = defineModel<number>({ required: true });\n\n  const handleClick = (index: number) => {\n    currentTab.value = index;\n  };\n</script>\n\n<template>\n  <div :class=\"['tide-tabs', CSS.DISPLAY.FLEX, CSS.BORDER.BOTTOM.TWO, CSS.BORDER.COLOR.LOW]\">\n    <TideCarousel :is-floating=\"true\">\n      <li\n        :class=\"[CSS.PADDING.X.HALF]\"\n        :key=\"tab.label\"\n        v-for=\"(tab, index) in tabs\"\n      >\n        <TideLink\n          :class=\"[\n            index === currentTab ? [CSS.FONT.COLOR.SURFACE.BRAND] : [CSS.FONT.COLOR.SURFACE.VARIANT],\n            CSS.PADDING.BOTTOM.ONE,\n            CSS.FONT.ROLE.LABEL_2,\n            CSS.WHITESPACE_WRAP.OFF,\n          ]\"\n          :element=\"ELEMENT.BUTTON\"\n          :label=\"tab.label\"\n          :subtle=\"true\"\n          @click=\"handleClick(index)\"\n        />\n        <div :class=\"['rounded-border', CSS.MARGIN.X.HALF, index === currentTab && [CSS.BG.PRIMARY]]\" />\n      </li>\n    </TideCarousel>\n  </div>\n</template>\n\n<style scoped>\n  .rounded-border {\n    height: 4px;\n    border-radius: var(--tide-radius-full) var(--tide-radius-full) 0 0;\n  }\n</style>\n"],"names":["_useModel","_createElementBlock","_normalizeClass","_unref","_createVNode","_openBlock","_Fragment","_renderList","TideLink","_createElementVNode"],"mappings":";;;;;AAME,MAAA,cAAe,CAAA;;;;;;;;;;;;AAkBf,UAAM,aAAaA,8BAAsC;AAEzD,UAAM,cAAc,CAAC,UAAkB;AACrC,iBAAW,QAAQ;AAAA,IACrB;;0BAIAC,mBAsBM,OAAA;AAAA,QAtBA,OAAKC,eAAA,CAAA,aAAgBC,WAAI,QAAQ,MAAMA,WAAI,OAAO,OAAO,KAAKA,MAAA,GAAA,EAAI,OAAO,MAAM,GAAG,CAAA;AAAA,MAAA;QACtFC,YAoBe,cAAA,EApBA,eAAa,QAAI;AAAA,2BAI5B,MAA4B;AAAA,aAH9BC,UAAA,IAAA,GAAAJ,mBAkBKK,UAAA,MAAAC,WAfoB,QAAA,MAAI,CAAnB,KAAK,UAAK;kCAHpBN,mBAkBK,MAAA;AAAA,gBAjBF,uBAAQE,MAAA,GAAA,EAAI,QAAQ,EAAE,IAAI,CAAA;AAAA,gBAC1B,KAAK,IAAI;AAAA,cAAA;gBAGVC,YAWEI,aAAA;AAAA,kBAVC,OAAKN,eAAA;AAAA,oBAAgB,UAAU,mBAAU,CAAIC,MAAA,GAAA,EAAI,KAAK,MAAM,QAAQ,KAAK,IAAA,CAAKA,WAAI,KAAK,MAAM,QAAQ,OAAO;AAAA,oBAAeA,MAAA,GAAA,EAAI,QAAQ,OAAO;AAAA,oBAAiBA,MAAA,GAAA,EAAI,KAAK,KAAK;AAAA,oBAAqBA,MAAA,GAAA,EAAI,gBAAgB;AAAA,kBAAA;kBAMtN,SAASA,MAAA,OAAA,EAAQ;AAAA,kBACjB,OAAO,IAAI;AAAA,kBACX,QAAQ;AAAA,kBACR,SAAK,CAAA,WAAE,YAAY,KAAK;AAAA,gBAAA;gBAE3BM,mBAAgG,OAAA;AAAA,kBAA1F,yCAA0BN,MAAA,GAAA,EAAI,OAAO,EAAE,MAAM,UAAU,WAAA,SAAU,CAAKA,WAAI,GAAG,OAAO,CAAA,CAAA;AAAA,gBAAA;;;;;;;;;;"}

package/dist/components/TideToaster.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./TideToaster.vue2.js";
 /* empty css                 */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const TideToaster = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-158c6081"]]);
+const TideToaster = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6fb3700e"]]);
 export {
   TideToaster as default
 };

package/dist/components/TideToaster.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TideToaster.vue2.js","sources":["../../src/components/TideToaster.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * Renders a toaster component intended to be used for displaying notifications.\n   *\n   * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidetoaster--docs) for TideToaster\n   */\n  export default { inheritAttrs: false };\n</script>\n\n<script setup lang=\"ts\">\n  import { onBeforeMount } from 'vue';\n\n  import TideAlert from '@/components/TideAlert.vue';\n  import { useTideToaster } from '@/composables/useTideToaster';\n  import { CSS } from '@/types/Styles';\n  import { TOP_LAYER_ID, initFauxTopLayer } from '@/utilities/viewport';\n\n  const { toasts, clearToasts, cancelAutoDismiss, startAutoDismiss } = useTideToaster();\n\n  onBeforeMount(() => {\n    initFauxTopLayer();\n  });\n</script>\n\n<template>\n  <Teleport :to=\"`#${TOP_LAYER_ID}`\">\n    <div\n      v-bind=\"$attrs\"\n      :class=\"[\n        'tide-toaster',\n        CSS.HEIGHT.FULL,\n        CSS.POINTER_EVENTS.OFF,\n        CSS.POSITION.FIXED,\n        CSS.POSITIONING.LEFT,\n        CSS.POSITIONING.TOP,\n        CSS.WIDTH.FULL,\n      ]\"\n    >\n      <TransitionGroup name=\"pop\">\n        <div\n          :class=\"[\n            'tide-toast-wrap',\n            CSS.POINTER_EVENTS.ON,\n            CSS.POSITION.ABSOLUTE,\n            CSS.Z_INDEX.ONE,\n            CSS.POSITIONING.RIGHT,\n            CSS.POSITIONING.TOP,\n            CSS.MARGIN.FULL.ONE,\n            CSS.WIDTH.STRETCH,\n          ]\"\n          :key=\"toast.id\"\n          @mouseenter=\"cancelAutoDismiss\"\n          @mouseleave=\"startAutoDismiss\"\n          v-for=\"toast in toasts\"\n        >\n          <TideAlert\n            :cta-label=\"toast.action?.label\"\n            :heading=\"toast.heading\"\n            :style=\"{ '--tide-max-width': 'none' }\"\n            @close=\"clearToasts\"\n            @cta-click=\"toast?.action?.callback\"\n            is-dismissible\n            is-toast\n          >\n            {{ toast.description }}\n          </TideAlert>\n        </div>\n      </TransitionGroup>\n    </div>\n  </Teleport>\n</template>\n\n<style scoped>\n  .pop-enter-active,\n  .pop-leave-active {\n    transition: var(--tide-animate);\n    transition-property: opacity, transform, translate;\n  }\n\n  .pop-enter-from {\n    translate: 100% 0;\n  }\n\n  .pop-leave-to {\n    opacity: 0;\n    z-index: 0 !important;\n  }\n\n  .pop-leave-active {\n    position: absolute;\n  }\n\n  @media (min-width: 768px) {\n    .tide-toast-wrap {\n      width: 400px;\n    }\n  }\n</style>\n"],"names":["_createBlock","_Teleport","_unref","_createElementVNode","_mergeProps","_createVNode","_TransitionGroup","_createElementBlock","_Fragment","_renderList","_normalizeClass","_createTextVNode","_toDisplayString"],"mappings":";;;;;AAME,MAAA,cAAe,EAAE,cAAc,MAAA;;;;;AAW/B,UAAM,EAAE,QAAQ,aAAa,mBAAmB,iBAAA,IAAqB,eAAA;AAErE,kBAAc,MAAM;AAClB,uBAAA;AAAA,IACF,CAAC;;0BAIDA,YA4CWC,UAAA;AAAA,QA5CA,QAAQC,MAAA,YAAA,CAAY;AAAA,MAAA;QAC7BC,mBA0CM,OA1CNC,WA0CM,KAAA,QAzCU;AAAA,UACb,OAAK;AAAA;YAAoCF,MAAA,GAAA,EAAI,OAAO;AAAA,YAAcA,MAAA,GAAA,EAAI,eAAe;AAAA,YAAaA,MAAA,GAAA,EAAI,SAAS;AAAA,YAAeA,MAAA,GAAA,EAAI,YAAY;AAAA,YAAcA,MAAA,GAAA,EAAI,YAAY;AAAA,YAAaA,MAAA,GAAA,EAAI,MAAM;AAAA,UAAA;AAAA;UAUpMG,YA6BkBC,iBAAA,EA7BD,MAAK,SAAK;AAAA,6BAevB,MAAuB;AAAA,gCAdzBC,mBA2BMC,UAAA,MAAAC,WAbYP,MAAA,MAAA,GAAM,CAAf,UAAK;;oCAddK,mBA2BM,OAAA;AAAA,kBA1BH,OAAKG,eAAA;AAAA;oBAA+CR,MAAA,GAAA,EAAI,eAAe;AAAA,oBAAgBA,MAAA,GAAA,EAAI,SAAS;AAAA,oBAAsBA,MAAA,GAAA,EAAI,QAAQ;AAAA,oBAAiBA,MAAA,GAAA,EAAI,YAAY;AAAA,oBAAmBA,MAAA,GAAA,EAAI,YAAY;AAAA,oBAAiBA,MAAA,GAAA,EAAI,OAAO,KAAK;AAAA,oBAAiBA,MAAA,GAAA,EAAI,MAAM;AAAA,kBAAA;kBAUtQ,KAAK,MAAM;AAAA,kBACX,cAAU,OAAA,CAAA,MAAA,OAAA,CAAA;AAAA,+BAAEA,MAAA,iBAAA,KAAAA,MAAA,iBAAA,EAAA,GAAA,IAAA;AAAA,kBACZ,cAAU,OAAA,CAAA,MAAA,OAAA,CAAA;AAAA,+BAAEA,MAAA,gBAAA,KAAAA,MAAA,gBAAA,EAAA,GAAA,IAAA;AAAA,gBAAA;kBAGbG,YAUY,WAAA;AAAA,oBATT,cAAW,WAAM,WAAN,mBAAc;AAAA,oBACzB,SAAS,MAAM;AAAA,oBACf,OAAO,EAAA,oBAAA,OAAA;AAAA,oBACP,SAAOH,MAAA,WAAA;AAAA,oBACP,aAAW,oCAAO,WAAP,mBAAe;AAAA,oBAC3B,kBAAA;AAAA,oBACA,YAAA;AAAA,kBAAA;qCAEA,MAAuB;AAAA,sBAApBS,gBAAAC,gBAAA,MAAM,WAAW,GAAA,CAAA;AAAA,oBAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"TideToaster.vue2.js","sources":["../../src/components/TideToaster.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * Renders a toaster component intended to be used for displaying notifications.\n   *\n   * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidetoaster--docs) for TideToaster\n   */\n  export default { inheritAttrs: false };\n</script>\n\n<script setup lang=\"ts\">\n  import { onBeforeMount } from 'vue';\n\n  import TideAlert from '@/components/TideAlert.vue';\n  import { useTideToaster } from '@/composables/useTideToaster';\n  import { CSS } from '@/types/Styles';\n  import { TOP_LAYER_ID, initFauxTopLayer } from '@/utilities/viewport';\n\n  const { toasts, clearToasts, cancelAutoDismiss, startAutoDismiss } = useTideToaster();\n\n  onBeforeMount(() => {\n    initFauxTopLayer();\n  });\n</script>\n\n<template>\n  <Teleport :to=\"`#${TOP_LAYER_ID}`\">\n    <div\n      v-bind=\"$attrs\"\n      :class=\"[\n        'tide-toaster',\n        CSS.HEIGHT.FULL,\n        CSS.POINTER_EVENTS.OFF,\n        CSS.POSITION.FIXED,\n        CSS.POSITIONING.LEFT,\n        CSS.POSITIONING.TOP,\n        CSS.WIDTH.FULL,\n      ]\"\n    >\n      <TransitionGroup name=\"pop\">\n        <div\n          :class=\"[\n            'tide-toast-wrap',\n            CSS.POINTER_EVENTS.ON,\n            CSS.POSITION.ABSOLUTE,\n            CSS.Z_INDEX.ONE,\n            CSS.POSITIONING.RIGHT,\n            CSS.POSITIONING.TOP,\n            CSS.MARGIN.FULL.ONE,\n            CSS.WIDTH.STRETCH,\n          ]\"\n          :key=\"toast.id\"\n          @mouseenter=\"cancelAutoDismiss\"\n          @mouseleave=\"startAutoDismiss\"\n          v-for=\"toast in toasts\"\n        >\n          <TideAlert\n            :cta-label=\"toast.action?.label\"\n            :heading=\"toast.heading\"\n            :style=\"{ '--tide-max-width': 'none' }\"\n            @close=\"clearToasts\"\n            @cta-click=\"toast?.action?.callback\"\n            is-dismissible\n            is-toast\n          >\n            {{ toast.description }}\n          </TideAlert>\n        </div>\n      </TransitionGroup>\n    </div>\n  </Teleport>\n</template>\n\n<style scoped>\n  .pop-enter-active,\n  .pop-leave-active {\n    transition: var(--tide-animate);\n    transition-property: opacity, transform, translate;\n  }\n\n  .pop-enter-from {\n    translate: 100% 0;\n  }\n\n  .pop-leave-to {\n    opacity: 0;\n    z-index: 0 !important;\n  }\n\n  .pop-leave-active {\n    position: absolute;\n  }\n\n  @container tide-responsive-root (min-width: 768px) {\n    .tide-toast-wrap {\n      width: 400px;\n    }\n  }\n</style>\n"],"names":["_createBlock","_Teleport","_unref","_createElementVNode","_mergeProps","_createVNode","_TransitionGroup","_createElementBlock","_Fragment","_renderList","_normalizeClass","_createTextVNode","_toDisplayString"],"mappings":";;;;;AAME,MAAA,cAAe,EAAE,cAAc,MAAA;;;;;AAW/B,UAAM,EAAE,QAAQ,aAAa,mBAAmB,iBAAA,IAAqB,eAAA;AAErE,kBAAc,MAAM;AAClB,uBAAA;AAAA,IACF,CAAC;;0BAIDA,YA4CWC,UAAA;AAAA,QA5CA,QAAQC,MAAA,YAAA,CAAY;AAAA,MAAA;QAC7BC,mBA0CM,OA1CNC,WA0CM,KAAA,QAzCU;AAAA,UACb,OAAK;AAAA;YAAoCF,MAAA,GAAA,EAAI,OAAO;AAAA,YAAcA,MAAA,GAAA,EAAI,eAAe;AAAA,YAAaA,MAAA,GAAA,EAAI,SAAS;AAAA,YAAeA,MAAA,GAAA,EAAI,YAAY;AAAA,YAAcA,MAAA,GAAA,EAAI,YAAY;AAAA,YAAaA,MAAA,GAAA,EAAI,MAAM;AAAA,UAAA;AAAA;UAUpMG,YA6BkBC,iBAAA,EA7BD,MAAK,SAAK;AAAA,6BAevB,MAAuB;AAAA,gCAdzBC,mBA2BMC,UAAA,MAAAC,WAbYP,MAAA,MAAA,GAAM,CAAf,UAAK;;oCAddK,mBA2BM,OAAA;AAAA,kBA1BH,OAAKG,eAAA;AAAA;oBAA+CR,MAAA,GAAA,EAAI,eAAe;AAAA,oBAAgBA,MAAA,GAAA,EAAI,SAAS;AAAA,oBAAsBA,MAAA,GAAA,EAAI,QAAQ;AAAA,oBAAiBA,MAAA,GAAA,EAAI,YAAY;AAAA,oBAAmBA,MAAA,GAAA,EAAI,YAAY;AAAA,oBAAiBA,MAAA,GAAA,EAAI,OAAO,KAAK;AAAA,oBAAiBA,MAAA,GAAA,EAAI,MAAM;AAAA,kBAAA;kBAUtQ,KAAK,MAAM;AAAA,kBACX,cAAU,OAAA,CAAA,MAAA,OAAA,CAAA;AAAA,+BAAEA,MAAA,iBAAA,KAAAA,MAAA,iBAAA,EAAA,GAAA,IAAA;AAAA,kBACZ,cAAU,OAAA,CAAA,MAAA,OAAA,CAAA;AAAA,+BAAEA,MAAA,gBAAA,KAAAA,MAAA,gBAAA,EAAA,GAAA,IAAA;AAAA,gBAAA;kBAGbG,YAUY,WAAA;AAAA,oBATT,cAAW,WAAM,WAAN,mBAAc;AAAA,oBACzB,SAAS,MAAM;AAAA,oBACf,OAAO,EAAA,oBAAA,OAAA;AAAA,oBACP,SAAOH,MAAA,WAAA;AAAA,oBACP,aAAW,oCAAO,WAAP,mBAAe;AAAA,oBAC3B,kBAAA;AAAA,oBACA,YAAA;AAAA,kBAAA;qCAEA,MAAuB;AAAA,sBAApBS,gBAAAC,gBAAA,MAAM,WAAW,GAAA,CAAA;AAAA,oBAAA;;;;;;;;;;;;;"}

package/dist/css/grid-layout.css

@@ -16,11 +16,11 @@
     minmax(var(--tide-gutter-width), 1fr);
 }
 
-@media (min-width: 768px) {
+@container tide-responsive-root (min-width: 768px) {
   .tide-grid-layout {--tide-gutter-width: var(--tide-spacing-2);}
 }
 
-@media (min-width: 1232px) {
+@container tide-responsive-root (min-width: 1232px) {
   .tide-grid-layout {--tide-gutter-width: var(--tide-spacing-4);}
 }
 

package/dist/css/reset.css

@@ -4,6 +4,7 @@
 
 body {
   color: var(--tide-on-surface);
+  container: var(--tide-responsive-root);
   font-size: var(--tide-font-16);
   font-weight: var(--tide-font-regular);
   line-height: 1.4;

package/dist/css/utilities-responsive.css

@@ -1,4 +1,4 @@
-@media (min-width: 768px) {
+@container tide-responsive-root (min-width: 768px) {
 	/* Reusable CSS Utility Library */
 	/* Position */
 	.sm-tide-position-absolute {position: absolute;}
@@ -534,7 +534,7 @@
 	}
 }
 
-@media (min-width: 992px) {
+@container tide-responsive-root (min-width: 992px) {
 	/* Reusable CSS Utility Library */
 	/* Position */
 	.md-tide-position-absolute {position: absolute;}
@@ -1070,7 +1070,7 @@
 	}
 }
 
-@media (min-width: 1232px) {
+@container tide-responsive-root (min-width: 1232px) {
 	/* Reusable CSS Utility Library */
 	/* Position */
 	.lg-tide-position-absolute {position: absolute;}
@@ -1606,7 +1606,7 @@
 	}
 }
 
-@media (min-width: 1920px) {
+@container tide-responsive-root (min-width: 1920px) {
 	/* Reusable CSS Utility Library */
 	/* Position */
 	.xl-tide-position-absolute {position: absolute;}

package/dist/css/variables.css

@@ -55,6 +55,9 @@
   /* CSS Grid */
   --tide-safe-fr: minmax(0, 1fr);
 
+  /* Container Query Root */
+  --tide-responsive-root: tide-responsive-root / inline-size;
+
   /* Opacity */
   --tide-disabled: 0.333;
 
@@ -219,5 +222,3 @@
       color-mix(in srgb, var(--tide-gradient-bottom-left-color) 0%, transparent) 100%
     );
 }
-
-

package/dist/index.d.ts

@@ -5,6 +5,21 @@ import { DefineComponent } from 'vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+element: keyof HTMLElementTagNameMap;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -17,6 +32,12 @@ declare type __VLS_WithTemplateSlots_10<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_11<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -938,12 +959,16 @@ export declare const PRIORITY: {
 
 export declare type Priority = (typeof PRIORITY)[keyof typeof PRIORITY];
 
-declare interface Props extends SelectField {
+declare type Props = {
+    element?: keyof HTMLElementTagNameMap;
+};
+
+declare interface Props_2 extends SelectField {
     inputId?: string;
     supportingText?: string;
 }
 
-declare type Props_2 = {
+declare type Props_3 = {
     heading?: string;
     links: Link[];
 };
@@ -1443,6 +1468,8 @@ selected: boolean;
 export declare const TideCarousel: __VLS_WithTemplateSlots_3<DefineComponent<    {
 /** Determines whether to display the indicator dots overlay<br />(Only valid with full width cards) */
 hasDots?: boolean;
+/** Optional image displayed alongside the header */
+headerImage?: string;
 /** Determines whether to display on-page or floating carousel */
 isFloating?: boolean;
 /** Determines font role used for title display */
@@ -1462,6 +1489,8 @@ slidesAddedToView: (slidesInView: number[]) => any;
 }, string, PublicProps, Readonly<{
 /** Determines whether to display the indicator dots overlay<br />(Only valid with full width cards) */
 hasDots?: boolean;
+/** Optional image displayed alongside the header */
+headerImage?: string;
 /** Determines whether to display on-page or floating carousel */
 isFloating?: boolean;
 /** Determines font role used for title display */
@@ -1482,6 +1511,7 @@ onSlidesAddedToView?: ((slidesInView: number[]) => any) | undefined;
 title: string;
 isFloating: boolean;
 hasDots: boolean;
+headerImage: string;
 isHeadline1: boolean;
 isHideawayButtons: boolean;
 isScrollByPage: boolean;
@@ -1610,7 +1640,7 @@ orientation: Orientation;
  *
  * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideform--docs) for TideForm
  */
-export declare const TideForm: __VLS_WithTemplateSlots_6<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+export declare const TideForm: __VLS_WithTemplateSlots_7<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 submit: (e: SubmitEvent) => any;
 }, string, PublicProps, Readonly<{}> & Readonly<{
 onSubmit?: ((e: SubmitEvent) => any) | undefined;
@@ -1690,7 +1720,7 @@ img: HTMLImageElement;
  *
  * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideimagebackground--docs) for TideImageBackground
  */
-export declare const TideImageBackground: __VLS_WithTemplateSlots_7<DefineComponent<    {
+export declare const TideImageBackground: __VLS_WithTemplateSlots_8<DefineComponent<    {
 /** Text display when image can't be loaded. */
 alt?: string;
 /** Determines whether to delay loading until image is in viewport. */
@@ -1979,10 +2009,10 @@ selectElement: HTMLSelectElement;
 /**
  * @deprecated Use `TideInputSelect.vue` imported from 'tide-design-system' npm package instead.
  */
-export declare const TideInputSelectDeprecated: DefineComponent<Props, {
+export declare const TideInputSelectDeprecated: DefineComponent<Props_2, {
 error: Ref<ValidationError_2, ValidationError_2>;
 value: Ref<string | undefined, string | undefined>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_2> & Readonly<{}>, {
 label: string;
 error: ValidationError_2;
 required: boolean;
@@ -2392,7 +2422,7 @@ iconTrailing: Icon;
  *
  * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidemodal--docs) for TideModal
  */
-export declare const TideModal: __VLS_WithTemplateSlots_8<DefineComponent<    {
+export declare const TideModal: __VLS_WithTemplateSlots_9<DefineComponent<    {
 modelValue: boolean;
 } & {
 /**
@@ -2481,7 +2511,7 @@ totalResults: number;
  *
  * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidepopover--docs) for TidePopover
  */
-export declare const TidePopover: __VLS_WithTemplateSlots_9<DefineComponent<    {
+export declare const TidePopover: __VLS_WithTemplateSlots_10<DefineComponent<    {
 /** Determines the HTML node over which the Popover will appear */
 anchorId: string;
 /** Determines spacing between Popover and anchor node */
@@ -2556,7 +2586,9 @@ realm: Realm;
 markOnly: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const TideSeoLinks: DefineComponent<Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_2> & Readonly<{}>, {
+export declare const TideResponsiveRoot: __VLS_WithTemplateSlots_6<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+
+export declare const TideSeoLinks: DefineComponent<Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_3> & Readonly<{}>, {
 heading: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
@@ -2565,7 +2597,7 @@ heading: string;
  *
  * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidesheet--docs) for TideSheet
  */
-export declare const TideSheet: __VLS_WithTemplateSlots_10<DefineComponent<    {
+export declare const TideSheet: __VLS_WithTemplateSlots_11<DefineComponent<    {
 modelValue: boolean;
 } & {
 /** Controls display of the back button. */

package/dist/index.js

@@ -39,11 +39,12 @@ import { default as default38 } from "./components/TidePagination.vue.js";
 import { default as default39 } from "./components/TidePopover.vue.js";
 import { default as default40 } from "./components/TideRating.vue.js";
 import { default as default41 } from "./components/TideRealmLogo.vue.js";
-import { default as default42 } from "./components/TideSeoLinks.vue.js";
-import { default as default43 } from "./components/TideSheet.vue.js";
-import { default as default44 } from "./components/TideSwitch.vue.js";
-import { default as default45 } from "./components/TideTabs.vue.js";
-import { default as default46 } from "./components/TideToaster.vue.js";
+import { default as default42 } from "./components/TideResponsiveRoot.vue.js";
+import { default as default43 } from "./components/TideSeoLinks.vue.js";
+import { default as default44 } from "./components/TideSheet.vue.js";
+import { default as default45 } from "./components/TideSwitch.vue.js";
+import { default as default46 } from "./components/TideTabs.vue.js";
+import { default as default47 } from "./components/TideToaster.vue.js";
 import { provideTideConfig } from "./composables/useTideConfig.js";
 import { useTideForm } from "./composables/useTideForm.js";
 import { useTideToaster } from "./composables/useTideToaster.js";
@@ -130,11 +131,12 @@ export {
   default39 as TidePopover,
   default40 as TideRating,
   default41 as TideRealmLogo,
-  default42 as TideSeoLinks,
-  default43 as TideSheet,
-  default44 as TideSwitch,
-  default45 as TideTabs,
-  default46 as TideToaster,
+  default42 as TideResponsiveRoot,
+  default43 as TideSeoLinks,
+  default44 as TideSheet,
+  default45 as TideSwitch,
+  default46 as TideTabs,
+  default47 as TideToaster,
   VALIDATOR,
   provideTideConfig,
   useTideForm,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}