@leaflink/stash 44.0.0-beta.1 → 44.0.0-beta.3

package/dist/utils/storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"storage.js","sources":["../../src/utils/storage.ts"],"sourcesContent":["import { hashCode } from './helpers';\n\nconst PREFIX = 'll';\n\n/**\n * Persist an item to localStorage, unique to each url pathname unless [options.global] is set to true\n *\n * If global is set to false (the default):\n *   name: 'foo'\n *   data: { a: 'a' }\n *\n *   localStorage key: 'll-foo-/c/the-leaf-shop/customers/'\n *   localStorage value: { a: 'a' }\n *\n * If global is set to true:\n *   name: 'bar'\n *   data: { b: 'b' }\n *\n *   localStorage key: 'll-bar'\n *   localStorage value: { b: 'b' }\n *\n * @param {string} name - the storage key name, often a component name\n * @param {object} data - the data to persist\n * @param {object} [options] - an optional options object\n * @param {boolean} [options.global] - does not add url to the key when true\n */\nexport function setPersistentItem(name, data, options: { global?: boolean } = {}) {\n  const scope = options.global ? '' : `-${location.pathname}`;\n  const storageKey = `${PREFIX}-${name}${scope}`;\n  const storageValue = JSON.stringify(data);\n\n  try {\n    localStorage.setItem(storageKey, storageValue);\n  } catch (error: any) {\n    if (error && error.name === 'QuotaExceededError') {\n      console.log(`Your localStorage is full. Failed to save item for key: ${storageKey}`);\n    } else {\n      console.log(`Failed to save value to localStorage for key: ${storageKey}`);\n    }\n  }\n}\n\n/**\n * Retrieve an item from localStorage, previously saved by `setPersistentItem`.\n * @param {string} name The storage key name, often a component name\n * @param {object} [options] - an optional options object\n * @param {boolean} [options.global] - does not add url to the key when true\n * @returns {any | undefined}\n */\nexport function getPersistentItem(name, options: { global?: boolean } = {}) {\n  const scope = options.global ? '' : `-${location.pathname}`;\n  const item = localStorage.getItem(`${PREFIX}-${name}${scope}`);\n\n  // localStorage.getItem always returns a string or null. When it's a string,\n  // it usually contains an object or a boolean. If the value is 'false', we\n  // need to ensure we return false instead of null.\n  if (item === null || item === 'undefined') {\n    return null;\n  }\n\n  try {\n    return JSON.parse(item);\n  } catch (error) {\n    console.error(error);\n\n    return null;\n  }\n}\n\n/**\n * Remove an item from localStorage, previously saved by `setPersistentItem`.\n * @param {string} name The storage key name, often a component name\n * @param {object} [options] - an optional options object\n * @param {boolean} [options.global] - does not add url to the key when true\n */\nexport function removePersistentItem(name, options: { global?: boolean } = {}) {\n  const scope = options.global ? '' : `-${location.pathname}`;\n  const storageKey = `${PREFIX}-${name}${scope}`;\n  const item = localStorage.getItem(storageKey);\n\n  if (item === null) {\n    return;\n  }\n\n  try {\n    localStorage.removeItem(storageKey);\n  } catch (error) {\n    console.error(error);\n  }\n}\n\n/**\n ***************** DEPRECATED *****************\n */\nexport function getPersistentItem__deprecated(itemKey: string, name) {\n  const item = JSON.parse(localStorage.getItem(itemKey) || '{}');\n\n  try {\n    return (item[name] || {})[hashCode(location.pathname)];\n  } catch (error) {\n    console.error(error);\n\n    return undefined;\n  }\n}\n\nexport function removePersistentItem__deprecated(itemKey, name) {\n  const item = JSON.parse(localStorage.getItem(itemKey) || '{}');\n  const itemValue = { ...item };\n\n  if (itemValue[name]) {\n    delete itemValue[name][hashCode(location.pathname)];\n  }\n\n  try {\n    localStorage.setItem(itemKey, JSON.stringify(itemValue));\n  } catch (error: any) {\n    if (error && error.name === 'QuotaExceededError') {\n      console.log(`Your localStorage is full. Failed to set item.`);\n    } else {\n      console.log(`Failed to set item to localStorage.`);\n    }\n  }\n}\n// END DEPRECATED\n\nexport const persistentStorage = {\n  setItem: setPersistentItem,\n  getItem: getPersistentItem,\n  removeItem: removePersistentItem,\n};\n"],"names":["PREFIX","setPersistentItem","name","data","options","scope","storageKey","storageValue","error","getPersistentItem","item","removePersistentItem","getPersistentItem__deprecated","itemKey","hashCode","removePersistentItem__deprecated","itemValue","persistentStorage"],"mappings":";;;;;;AAEA,MAAMA,IAAS;AAwBR,SAASC,EAAkBC,GAAMC,GAAMC,IAAgC,CAAA,GAAI;AAChF,QAAMC,IAAQD,EAAQ,SAAS,KAAK,IAAI,SAAS,QAAQ,IACnDE,IAAa,GAAGN,CAAM,IAAIE,CAAI,GAAGG,CAAK,IACtCE,IAAe,KAAK,UAAUJ,CAAI;AAEpC,MAAA;AACW,iBAAA,QAAQG,GAAYC,CAAY;AAAA,WACtCC,GAAY;AACf,IAAAA,KAASA,EAAM,SAAS,uBAClB,QAAA,IAAI,2DAA2DF,CAAU,EAAE,IAE3E,QAAA,IAAI,iDAAiDA,CAAU,EAAE;AAAA,EAE7E;AACF;AASO,SAASG,EAAkBP,GAAME,IAAgC,IAAI;AAC1E,QAAMC,IAAQD,EAAQ,SAAS,KAAK,IAAI,SAAS,QAAQ,IACnDM,IAAO,aAAa,QAAQ,GAAGV,CAAM,IAAIE,CAAI,GAAGG,CAAK,EAAE;AAKzD,MAAAK,MAAS,QAAQA,MAAS;AACrB,WAAA;AAGL,MAAA;AACK,WAAA,KAAK,MAAMA,CAAI;AAAA,WACfF,GAAO;AACd,mBAAQ,MAAMA,CAAK,GAEZ;AAAA,EACT;AACF;AAQO,SAASG,EAAqBT,GAAME,IAAgC,IAAI;AAC7E,QAAMC,IAAQD,EAAQ,SAAS,KAAK,IAAI,SAAS,QAAQ,IACnDE,IAAa,GAAGN,CAAM,IAAIE,CAAI,GAAGG,CAAK;AAG5C,MAFa,aAAa,QAAQC,CAAU,MAE/B;AAIT,QAAA;AACF,mBAAa,WAAWA,CAAU;AAAA,aAC3BE,GAAO;AACd,cAAQ,MAAMA,CAAK;AAAA,IACrB;AACF;AAKgB,SAAAI,EAA8BC,GAAiBX,GAAM;AACnE,QAAMQ,IAAO,KAAK,MAAM,aAAa,QAAQG,CAAO,KAAK,IAAI;AAEzD,MAAA;AACM,YAAAH,EAAKR,CAAI,KAAK,CAAA,GAAIY,EAAS,SAAS,QAAQ,CAAC;AAAA,WAC9CN,GAAO;AACd,YAAQ,MAAMA,CAAK;AAEZ;AAAA,EACT;AACF;AAEgB,SAAAO,EAAiCF,GAASX,GAAM;AAExD,QAAAc,IAAY,EAAE,GADP,KAAK,MAAM,aAAa,QAAQH,CAAO,KAAK,IAAI;AAGzD,EAAAG,EAAUd,CAAI,KAChB,OAAOc,EAAUd,CAAI,EAAEY,EAAS,SAAS,QAAQ,CAAC;AAGhD,MAAA;AACF,iBAAa,QAAQD,GAAS,KAAK,UAAUG,CAAS,CAAC;AAAA,WAChDR,GAAY;AACf,IAAAA,KAASA,EAAM,SAAS,uBAC1B,QAAQ,IAAI,gDAAgD,IAE5D,QAAQ,IAAI,qCAAqC;AAAA,EAErD;AACF;AAGO,MAAMS,IAAoB;AAAA,EAC/B,SAAShB;AAAA,EACT,SAASQ;AAAA,EACT,YAAYE;AACd;"}
+{"version":3,"file":"storage.js","sources":["../../src/utils/storage.ts"],"sourcesContent":["import logger from '@leaflink/snitch';\n\nimport { hashCode } from './helpers';\n\nconst PREFIX = 'll';\n\n/**\n * Persist an item to localStorage, unique to each url pathname unless [options.global] is set to true\n *\n * If global is set to false (the default):\n *   name: 'foo'\n *   data: { a: 'a' }\n *\n *   localStorage key: 'll-foo-/c/the-leaf-shop/customers/'\n *   localStorage value: { a: 'a' }\n *\n * If global is set to true:\n *   name: 'bar'\n *   data: { b: 'b' }\n *\n *   localStorage key: 'll-bar'\n *   localStorage value: { b: 'b' }\n *\n * @param {string} name - the storage key name, often a component name\n * @param {object} data - the data to persist\n * @param {object} [options] - an optional options object\n * @param {boolean} [options.global] - does not add url to the key when true\n */\nexport function setPersistentItem(name, data, options: { global?: boolean } = {}) {\n  const scope = options.global ? '' : `-${location.pathname}`;\n  const storageKey = `${PREFIX}-${name}${scope}`;\n  const storageValue = JSON.stringify(data);\n\n  try {\n    localStorage.setItem(storageKey, storageValue);\n  } catch (error: any) {\n    if (error && error.name === 'QuotaExceededError') {\n      logger.log(`Your localStorage is full. Failed to save item for key: ${storageKey}`);\n    } else {\n      logger.log(`Failed to save value to localStorage for key: ${storageKey}`);\n    }\n  }\n}\n\n/**\n * Retrieve an item from localStorage, previously saved by `setPersistentItem`.\n * @param {string} name The storage key name, often a component name\n * @param {object} [options] - an optional options object\n * @param {boolean} [options.global] - does not add url to the key when true\n * @returns {any | undefined}\n */\nexport function getPersistentItem(name, options: { global?: boolean } = {}) {\n  const scope = options.global ? '' : `-${location.pathname}`;\n  const item = localStorage.getItem(`${PREFIX}-${name}${scope}`);\n\n  // localStorage.getItem always returns a string or null. When it's a string,\n  // it usually contains an object or a boolean. If the value is 'false', we\n  // need to ensure we return false instead of null.\n  if (item === null || item === 'undefined') {\n    return null;\n  }\n\n  try {\n    return JSON.parse(item);\n  } catch (err) {\n    logger.error((err as Error).message, { error: err });\n\n    return null;\n  }\n}\n\n/**\n * Remove an item from localStorage, previously saved by `setPersistentItem`.\n * @param {string} name The storage key name, often a component name\n * @param {object} [options] - an optional options object\n * @param {boolean} [options.global] - does not add url to the key when true\n */\nexport function removePersistentItem(name, options: { global?: boolean } = {}) {\n  const scope = options.global ? '' : `-${location.pathname}`;\n  const storageKey = `${PREFIX}-${name}${scope}`;\n  const item = localStorage.getItem(storageKey);\n\n  if (item === null) {\n    return;\n  }\n\n  try {\n    localStorage.removeItem(storageKey);\n  } catch (err) {\n    logger.error((err as Error).message, { error: err });\n  }\n}\n\n/**\n ***************** DEPRECATED *****************\n */\nexport function getPersistentItem__deprecated(itemKey: string, name) {\n  const item = JSON.parse(localStorage.getItem(itemKey) || '{}');\n\n  try {\n    return (item[name] || {})[hashCode(location.pathname)];\n  } catch (err) {\n    logger.error((err as Error).message, { error: err });\n\n    return undefined;\n  }\n}\n\nexport function removePersistentItem__deprecated(itemKey, name) {\n  const item = JSON.parse(localStorage.getItem(itemKey) || '{}');\n  const itemValue = { ...item };\n\n  if (itemValue[name]) {\n    delete itemValue[name][hashCode(location.pathname)];\n  }\n\n  try {\n    localStorage.setItem(itemKey, JSON.stringify(itemValue));\n  } catch (error: any) {\n    if (error && error.name === 'QuotaExceededError') {\n      logger.log(`Your localStorage is full. Failed to set item.`);\n    } else {\n      logger.log(`Failed to set item to localStorage.`);\n    }\n  }\n}\n// END DEPRECATED\n\nexport const persistentStorage = {\n  setItem: setPersistentItem,\n  getItem: getPersistentItem,\n  removeItem: removePersistentItem,\n};\n"],"names":["PREFIX","setPersistentItem","name","data","options","scope","storageKey","storageValue","error","logger","getPersistentItem","item","err","removePersistentItem","getPersistentItem__deprecated","itemKey","hashCode","removePersistentItem__deprecated","itemValue","persistentStorage"],"mappings":";;;;;;;AAIA,MAAMA,IAAS;AAwBR,SAASC,EAAkBC,GAAMC,GAAMC,IAAgC,CAAA,GAAI;AAChF,QAAMC,IAAQD,EAAQ,SAAS,KAAK,IAAI,SAAS,QAAQ,IACnDE,IAAa,GAAGN,CAAM,IAAIE,CAAI,GAAGG,CAAK,IACtCE,IAAe,KAAK,UAAUJ,CAAI;AAEpC,MAAA;AACW,iBAAA,QAAQG,GAAYC,CAAY;AAAA,WACtCC,GAAY;AACf,IAAAA,KAASA,EAAM,SAAS,uBACnBC,EAAA,IAAI,2DAA2DH,CAAU,EAAE,IAE3EG,EAAA,IAAI,iDAAiDH,CAAU,EAAE;AAAA,EAE5E;AACF;AASO,SAASI,EAAkBR,GAAME,IAAgC,IAAI;AAC1E,QAAMC,IAAQD,EAAQ,SAAS,KAAK,IAAI,SAAS,QAAQ,IACnDO,IAAO,aAAa,QAAQ,GAAGX,CAAM,IAAIE,CAAI,GAAGG,CAAK,EAAE;AAKzD,MAAAM,MAAS,QAAQA,MAAS;AACrB,WAAA;AAGL,MAAA;AACK,WAAA,KAAK,MAAMA,CAAI;AAAA,WACfC,GAAK;AACZ,WAAAH,EAAO,MAAOG,EAAc,SAAS,EAAE,OAAOA,GAAK,GAE5C;AAAA,EACT;AACF;AAQO,SAASC,EAAqBX,GAAME,IAAgC,IAAI;AAC7E,QAAMC,IAAQD,EAAQ,SAAS,KAAK,IAAI,SAAS,QAAQ,IACnDE,IAAa,GAAGN,CAAM,IAAIE,CAAI,GAAGG,CAAK;AAG5C,MAFa,aAAa,QAAQC,CAAU,MAE/B;AAIT,QAAA;AACF,mBAAa,WAAWA,CAAU;AAAA,aAC3BM,GAAK;AACZ,MAAAH,EAAO,MAAOG,EAAc,SAAS,EAAE,OAAOA,GAAK;AAAA,IACrD;AACF;AAKgB,SAAAE,EAA8BC,GAAiBb,GAAM;AACnE,QAAMS,IAAO,KAAK,MAAM,aAAa,QAAQI,CAAO,KAAK,IAAI;AAEzD,MAAA;AACM,YAAAJ,EAAKT,CAAI,KAAK,CAAA,GAAIc,EAAS,SAAS,QAAQ,CAAC;AAAA,WAC9CJ,GAAK;AACZ,IAAAH,EAAO,MAAOG,EAAc,SAAS,EAAE,OAAOA,GAAK;AAE5C;AAAA,EACT;AACF;AAEgB,SAAAK,EAAiCF,GAASb,GAAM;AAExD,QAAAgB,IAAY,EAAE,GADP,KAAK,MAAM,aAAa,QAAQH,CAAO,KAAK,IAAI;AAGzD,EAAAG,EAAUhB,CAAI,KAChB,OAAOgB,EAAUhB,CAAI,EAAEc,EAAS,SAAS,QAAQ,CAAC;AAGhD,MAAA;AACF,iBAAa,QAAQD,GAAS,KAAK,UAAUG,CAAS,CAAC;AAAA,WAChDV,GAAY;AACf,IAAAA,KAASA,EAAM,SAAS,uBAC1BC,EAAO,IAAI,gDAAgD,IAE3DA,EAAO,IAAI,qCAAqC;AAAA,EAEpD;AACF;AAGO,MAAMU,IAAoB;AAAA,EAC/B,SAASlB;AAAA,EACT,SAASS;AAAA,EACT,YAAYG;AACd;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leaflink/stash",
-  "version": "44.0.0-beta.1",
+  "version": "44.0.0-beta.3",
   "description": "LeafLink's design system.",
   "homepage": "https://stash.leaflink.com",
   "main": "./dist/index.ts",
@@ -138,7 +138,7 @@
     "autoprefixer": "^9.7.4",
     "babel-core": "^7.0.0-bridge.0",
     "eslint": "^8.41.0",
-    "eslint-config-leaflink": "^1.18.2",
+    "eslint-config-leaflink": "^3.0.0",
     "jsdom": "^22.1.0",
     "postcss": "^8.4.35",
     "postcss-html": "^1.5.0",

package/styles/_base.scss

@@ -452,7 +452,7 @@ template {
 ::after {
   background-repeat: no-repeat;
   box-sizing: border-box;
-  border: 0 solid var(--color-ice);
+  border: 0 solid var(--color-ice-500);
   margin: 0;
   padding: 0;
 }

package/styles/_core.scss

@@ -826,7 +826,7 @@ $inputs: (
 
 @mixin input-disabled {
   background-color: var(--color-ice-200) !important;
-  border-color: var(--color-ice) !important;
+  border-color: var(--color-ice-500) !important;
   color: var(--color-ice-700) !important;
   pointer-events: none;
 

package/styles/elements/_links.scss

@@ -15,7 +15,7 @@
 ---------------------------------------- */
 
 a {
-  color: var(--color-blue);
+  color: var(--color-blue-500);
   font-weight: font-weight('medium');
   text-decoration: none;
 

package/dist/Button.vue_used_vue_type_style_index_0_lang.module-b77978d6.js

@@ -1,17 +0,0 @@
-const t = "_button_1ocn8_2", o = {
-  button: t,
-  "button--solid": "_button--solid_1ocn8_36",
-  "button--ghost": "_button--ghost_1ocn8_58",
-  "button--primary": "_button--primary_1ocn8_81 _button--solid_1ocn8_36",
-  "button--secondary": "_button--secondary_1ocn8_88 _button--ghost_1ocn8_58",
-  "button--tertiary": "_button--tertiary_1ocn8_95 _button--ghost_1ocn8_58",
-  "button--icon": "_button--icon_1ocn8_102",
-  "button--iconLabel": "_button--iconLabel_1ocn8_103",
-  "button--inline": "_button--inline_1ocn8_143",
-  "button--blue": "_button--blue_1ocn8_161",
-  "button--red": "_button--red_1ocn8_175"
-};
-export {
-  o as s
-};
-//# sourceMappingURL=Button.vue_used_vue_type_style_index_0_lang.module-b77978d6.js.map

package/dist/Button.vue_used_vue_type_style_index_0_lang.module-b77978d6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.vue_used_vue_type_style_index_0_lang.module-b77978d6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/Checkbox.vue_vue_type_style_index_0_scoped_0d7e7fd0_lang-4ed993c7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.vue_vue_type_style_index_0_scoped_0d7e7fd0_lang-4ed993c7.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Paginate.vue_used_vue_type_style_index_0_lang.module-bfccf992.js

@@ -1,11 +0,0 @@
-const _ = "_pagination_kh7yl_2", i = "_prev_kh7yl_20", t = "_next_kh7yl_25", n = {
-  pagination: _,
-  prev: i,
-  next: t,
-  "is-active": "_is-active_kh7yl_38",
-  "is-disabled": "_is-disabled_kh7yl_51"
-};
-export {
-  n as s
-};
-//# sourceMappingURL=Paginate.vue_used_vue_type_style_index_0_lang.module-bfccf992.js.map

package/dist/Paginate.vue_used_vue_type_style_index_0_lang.module-bfccf992.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Paginate.vue_used_vue_type_style_index_0_lang.module-bfccf992.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/Tab.vue_vue_type_script_setup_true_lang-b810bee8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.vue_vue_type_script_setup_true_lang-b810bee8.js","sources":["../src/components/Tab/Tab.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, inject, nextTick, onMounted, toRefs } from 'vue';\n  import { type RouteLocationRaw, type RouterLinkProps } from 'vue-router';\n\n  import Badge from '../Badge/Badge.vue';\n  import { TABS_INJECTION } from '../Tabs/Tabs.vue';\n\n  /**\n   * Allowed attributes for the `<a>` element when the `href` prop is used.\n   */\n  type AnchorAttrs = HTMLAnchorElement['download'] | HTMLAnchorElement['hreflang'] | HTMLAnchorElement['ping'] | HTMLAnchorElement['referrerPolicy'] | HTMLAnchorElement['rel'] | HTMLAnchorElement['target'] | HTMLAnchorElement['type'];\n\n  export interface TabProps {\n    /**\n     * The tab identifier\n     */\n    value: string;\n\n    /**\n     * Router link `to` prop\n     */\n    to?: RouteLocationRaw;\n\n    /**\n     * Anchor tag href. Used for navigating to non-vue pages, such as Django pages in marketplace.\n     */\n    href?: string;\n\n    /**\n     * The badge's content\n     */\n    badge?: string | number;\n\n    /**\n     * Will render a plain text item if true.\n     */\n    disabled?: boolean\n\n    /**\n     * Props for the `<a>` element when the `href` prop is used\n     */\n    anchorProps?: Record<AnchorAttrs, string>;\n\n    /**\n     * Props for the `<RouterLink>` element when the `to` prop is used\n     */\n    routerLinkProps?: Omit<RouterLinkProps, 'to'>;\n  }\n\n  const props = defineProps<TabProps>();\n\n  const tabsInjection = inject(TABS_INJECTION.key);\n\n  if (!tabsInjection) {\n    throw Error('The Tab component must be a child of the Tabs component.');\n  }\n\n  const { setActiveTab, activeTab, variant } = tabsInjection;\n\n  const isTabActive = computed(() => {\n    return props.value === activeTab.value;\n  });\n\n  const is = computed(() => {\n    if (props.to) {\n      return 'router-link';\n    }\n\n    if (props.href) {\n      return 'a';\n    }\n\n    return 'button';\n  });\n\n  /**\n   * Note: this click handler gets ignored when the `href` prop is used; `preventDefault()` is intentionally omitted in order to enable the `href` prop to work correctly. The `href` prop is used for navigation to non-vue pages, such as Django pages in marketplace.\n   */\n  function onClick(tabValue: string) {\n    if (props.disabled) {\n      return;\n    }\n\n    setActiveTab(tabValue);\n  }\n\n  const panelId = computed(() => `tabpanel-${props.value}`);\n\n  onMounted(async () => {\n    await nextTick();\n\n    if (process.env.NODE_ENV !== 'test' && isTabActive.value && !document.getElementById(panelId.value)) {\n      // The following warning ensures optimal accessibility is maintained when using the Tabs component. See: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role#example\n      console.warn(`The <Tab> with value \"${props.value}\" is active, but its corresponding tab panel cannot be found. Please ensure that the corresponding tab panel has an \"id\" attribute with value \"${panelId.value}\" and a \"role\" attribute with value \"tabpanel\".`);\n    }\n  });\n\n  const dynamicComponentAttrs = computed(() => {\n    if (props.to && props.routerLinkProps) {\n      return toRefs(props.routerLinkProps);\n    }\n\n    if (props.href && props.anchorProps) {\n      return toRefs(props.anchorProps);\n    }\n\n    return {};\n  });\n</script>\n\n<template>\n  <li\n    :id=\"`tab-${props.value}`\"\n    role=\"tab\"\n    :aria-selected=\"isTabActive\"\n    :aria-controls=\"panelId\"\n    :aria-disabled=\"props.disabled\"\n    class=\"stash-tab\"\n    :class=\"[\n      {\n        'stash-tab--active is-active': isTabActive,\n        'stash-tab--disabled': props.disabled,\n        'stash-tab--variant-line': variant === 'line',\n        'stash-tab--variant-enclosed': variant === 'enclosed',\n      },\n    ]\"\n    @click=\"onClick(props.value)\"\n    @keypress.enter=\"onClick(props.value)\"\n  >\n    <component\n      v-bind=\"dynamicComponentAttrs\"\n      :is=\"is\"\n      :to=\"props.to\"\n      :href=\"props.href\"\n      class=\"\n        tw-font-medium tw-text-sm tw-border-solid tw-py-1.5 tw-flex tw-items-center tw-justify-center tw-cursor-pointer\n        hover:tw-no-underline\n        tw-whitespace-nowrap\n      \"\n      :class=\"[\n        {\n          'tw-border-b-2': variant === 'line',\n          'tw-px-6 tw-border-t-4': variant === 'enclosed',\n          'tw-rounded-t tw-bg-white': isTabActive && variant === 'enclosed',\n          'focus:tw-no-underline': props.href,\n          'tw-pointer-events-none tw-text-ice-500': props.disabled,\n          'tw-text-ice-700': !props.disabled && !isTabActive,\n        },\n        [\n          isTabActive\n            ? 'tw-border-blue-500 tw-text-blue-500'\n            : 'tw-border-transparent hover:tw-text-blue-500 focus:tw-text-blue-500',\n        ],\n      ]\"\n      :tabindex=\"props.disabled ? -1 : 0\"\n    >\n      <!-- The margin-top on the <div> below is necessary to fix the vertical alignment of text in the default slot since our Sofia font has extra space under the baseline -->\n      <div class=\"tw-mt-0.5\">\n        <Badge :content=\"props.badge\" position=\"inline\" color=\"red\" :is-disabled=\"props.disabled\">\n          <slot :is-active=\"isTabActive\" :is-disabled=\"props.disabled\" :variant=\"variant\"></slot>\n        </Badge>\n      </div>\n    </component>\n  </li>\n</template>\n"],"names":["tabsInjection","inject","TABS_INJECTION","setActiveTab","activeTab","variant","isTabActive","computed","props","is","onClick","tabValue","panelId","onMounted","nextTick","dynamicComponentAttrs","toRefs"],"mappings":";;;;;;;;;;;;;;;iBAmDQA,IAAgBC,EAAOC,EAAe,GAAG;AAE/C,QAAI,CAACF;AACH,YAAM,MAAM,0DAA0D;AAGxE,UAAM,EAAE,cAAAG,GAAc,WAAAC,GAAW,SAAAC,EAAA,IAAYL,GAEvCM,IAAcC,EAAS,MACpBC,EAAM,UAAUJ,EAAU,KAClC,GAEKK,IAAKF,EAAS,MACdC,EAAM,KACD,gBAGLA,EAAM,OACD,MAGF,QACR;AAKD,aAASE,EAAQC,GAAkB;AACjC,MAAIH,EAAM,YAIVL,EAAaQ,CAAQ;AAAA,IACvB;AAEA,UAAMC,IAAUL,EAAS,MAAM,YAAYC,EAAM,KAAK,EAAE;AAExD,IAAAK,EAAU,YAAY;AACpB,YAAMC,EAAS,GAEX,QAAQ,IAAI,aAAa,UAAUR,EAAY,SAAS,CAAC,SAAS,eAAeM,EAAQ,KAAK,KAEhG,QAAQ,KAAK,yBAAyBJ,EAAM,KAAK,kJAAkJI,EAAQ,KAAK,iDAAiD;AAAA,IACnQ,CACD;AAEK,UAAAG,IAAwBR,EAAS,MACjCC,EAAM,MAAMA,EAAM,kBACbQ,EAAOR,EAAM,eAAe,IAGjCA,EAAM,QAAQA,EAAM,cACfQ,EAAOR,EAAM,WAAW,IAG1B,EACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}