@leaflink/stash 42.8.0 → 43.0.0

package/tailwind-base.ts

@@ -10,20 +10,31 @@ export default {
 
   prefix: 'tw-',
 
+  // ALWAYS include these color related classes. This allows us to dynamically
+  // create color classes based on a color prop in our components instead of
+  // listing the full class name like is encouraged in the docs.
+  // https://tailwindcss.com/docs/content-configuration#using-regular-expressions
+  //
+  // Note: If any stash components change which color classes they dynamically build,
+  // this needs to change. Keep this list as small as possible.
+  //
+  // Note: Patterns can only match against base utility names like /bg-red-.+/, and won’t match if the pattern
+  // includes a variant modifier like /hover:bg-red-.+/.
   safelist: [
-    // ALWAYS include these color related classes. This allows us to dynamically
-    // create color classes based on a color prop in our components instead of
-    // listing the full class name like is encouraged in the docs.
-    // https://tailwindcss.com/docs/content-configuration#using-regular-expressions
-    // Note: if any stash components change which color classes they dynamically build,
-    // this needs to change.
     {
-      pattern: /(bg|text|border|stroke)-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice|white)(-400)?/,
-      // Do we need variants for these in any scenario?
-      // variants: ['md', 'lg', 'hover'],
+      pattern: /(bg|text|border)-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)(-[1,5,7]00)?$/,
     },
-
-    // These are custom classes that we might not use in our Stash code but we
+    // Illustration.vue stroke color.
+    {
+      pattern: /stroke-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)-500$/,
+    },
+    // Illustration.vue dynamic text.
+    {
+      pattern: /text-(purple|royal|blue|seafoam|teal|green|yellow|orange|red|ice)-400$/,
+    },
+    // Dynamic bg color for components using the colorScheme function (Chip, Avatar, etc.)
+    'bg-ice-200',
+    // These are custom classes that we might not use in our Stash code, but we
     // define in Stash and want to keep in the final CSS for downstream use.
     'heading-jumbo',
   ],
@@ -61,7 +72,6 @@ export default {
       current: 'currentColor',
 
       purple: {
-        DEFAULT: '#1E164B',
         900: '#06040F',
         800: '#0C091E',
         700: '#120D2D',
@@ -74,7 +84,6 @@ export default {
       },
 
       royal: {
-        DEFAULT: '#303AB2',
         900: '#0A0C24',
         800: '#131747',
         700: '#1D236B',
@@ -87,7 +96,6 @@ export default {
       },
 
       blue: {
-        DEFAULT: '#0072F0',
         900: '#001730',
         800: '#002E60',
         700: '#004490',
@@ -100,7 +108,6 @@ export default {
       },
 
       teal: {
-        DEFAULT: '#01BBC8',
         900: '#002528',
         800: '#004B50',
         700: '#017078',
@@ -113,7 +120,6 @@ export default {
       },
 
       green: {
-        DEFAULT: '#1DAE61',
         900: '#062313',
         800: '#0C4627',
         700: '#11683A',
@@ -126,7 +132,6 @@ export default {
       },
 
       seafoam: {
-        DEFAULT: '#3CDBC0',
         900: '#0C2C26',
         800: '#18584D',
         700: '#248373',
@@ -139,7 +144,6 @@ export default {
       },
 
       yellow: {
-        DEFAULT: '#FFD400',
         900: '#332A00',
         800: '#665500',
         700: '#997F00',
@@ -152,7 +156,6 @@ export default {
       },
 
       orange: {
-        DEFAULT: '#FF9425',
         900: '#331E07',
         800: '#663B0F',
         700: '#995916',
@@ -165,7 +168,6 @@ export default {
       },
 
       red: {
-        DEFAULT: '#E4002B',
         900: '#2E0009',
         800: '#5B0011',
         700: '#89001A',
@@ -178,7 +180,6 @@ export default {
       },
 
       ice: {
-        DEFAULT: '#C5C9D4',
         900: '#27282A',
         800: '#4F5055',
         700: '#76797F',

package/types/colors.ts

@@ -1,24 +1,22 @@
 /**
- * A set of utility types that correlate to Stash's design system
+ * The names of the color groups.
  */
+export type StashPrimaryColorGroup =
+  | 'blue'
+  | 'green'
+  | 'ice'
+  | 'orange'
+  | 'purple'
+  | 'red'
+  | 'royal'
+  | 'seafoam'
+  | 'teal'
+  | 'yellow';
 
-export enum StashPrimaryColors {
-  Blue = 'blue',
-  Green = 'green',
-  Ice = 'ice',
-  Orange = 'orange',
-  Purple = 'purple',
-  Red = 'red',
-  Royal = 'royal',
-  Seafoam = 'seafoam',
-  Teal = 'teal',
-  Yellow = 'yellow',
-}
-
-export type StashPrimaryColor = `${StashPrimaryColors}`;
-
+/**
+ * Complete list of Stash brand colors & their shades.
+ */
 export enum StashColors {
-  Purple = 'purple',
   Purple900 = 'purple-900',
   Purple800 = 'purple-800',
   Purple700 = 'purple-700',
@@ -29,7 +27,6 @@ export enum StashColors {
   Purple200 = 'purple-200',
   Purple100 = 'purple-100',
 
-  Royal = 'royal',
   Royal900 = 'royal-900',
   Royal800 = 'royal-800',
   Royal700 = 'royal-700',
@@ -40,7 +37,6 @@ export enum StashColors {
   Royal200 = 'royal-200',
   Royal100 = 'royal-100',
 
-  Blue = 'blue',
   Blue900 = 'blue-900',
   Blue800 = 'blue-800',
   Blue700 = 'blue-700',
@@ -51,7 +47,6 @@ export enum StashColors {
   Blue200 = 'blue-200',
   Blue100 = 'blue-100',
 
-  Teal = 'teal',
   Teal900 = 'teal-900',
   Teal800 = 'teal-800',
   Teal700 = 'teal-700',
@@ -62,7 +57,6 @@ export enum StashColors {
   Teal200 = 'teal-200',
   Teal100 = 'teal-100',
 
-  Green = 'green',
   Green900 = 'green-900',
   Green800 = 'green-800',
   Green700 = 'green-700',
@@ -73,7 +67,6 @@ export enum StashColors {
   Green200 = 'green-200',
   Green100 = 'green-100',
 
-  Seafoam = 'seafoam',
   Seafoam900 = 'seafoam-900',
   Seafoam800 = 'seafoam-800',
   Seafoam700 = 'seafoam-700',
@@ -84,7 +77,6 @@ export enum StashColors {
   Seafoam200 = 'seafoam-200',
   Seafoam100 = 'seafoam-100',
 
-  Yellow = 'yellow',
   Yellow900 = 'yellow-900',
   Yellow800 = 'yellow-800',
   Yellow700 = 'yellow-700',
@@ -95,7 +87,6 @@ export enum StashColors {
   Yellow200 = 'yellow-200',
   Yellow100 = 'yellow-100',
 
-  Orange = 'orange',
   Orange900 = 'orange-900',
   Orange800 = 'orange-800',
   Orange700 = 'orange-700',
@@ -106,7 +97,6 @@ export enum StashColors {
   Orange200 = 'orange-200',
   Orange100 = 'orange-100',
 
-  Red = 'red',
   Red900 = 'red-900',
   Red800 = 'red-800',
   Red700 = 'red-700',
@@ -117,7 +107,6 @@ export enum StashColors {
   Red200 = 'red-200',
   Red100 = 'red-100',
 
-  Ice = 'ice',
   Ice900 = 'ice-900',
   Ice800 = 'ice-800',
   Ice700 = 'ice-700',
@@ -133,3 +122,72 @@ export enum StashColors {
 }
 
 export type StashColor = `${StashColors}`;
+
+/**
+ * A limited list of stash brand colors, only including their 100, 500, and 700 shades.
+ */
+export enum StashCommonColors {
+  Purple700 = StashColors.Purple700,
+  Purple500 = StashColors.Purple500,
+  Purple100 = StashColors.Purple100,
+
+  Royal700 = StashColors.Royal700,
+  Royal500 = StashColors.Royal500,
+  Royal100 = StashColors.Royal100,
+
+  Blue700 = StashColors.Blue700,
+  Blue500 = StashColors.Blue500,
+  Blue100 = StashColors.Blue100,
+
+  Teal700 = StashColors.Teal700,
+  Teal500 = StashColors.Teal500,
+  Teal100 = StashColors.Teal100,
+
+  Green700 = StashColors.Green700,
+  Green500 = StashColors.Green500,
+  Green100 = StashColors.Green100,
+
+  Seafoam700 = StashColors.Seafoam700,
+  Seafoam500 = StashColors.Seafoam500,
+  Seafoam100 = StashColors.Seafoam100,
+
+  Yellow700 = StashColors.Yellow700,
+  Yellow500 = StashColors.Yellow500,
+  Yellow100 = StashColors.Yellow100,
+
+  Orange700 = StashColors.Orange700,
+  Orange500 = StashColors.Orange500,
+  Orange100 = StashColors.Orange100,
+
+  Red700 = StashColors.Red700,
+  Red500 = StashColors.Red500,
+  Red100 = StashColors.Red100,
+
+  Ice700 = StashColors.Ice700,
+  Ice500 = StashColors.Ice500,
+  Ice200 = StashColors.Ice200, // This is the one outlier, but it's used purposefully in a few places
+  Ice100 = StashColors.Ice100,
+
+  White = 'white',
+  Black = 'black',
+}
+
+export type StashCommonColor = `${StashCommonColors}`;
+
+/**
+ * A limited list of stash brand colors, only including their primary (500) shade.
+ */
+export enum StashPrimaryColors {
+  Blue500 = 'blue-500',
+  Green500 = 'green-500',
+  Ice500 = 'ice-500',
+  Orange500 = 'orange-500',
+  Purple500 = 'purple-500',
+  Red500 = 'red-500',
+  Royal500 = 'royal-500',
+  Seafoam500 = 'seafoam-500',
+  Teal500 = 'teal-500',
+  Yellow500 = 'yellow-500',
+}
+
+export type StashPrimaryColor = `${StashPrimaryColors}`;

package/types/statusLevels.ts

@@ -6,10 +6,10 @@ export enum StatusSeverities {
 }
 
 export enum StatusColors {
-  Error = 'red',
-  Warning = 'orange',
-  Info = 'blue',
-  Success = 'green',
+  Error = 'red-500',
+  Warning = 'orange-500',
+  Info = 'blue-500',
+  Success = 'green-500',
 }
 
 export enum StatusIcons {

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

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

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

@@ -1,11 +0,0 @@
-const e = "_pagination_7e11p_2", _ = "_prev_7e11p_20", i = "_next_7e11p_25", t = {
-  pagination: e,
-  prev: _,
-  next: i,
-  "is-active": "_is-active_7e11p_38",
-  "is-disabled": "_is-disabled_7e11p_51"
-};
-export {
-  t as s
-};
-//# sourceMappingURL=Paginate.vue_used_vue_type_style_index_0_lang.module-e579235f.js.map

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

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

package/dist/Tabs.vue_vue_type_script_setup_true_lang-aca4f8b8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.vue_vue_type_script_setup_true_lang-aca4f8b8.js","sources":["../src/components/Tabs/keys.ts","../src/components/Tabs/models.ts","../src/components/Tabs/Tabs.vue"],"sourcesContent":["import { Injection } from '../../../types/utils';\nimport { TabsInjection } from './models';\n\nexport const TABS_INJECTION: Injection<TabsInjection> = Object.freeze({\n  key: Symbol('TABS_INJECTION_KEY'),\n});\n","import { ComputedRef } from 'vue';\n\nexport enum TabVariant {\n  Line = 'line',\n  Enclosed = 'enclosed',\n}\n\nexport type TabVariants = `${TabVariant}`;\n\nexport interface TabsInjection {\n  activeTab: ComputedRef<string>;\n  variant: ComputedRef<TabVariants>;\n  setActiveTab: (newTabValue: string) => void;\n}\n","<script lang=\"ts\">\n  import { TabVariant, TabVariants } from './models';\n\n  export * from './keys';\n  export * from './models';\n\n  export interface TabsProps {\n    /**\n     * The currently active tab value\n     */\n    activeTab: string;\n\n    /**\n     * Tabs variant\n     */\n    variant?: TabVariants;\n  }\n</script>\n\n<script setup lang=\"ts\">\n  import debounce from 'lodash-es/debounce';\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, onBeforeUnmount, onDeactivated, onMounted, onUpdated, provide, Ref, ref } from 'vue';\n\n  import { DEBOUNCE } from '../../constants';\n  import { t } from '../../locale';\n  import Dropdown from '../Dropdown/Dropdown.vue';\n  import Icon from '../Icon/Icon.vue';\n  import { TABS_INJECTION } from './keys';\n\n  const emit =\n    defineEmits<{\n      (e: 'update:activeTab', newTabValue: TabsProps['activeTab']): void;\n    }>();\n\n  const props = withDefaults(defineProps<TabsProps>(), {\n    variant: TabVariant.Line,\n  });\n\n  const tabListEl = ref();\n  const moreDropdownMenuEl = ref();\n  const observer: Ref<IntersectionObserver | undefined> = ref(undefined);\n  const hasIntersectionObserver = 'IntersectionObserver' in window;\n  const overflowIds = ref<Set<string>>(new Set());\n  const moreDropdownWidth = ref(0);\n  const moreDropdownEl = ref<InstanceType<typeof Dropdown>>();\n  const moreMenuId = uniqueId('more-dropdown-menu-');\n  const isMoreMenuOpen = ref(false);\n\n  const currentActiveTab = computed({\n    get() {\n      return props.activeTab;\n    },\n    set(nv: TabsProps['activeTab']) {\n      emit('update:activeTab', nv);\n    },\n  });\n\n  function setActiveTab(newTabValue: TabsProps['activeTab']) {\n    currentActiveTab.value = newTabValue;\n  }\n\n  provide(TABS_INJECTION.key, {\n    activeTab: computed(() => currentActiveTab.value),\n    variant: computed(() => props.variant),\n    setActiveTab,\n  });\n\n  function initObserve() {\n    if (!hasIntersectionObserver) {\n      return;\n    }\n\n    if (!tabListEl.value) {\n      return;\n    }\n\n    const tabs = Array.from(tabListEl.value?.children as HTMLLIElement[]);\n    const options = {\n      root: tabListEl.value,\n      rootMargin: '0px',\n      threshold: Array.from({ length: 100 }).map((v, i) => (i + 1) / 100),\n    };\n\n    observer.value = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        const dataId = entry.target.getAttribute('id') as string;\n        /**\n         * Check for partial intersection.\n         * Zooming out can result in ratio of approx 0.984\n         * Anything higher will result in nav items disappearing\n         */\n        if (entry.intersectionRatio > 0.94) {\n          // show tab, hide in dropdown\n          if (overflowIds.value.has(dataId)) {\n            overflowIds.value.delete(dataId);\n          }\n        } else {\n          // hide tab, show in dropdown\n          if (dataId && !overflowIds.value.has(dataId)) {\n            overflowIds.value.add(dataId);\n          }\n        }\n      });\n    }, options);\n\n    tabs.forEach((element) => {\n      observer.value?.observe(element);\n      if (overflowIds.value.has(element.getAttribute('id') as string)) {\n        element.classList.add('tw-invisible');\n      } else {\n        element.classList.remove('tw-invisible');\n      }\n    });\n\n    moreDropdownWidth.value = moreDropdownEl.value?.$el?.getBoundingClientRect().width;\n\n    if (!moreDropdownMenuEl.value) {\n      return;\n    }\n\n    const dropdownList = Array.from(moreDropdownMenuEl.value.children as HTMLLIElement[]);\n    dropdownList.forEach((element) => {\n      element.className = '';\n      const el = element.firstChild as Element;\n      el.className = '';\n      element.setAttribute('aria-selected', 'false');\n\n      element.addEventListener('click', () => {\n        if (element.getAttribute('aria-selected')) {\n          element.classList.add('tw-bg-blue', 'tw-text-white');\n        }\n      });\n\n      if (!overflowIds.value.has(element.getAttribute('id') as string)) {\n        element.classList.add('tw-hidden');\n        const el = element.firstChild as Element;\n        el.className = '';\n      } else {\n        element.classList.remove('tw-hidden');\n        element.classList.add(\n          'tw-rounded',\n          'dropdown-link',\n          'tw-text-sm',\n          'tw-cursor-pointer',\n          'tw-p-1.5',\n          'hover:tw-bg-blue',\n          'hover:tw-text-white',\n        );\n      }\n\n      element.removeEventListener('click', () => {});\n    });\n  }\n\n  const debouncedInitObserve = debounce(initObserve, DEBOUNCE.FAST, { leading: true });\n\n  function destroyObserver() {\n    if (observer.value) {\n      observer.value.disconnect();\n      observer.value = undefined;\n    }\n  }\n\n  onMounted(() => {\n    initObserve();\n  });\n\n  onUpdated(() => {\n    destroyObserver();\n    debouncedInitObserve();\n  });\n\n  onDeactivated(() => {\n    destroyObserver();\n  });\n\n  onBeforeUnmount(() => {\n    destroyObserver();\n  });\n\n  function onMoreClick(toggleMoreDropdown) {\n    toggleMoreDropdown();\n    isMoreMenuOpen.value = !isMoreMenuOpen.value;\n  }\n</script>\n\n<template>\n  <div class=\"root stash-tabs tw-relative\" role=\"tabList\" data-test=\"stash-tabs\">\n    <ul\n      ref=\"tabListEl\"\n      :style=\"{\n        width: `calc(100% - ${moreDropdownWidth}px)`,\n      }\"\n      class=\"stash-tabs-list tw-flex tw-items-end tw-overflow-hidden\"\n      :class=\"{\n        'stash-tabs-list--line': variant === 'line',\n        'stash-tabs-list--enclosed': variant === 'enclosed',\n        'tw-gap-6': variant === 'line',\n      }\"\n    >\n      <slot></slot>\n\n      <Dropdown v-if=\"overflowIds.size\" ref=\"moreDropdownEl\" class=\"!tw-absolute tw-right-0 tw-top-0\">\n        <template #toggle=\"{ toggle }\">\n          <button\n            aria-haspopup=\"menu\"\n            :aria-controls=\"moreMenuId\"\n            :aria-expanded=\"isMoreMenuOpen\"\n            class=\"\n              tw-font-medium\n              tw-text-sm\n              tw-border-solid\n              tw-py-1.5\n              tw-flex\n              tw-items-center\n              tw-justify-center\n              tw-cursor-pointer\n              tw-px-6\n              tw-text-blue-500\n              hover:tw-text-blue-700\n            \"\n            :class=\"{ 'tw-border-t-4 tw-border-transparent': props.variant === 'enclosed' }\"\n            type=\"button\"\n            @click=\"onMoreClick(toggle)\"\n          >\n            {{ t('ll.more') }}\n            <Icon name=\"caret-down\" />\n          </button>\n        </template>\n        <template #default>\n          <ul\n            :id=\"moreMenuId\"\n            ref=\"moreDropdownMenuEl\"\n            class=\"dropdown-list tw-px-1.5 tw-pb-1.5 tw-space-y-1.5\"\n            role=\"menu\"\n          >\n            <slot></slot>\n          </ul>\n        </template>\n      </Dropdown>\n    </ul>\n  </div>\n</template>\n"],"names":["TABS_INJECTION","TabVariant","tabListEl","ref","moreDropdownMenuEl","observer","hasIntersectionObserver","overflowIds","moreDropdownWidth","moreDropdownEl","moreMenuId","uniqueId","isMoreMenuOpen","currentActiveTab","computed","props","nv","emit","setActiveTab","newTabValue","provide","initObserve","tabs","_a","options","v","i","entries","entry","dataId","element","_c","_b","el","debouncedInitObserve","debounce","DEBOUNCE","destroyObserver","onMounted","onUpdated","onDeactivated","onBeforeUnmount","onMoreClick","toggleMoreDropdown"],"mappings":"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"}

package/dist/colors-13e95ebf.js

@@ -1,6 +0,0 @@
-var n = /* @__PURE__ */ ((e) => (e.Blue = "blue", e.Green = "green", e.Ice = "ice", e.Orange = "orange", e.Purple = "purple", e.Red = "red", e.Royal = "royal", e.Seafoam = "seafoam", e.Teal = "teal", e.Yellow = "yellow", e))(n || {}), u = /* @__PURE__ */ ((e) => (e.Purple = "purple", e.Purple900 = "purple-900", e.Purple800 = "purple-800", e.Purple700 = "purple-700", e.Purple600 = "purple-600", e.Purple500 = "purple-500", e.Purple400 = "purple-400", e.Purple300 = "purple-300", e.Purple200 = "purple-200", e.Purple100 = "purple-100", e.Royal = "royal", e.Royal900 = "royal-900", e.Royal800 = "royal-800", e.Royal700 = "royal-700", e.Royal600 = "royal-600", e.Royal500 = "royal-500", e.Royal400 = "royal-400", e.Royal300 = "royal-300", e.Royal200 = "royal-200", e.Royal100 = "royal-100", e.Blue = "blue", e.Blue900 = "blue-900", e.Blue800 = "blue-800", e.Blue700 = "blue-700", e.Blue600 = "blue-600", e.Blue500 = "blue-500", e.Blue400 = "blue-400", e.Blue300 = "blue-300", e.Blue200 = "blue-200", e.Blue100 = "blue-100", e.Teal = "teal", e.Teal900 = "teal-900", e.Teal800 = "teal-800", e.Teal700 = "teal-700", e.Teal600 = "teal-600", e.Teal500 = "teal-500", e.Teal400 = "teal-400", e.Teal300 = "teal-300", e.Teal200 = "teal-200", e.Teal100 = "teal-100", e.Green = "green", e.Green900 = "green-900", e.Green800 = "green-800", e.Green700 = "green-700", e.Green600 = "green-600", e.Green500 = "green-500", e.Green400 = "green-400", e.Green300 = "green-300", e.Green200 = "green-200", e.Green100 = "green-100", e.Seafoam = "seafoam", e.Seafoam900 = "seafoam-900", e.Seafoam800 = "seafoam-800", e.Seafoam700 = "seafoam-700", e.Seafoam600 = "seafoam-600", e.Seafoam500 = "seafoam-500", e.Seafoam400 = "seafoam-400", e.Seafoam300 = "seafoam-300", e.Seafoam200 = "seafoam-200", e.Seafoam100 = "seafoam-100", e.Yellow = "yellow", e.Yellow900 = "yellow-900", e.Yellow800 = "yellow-800", e.Yellow700 = "yellow-700", e.Yellow600 = "yellow-600", e.Yellow500 = "yellow-500", e.Yellow400 = "yellow-400", e.Yellow300 = "yellow-300", e.Yellow200 = "yellow-200", e.Yellow100 = "yellow-100", e.Orange = "orange", e.Orange900 = "orange-900", e.Orange800 = "orange-800", e.Orange700 = "orange-700", e.Orange600 = "orange-600", e.Orange500 = "orange-500", e.Orange400 = "orange-400", e.Orange300 = "orange-300", e.Orange200 = "orange-200", e.Orange100 = "orange-100", e.Red = "red", e.Red900 = "red-900", e.Red800 = "red-800", e.Red700 = "red-700", e.Red600 = "red-600", e.Red500 = "red-500", e.Red400 = "red-400", e.Red300 = "red-300", e.Red200 = "red-200", e.Red100 = "red-100", e.Ice = "ice", e.Ice900 = "ice-900", e.Ice800 = "ice-800", e.Ice700 = "ice-700", e.Ice600 = "ice-600", e.Ice500 = "ice-500", e.Ice400 = "ice-400", e.Ice300 = "ice-300", e.Ice200 = "ice-200", e.Ice100 = "ice-100", e.White = "white", e.Black = "black", e))(u || {});
-export {
-  n as S,
-  u as a
-};
-//# sourceMappingURL=colors-13e95ebf.js.map

package/dist/colors-13e95ebf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors-13e95ebf.js","sources":["../types/colors.ts"],"sourcesContent":["/**\n * A set of utility types that correlate to Stash's design system\n */\n\nexport enum StashPrimaryColors {\n  Blue = 'blue',\n  Green = 'green',\n  Ice = 'ice',\n  Orange = 'orange',\n  Purple = 'purple',\n  Red = 'red',\n  Royal = 'royal',\n  Seafoam = 'seafoam',\n  Teal = 'teal',\n  Yellow = 'yellow',\n}\n\nexport type StashPrimaryColor = `${StashPrimaryColors}`;\n\nexport enum StashColors {\n  Purple = 'purple',\n  Purple900 = 'purple-900',\n  Purple800 = 'purple-800',\n  Purple700 = 'purple-700',\n  Purple600 = 'purple-600',\n  Purple500 = 'purple-500',\n  Purple400 = 'purple-400',\n  Purple300 = 'purple-300',\n  Purple200 = 'purple-200',\n  Purple100 = 'purple-100',\n\n  Royal = 'royal',\n  Royal900 = 'royal-900',\n  Royal800 = 'royal-800',\n  Royal700 = 'royal-700',\n  Royal600 = 'royal-600',\n  Royal500 = 'royal-500',\n  Royal400 = 'royal-400',\n  Royal300 = 'royal-300',\n  Royal200 = 'royal-200',\n  Royal100 = 'royal-100',\n\n  Blue = 'blue',\n  Blue900 = 'blue-900',\n  Blue800 = 'blue-800',\n  Blue700 = 'blue-700',\n  Blue600 = 'blue-600',\n  Blue500 = 'blue-500',\n  Blue400 = 'blue-400',\n  Blue300 = 'blue-300',\n  Blue200 = 'blue-200',\n  Blue100 = 'blue-100',\n\n  Teal = 'teal',\n  Teal900 = 'teal-900',\n  Teal800 = 'teal-800',\n  Teal700 = 'teal-700',\n  Teal600 = 'teal-600',\n  Teal500 = 'teal-500',\n  Teal400 = 'teal-400',\n  Teal300 = 'teal-300',\n  Teal200 = 'teal-200',\n  Teal100 = 'teal-100',\n\n  Green = 'green',\n  Green900 = 'green-900',\n  Green800 = 'green-800',\n  Green700 = 'green-700',\n  Green600 = 'green-600',\n  Green500 = 'green-500',\n  Green400 = 'green-400',\n  Green300 = 'green-300',\n  Green200 = 'green-200',\n  Green100 = 'green-100',\n\n  Seafoam = 'seafoam',\n  Seafoam900 = 'seafoam-900',\n  Seafoam800 = 'seafoam-800',\n  Seafoam700 = 'seafoam-700',\n  Seafoam600 = 'seafoam-600',\n  Seafoam500 = 'seafoam-500',\n  Seafoam400 = 'seafoam-400',\n  Seafoam300 = 'seafoam-300',\n  Seafoam200 = 'seafoam-200',\n  Seafoam100 = 'seafoam-100',\n\n  Yellow = 'yellow',\n  Yellow900 = 'yellow-900',\n  Yellow800 = 'yellow-800',\n  Yellow700 = 'yellow-700',\n  Yellow600 = 'yellow-600',\n  Yellow500 = 'yellow-500',\n  Yellow400 = 'yellow-400',\n  Yellow300 = 'yellow-300',\n  Yellow200 = 'yellow-200',\n  Yellow100 = 'yellow-100',\n\n  Orange = 'orange',\n  Orange900 = 'orange-900',\n  Orange800 = 'orange-800',\n  Orange700 = 'orange-700',\n  Orange600 = 'orange-600',\n  Orange500 = 'orange-500',\n  Orange400 = 'orange-400',\n  Orange300 = 'orange-300',\n  Orange200 = 'orange-200',\n  Orange100 = 'orange-100',\n\n  Red = 'red',\n  Red900 = 'red-900',\n  Red800 = 'red-800',\n  Red700 = 'red-700',\n  Red600 = 'red-600',\n  Red500 = 'red-500',\n  Red400 = 'red-400',\n  Red300 = 'red-300',\n  Red200 = 'red-200',\n  Red100 = 'red-100',\n\n  Ice = 'ice',\n  Ice900 = 'ice-900',\n  Ice800 = 'ice-800',\n  Ice700 = 'ice-700',\n  Ice600 = 'ice-600',\n  Ice500 = 'ice-500',\n  Ice400 = 'ice-400',\n  Ice300 = 'ice-300',\n  Ice200 = 'ice-200',\n  Ice100 = 'ice-100',\n\n  White = 'white',\n  Black = 'black',\n}\n\nexport type StashColor = `${StashColors}`;\n"],"names":["StashPrimaryColors","StashColors"],"mappings":"AAIY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,MAAM,OACNA,EAAA,QAAQ,SACRA,EAAA,UAAU,WACVA,EAAA,OAAO,QACPA,EAAA,SAAS,UAVCA,IAAAA,KAAA,CAAA,CAAA,GAeAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cAEZA,EAAA,QAAQ,SACRA,EAAA,WAAW,aACXA,EAAA,WAAW,aACXA,EAAA,WAAW,aACXA,EAAA,WAAW,aACXA,EAAA,WAAW,aACXA,EAAA,WAAW,aACXA,EAAA,WAAW,aACXA,EAAA,WAAW,aACXA,EAAA,WAAW,aAEXA,EAAA,OAAO,QACPA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,UAAU,YAEVA,EAAA,OAAO,QACPA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,UAAU,YACVA,EAAA,UAAU,YAEVA,EAAA,QAAQ,SACRA,EAAA,WAAW,aACXA,EAAA,WAAW,aACXA,EAAA,WAAW,aACXA,EAAA,WAAW,aACXA,EAAA,WAAW,aACXA,EAAA,WAAW,aACXA,EAAA,WAAW,aACXA,EAAA,WAAW,aACXA,EAAA,WAAW,aAEXA,EAAA,UAAU,WACVA,EAAA,aAAa,eACbA,EAAA,aAAa,eACbA,EAAA,aAAa,eACbA,EAAA,aAAa,eACbA,EAAA,aAAa,eACbA,EAAA,aAAa,eACbA,EAAA,aAAa,eACbA,EAAA,aAAa,eACbA,EAAA,aAAa,eAEbA,EAAA,SAAS,UACTA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cAEZA,EAAA,SAAS,UACTA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cACZA,EAAA,YAAY,cAEZA,EAAA,MAAM,OACNA,EAAA,SAAS,WACTA,EAAA,SAAS,WACTA,EAAA,SAAS,WACTA,EAAA,SAAS,WACTA,EAAA,SAAS,WACTA,EAAA,SAAS,WACTA,EAAA,SAAS,WACTA,EAAA,SAAS,WACTA,EAAA,SAAS,WAETA,EAAA,MAAM,OACNA,EAAA,SAAS,WACTA,EAAA,SAAS,WACTA,EAAA,SAAS,WACTA,EAAA,SAAS,WACTA,EAAA,SAAS,WACTA,EAAA,SAAS,WACTA,EAAA,SAAS,WACTA,EAAA,SAAS,WACTA,EAAA,SAAS,WAETA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SAhHEA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/statusLevels-aabf1e3c.js

@@ -1,7 +0,0 @@
-var n = /* @__PURE__ */ ((r) => (r.Error = "error", r.Warning = "warning", r.Info = "info", r.Success = "success", r))(n || {}), c = /* @__PURE__ */ ((r) => (r.Error = "red", r.Warning = "orange", r.Info = "blue", r.Success = "green", r))(c || {}), e = /* @__PURE__ */ ((r) => (r.Error = "hazard", r.Warning = "circle-warning", r.Info = "circle-info", r.Success = "circle-check", r))(e || {});
-export {
-  e as S,
-  c as a,
-  n as b
-};
-//# sourceMappingURL=statusLevels-aabf1e3c.js.map

package/dist/statusLevels-aabf1e3c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"statusLevels-aabf1e3c.js","sources":["../types/statusLevels.ts"],"sourcesContent":["export enum StatusSeverities {\n  Error = 'error',\n  Warning = 'warning',\n  Info = 'info',\n  Success = 'success',\n}\n\nexport enum StatusColors {\n  Error = 'red',\n  Warning = 'orange',\n  Info = 'blue',\n  Success = 'green',\n}\n\nexport enum StatusIcons {\n  Error = 'hazard',\n  Warning = 'circle-warning',\n  Info = 'circle-info',\n  Success = 'circle-check',\n}\n\nexport type StatusSeverity = `${StatusSeverities}`;\nexport type StatusColor = `${StatusColors}`;\nexport type StatusIcon = `${StatusIcons}`;\n"],"names":["StatusSeverities","StatusColors","StatusIcons"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,UAAU,WACVA,EAAA,OAAO,QACPA,EAAA,UAAU,WAJAA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,QAAQ,OACRA,EAAA,UAAU,UACVA,EAAA,OAAO,QACPA,EAAA,UAAU,SAJAA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,QAAQ,UACRA,EAAA,UAAU,kBACVA,EAAA,OAAO,eACPA,EAAA,UAAU,gBAJAA,IAAAA,KAAA,CAAA,CAAA;"}