@oliasoft-open-source/react-ui-library 3.12.0-beta-21 → 3.12.0-beta-24

package/dist/assets/input-validation.624edbc2.js

@@ -0,0 +1,26 @@
+import{j as e}from"./jsx-runtime.bc0b5389.js";import{M as n,b as i}from"./index.26a3f852.js";import{NonExistentValue as a,Error as p}from"./select.stories.8ecd1d7e.js";import{u as s}from"./index.24227caa.js";import"./index.8c7046c4.js";import"./iframe.fefb1d39.js";import"../sb-preview/runtime.js";import"./index.cb615f32.js";import"./extends.946277fc.js";import"./assertThisInitialized.962dde02.js";import"./inheritsLoose.5387fada.js";import"./index.b8646d95.js";import"./select.0c940187.js";import"./index.55214191.js";import"./tooltip.47b8435e.js";import"./types.f0417c6d.js";import"./lodash.96de7017.js";import"./disabled-context.47d44ea4.js";import"./common-enum.04de2059.js";import"./index.73b4811b.js";import"./memoize-one.esm.7a54f149.js";import"./text.3e08313f.js";import"./actions.310c4239.js";import"./button.4d73be0d.js";import"./spinner.f0fdc45e.js";import"./icon.86155bc3.js";import"./enum.9003e5cc.js";import"./badge.c60b26e4.js";import"./select.input.395daa83.js";import"./spacer.17f9f9e6.js";function r(o){const t=Object.assign({h1:"h1",h2:"h2",h3:"h3",p:"p",code:"code",strong:"strong"},s(),o.components);return e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(n,{title:"Input Validation"}),`
+`,e.exports.jsx(t.h1,{id:"input-validation",children:"Input Validation"}),`
+`,e.exports.jsx(t.h2,{id:"select",children:"Select"}),`
+`,e.exports.jsx(t.h3,{id:"invalid-states",children:"Invalid states"}),`
+`,e.exports.jsxs(t.p,{children:["It's possible for a ",e.exports.jsx(t.code,{children:"Select"})," input to be in an invalid state, where a value is explicitly set via the ",e.exports.jsx(t.code,{children:"value"}),` prop,
+but the option is not available for re-selection in the dropdown (i.e. not in the `,e.exports.jsx(t.code,{children:"options"}),` prop). Some guidelines are
+provided here to help.`]}),`
+`,e.exports.jsx(t.p,{children:e.exports.jsx(t.strong,{children:"Avoid invalid values via the business logic"})}),`
+`,e.exports.jsx(t.p,{children:"It's best to prevent invalid values from happening, via the application business logic."}),`
+`,e.exports.jsx(t.p,{children:`If they can happen, handling them is a concern of the business layer. The UI framework is generally only responsible
+for presentation.`}),`
+`,e.exports.jsx(t.p,{children:e.exports.jsx(t.strong,{children:"Select will always display the value if it is explicitly set"})}),`
+`,e.exports.jsxs(t.p,{children:["If the ",e.exports.jsx(t.code,{children:"value"})," prop is set, it will be displayed, even if it is not available for re-selection from the ",e.exports.jsx(t.code,{children:"options"}),` prop.
+The library does not hide or mask set values.`]}),`
+`,e.exports.jsx(t.p,{children:e.exports.jsx(t.strong,{children:'"Soft invalid" values'})}),`
+`,e.exports.jsx(t.p,{children:`For a 'soft invalid' state, where the value is usable, but not available for re-reselection, the UI library automatically
+adds a warning state with a tooltip message: "Value no longer available for re-selection". Technically, this should be
+handled by the business logic, not the UI framework, but the behaviour exists for historical reasons.
+In the future it may be optional (via a prop), or deprecated/removed, so it's better to handle it properly in the
+application layer.`}),`
+`,e.exports.jsx(i,{of:a}),`
+`,e.exports.jsx(t.p,{children:e.exports.jsx(t.strong,{children:'"Hard invalid" value'})}),`
+`,e.exports.jsxs(t.p,{children:[`For a 'hard invalid' state (where the value is unusable, but required), it is recommended for the business logic to not
+set a value (use `,e.exports.jsx(t.code,{children:"null"})," or ",e.exports.jsx(t.code,{children:"undefined"}),"), and to set the ",e.exports.jsx(t.code,{children:"error"}),` prop with an appropriate message
+(e.g. "Value is required").`]}),`
+`,e.exports.jsx(i,{of:p})]})}function H(o={}){const{wrapper:t}=Object.assign({},s(),o.components);return t?e.exports.jsx(t,Object.assign({},o,{children:e.exports.jsx(r,o)})):r(o)}export{H as default};

package/dist/assets/input.6e66348d.css

@@ -0,0 +1 @@
+:root{--color-primary-0: hsl(0, 0%, 100%);--color-primary-50: hsl(18.24742268, 82.90598291%, 97.5%);--color-primary-100: hsl(18.24742268, 82.90598291%, 92.5%);--color-primary-150: hsl(18.24742268, 82.90598291%, 87.5%);--color-primary-200: hsl(18.24742268, 82.90598291%, 82.5%);--color-primary-250: hsl(18.24742268, 82.90598291%, 77.5%);--color-primary-300: hsl(18.24742268, 82.90598291%, 72.5%);--color-primary-350: hsl(18.24742268, 82.90598291%, 67.5%);--color-primary-400: hsl(18.24742268, 82.90598291%, 62.5%);--color-primary-450: hsl(18.24742268, 82.90598291%, 57.5%);--color-primary-500: hsl(18.24742268, 82.90598291%, 52.5%);--color-primary-550: hsl(18.24742268, 82.90598291%, 47.5%);--color-primary-600: hsl(18.24742268, 82.90598291%, 42.5%);--color-primary-650: hsl(18.24742268, 82.90598291%, 37.5%);--color-primary-700: hsl(18.24742268, 82.90598291%, 32.5%);--color-primary-750: hsl(18.24742268, 82.90598291%, 27.5%);--color-primary-800: hsl(18.24742268, 82.90598291%, 22.5%);--color-primary-850: hsl(18.24742268, 82.90598291%, 17.5%);--color-primary-900: hsl(18.24742268, 82.90598291%, 12.5%);--color-primary-950: hsl(18.24742268, 82.90598291%, 7.5%);--color-primary-1000: hsl(18.24742268, 82.90598291%, 2.5%);--color-error-0: hsl(180, 100%, 100%);--color-error-50: hsl(0, 71.29186603%, 97.5%);--color-error-100: hsl(0, 71.29186603%, 92.5%);--color-error-150: hsl(0, 71.29186603%, 87.5%);--color-error-200: hsl(0, 71.29186603%, 82.5%);--color-error-250: hsl(0, 71.29186603%, 77.5%);--color-error-300: hsl(0, 71.29186603%, 72.5%);--color-error-350: hsl(0, 71.29186603%, 67.5%);--color-error-400: hsl(0, 71.29186603%, 62.5%);--color-error-450: hsl(0, 71.29186603%, 57.5%);--color-error-500: hsl(0, 71.29186603%, 52.5%);--color-error-550: hsl(0, 71.29186603%, 47.5%);--color-error-600: hsl(0, 71.29186603%, 42.5%);--color-error-650: hsl(0, 71.29186603%, 37.5%);--color-error-700: hsl(0, 71.29186603%, 32.5%);--color-error-750: hsl(0, 71.29186603%, 27.5%);--color-error-800: hsl(0, 71.29186603%, 22.5%);--color-error-850: hsl(0, 71.29186603%, 17.5%);--color-error-900: hsl(0, 71.29186603%, 12.5%);--color-error-950: hsl(0, 71.29186603%, 7.5%);--color-error-1000: hsl(0, 71.29186603%, 2.5%);--color-success-0: hsl(0, 0%, 100%);--color-success-50: hsl(120, 52.03252033%, 97.5%);--color-success-100: hsl(120, 52.03252033%, 92.5%);--color-success-150: hsl(120, 52.03252033%, 87.5%);--color-success-200: hsl(120, 52.03252033%, 82.5%);--color-success-250: hsl(120, 52.03252033%, 77.5%);--color-success-300: hsl(120, 52.03252033%, 72.5%);--color-success-350: hsl(120, 52.03252033%, 67.5%);--color-success-400: hsl(120, 52.03252033%, 62.5%);--color-success-450: hsl(120, 52.03252033%, 57.5%);--color-success-500: hsl(120, 52.03252033%, 52.5%);--color-success-550: hsl(120, 52.03252033%, 47.5%);--color-success-600: hsl(120, 52.03252033%, 42.5%);--color-success-650: hsl(120, 52.03252033%, 37.5%);--color-success-700: hsl(120, 52.03252033%, 32.5%);--color-success-750: hsl(120, 52.03252033%, 27.5%);--color-success-800: hsl(120, 52.03252033%, 22.5%);--color-success-850: hsl(120, 52.03252033%, 17.5%);--color-success-900: hsl(120, 52.03252033%, 12.5%);--color-success-950: hsl(120, 52.03252033%, 7.5%);--color-success-1000: hsl(120, 52.03252033%, 2.5%);--color-warning-0: hsl(240, 100%, 100%);--color-warning-50: hsl(44.9197861, 76.32653061%, 97.5%);--color-warning-100: hsl(44.9197861, 76.32653061%, 92.5%);--color-warning-150: hsl(44.9197861, 76.32653061%, 87.5%);--color-warning-200: hsl(44.9197861, 76.32653061%, 82.5%);--color-warning-250: hsl(44.9197861, 76.32653061%, 77.5%);--color-warning-300: hsl(44.9197861, 76.32653061%, 72.5%);--color-warning-350: hsl(44.9197861, 76.32653061%, 67.5%);--color-warning-400: hsl(44.9197861, 76.32653061%, 62.5%);--color-warning-450: hsl(44.9197861, 76.32653061%, 57.5%);--color-warning-500: hsl(44.9197861, 76.32653061%, 52.5%);--color-warning-550: hsl(44.9197861, 76.32653061%, 47.5%);--color-warning-600: hsl(44.9197861, 76.32653061%, 42.5%);--color-warning-650: hsl(44.9197861, 76.32653061%, 37.5%);--color-warning-700: hsl(44.9197861, 76.32653061%, 32.5%);--color-warning-750: hsl(44.9197861, 76.32653061%, 27.5%);--color-warning-800: hsl(44.9197861, 76.32653061%, 22.5%);--color-warning-850: hsl(44.9197861, 76.32653061%, 17.5%);--color-warning-900: hsl(44.9197861, 76.32653061%, 12.5%);--color-warning-950: hsl(44.9197861, 76.32653061%, 7.5%);--color-warning-1000: hsl(44.9197861, 76.32653061%, 2.5%);--color-info-0: hsl(0, 0%, 100%);--color-info-50: hsl(201.03092784, 82.90598291%, 97.5%);--color-info-100: hsl(201.03092784, 82.90598291%, 92.5%);--color-info-150: hsl(201.03092784, 82.90598291%, 87.5%);--color-info-200: hsl(201.03092784, 82.90598291%, 82.5%);--color-info-250: hsl(201.03092784, 82.90598291%, 77.5%);--color-info-300: hsl(201.03092784, 82.90598291%, 72.5%);--color-info-350: hsl(201.03092784, 82.90598291%, 67.5%);--color-info-400: hsl(201.03092784, 82.90598291%, 62.5%);--color-info-450: hsl(201.03092784, 82.90598291%, 57.5%);--color-info-500: hsl(201.03092784, 82.90598291%, 52.5%);--color-info-550: hsl(201.03092784, 82.90598291%, 47.5%);--color-info-600: hsl(201.03092784, 82.90598291%, 42.5%);--color-info-650: hsl(201.03092784, 82.90598291%, 37.5%);--color-info-700: hsl(201.03092784, 82.90598291%, 32.5%);--color-info-750: hsl(201.03092784, 82.90598291%, 27.5%);--color-info-800: hsl(201.03092784, 82.90598291%, 22.5%);--color-info-850: hsl(201.03092784, 82.90598291%, 17.5%);--color-info-900: hsl(201.03092784, 82.90598291%, 12.5%);--color-info-950: hsl(201.03092784, 82.90598291%, 7.5%);--color-info-1000: hsl(201.03092784, 82.90598291%, 2.5%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-50: hsl(210, 10%, 97.5%);--color-neutral-100: hsl(210, 10%, 92.5%);--color-neutral-150: hsl(210, 10%, 87.5%);--color-neutral-200: hsl(210, 10%, 82.5%);--color-neutral-250: hsl(210, 10%, 77.5%);--color-neutral-300: hsl(210, 10%, 72.5%);--color-neutral-350: hsl(210, 10%, 67.5%);--color-neutral-400: hsl(210, 10%, 62.5%);--color-neutral-450: hsl(210, 10%, 57.5%);--color-neutral-500: hsl(210, 10%, 52.5%);--color-neutral-550: hsl(210, 10%, 47.5%);--color-neutral-600: hsl(210, 10%, 42.5%);--color-neutral-650: hsl(210, 10%, 37.5%);--color-neutral-700: hsl(210, 10%, 32.5%);--color-neutral-750: hsl(210, 10%, 27.5%);--color-neutral-800: hsl(210, 10%, 22.5%);--color-neutral-850: hsl(210, 10%, 17.5%);--color-neutral-900: hsl(210, 10%, 12.5%);--color-neutral-950: hsl(210, 10%, 7.5%);--color-neutral-1000: hsl(210, 10%, 2.5%);--color-primary-muted-0: hsl(0, 0%, 100%);--color-primary-muted-50: hsl(18.24742268, 57.90598291%, 97.5%);--color-primary-muted-100: hsl(18.24742268, 57.90598291%, 92.5%);--color-primary-muted-150: hsl(18.24742268, 57.90598291%, 87.5%);--color-primary-muted-200: hsl(18.24742268, 57.90598291%, 82.5%);--color-primary-muted-250: hsl(18.24742268, 57.90598291%, 77.5%);--color-primary-muted-300: hsl(18.24742268, 57.90598291%, 72.5%);--color-primary-muted-350: hsl(18.24742268, 57.90598291%, 67.5%);--color-primary-muted-400: hsl(18.24742268, 57.90598291%, 62.5%);--color-primary-muted-450: hsl(18.24742268, 57.90598291%, 57.5%);--color-primary-muted-500: hsl(18.24742268, 57.90598291%, 52.5%);--color-primary-muted-550: hsl(18.24742268, 57.90598291%, 47.5%);--color-primary-muted-600: hsl(18.24742268, 57.90598291%, 42.5%);--color-primary-muted-650: hsl(18.24742268, 57.90598291%, 37.5%);--color-primary-muted-700: hsl(18.24742268, 57.90598291%, 32.5%);--color-primary-muted-750: hsl(18.24742268, 57.90598291%, 27.5%);--color-primary-muted-800: hsl(18.24742268, 57.90598291%, 22.5%);--color-primary-muted-850: hsl(18.24742268, 57.90598291%, 17.5%);--color-primary-muted-900: hsl(18.24742268, 57.90598291%, 12.5%);--color-primary-muted-950: hsl(18.24742268, 57.90598291%, 7.5%);--color-primary-muted-1000: hsl(18.24742268, 57.90598291%, 2.5%);--color-error-muted-0: hsl(180, 100%, 100%);--color-error-muted-50: hsl(0, 46.29186603%, 97.5%);--color-error-muted-100: hsl(0, 46.29186603%, 92.5%);--color-error-muted-150: hsl(0, 46.29186603%, 87.5%);--color-error-muted-200: hsl(0, 46.29186603%, 82.5%);--color-error-muted-250: hsl(0, 46.29186603%, 77.5%);--color-error-muted-300: hsl(0, 46.29186603%, 72.5%);--color-error-muted-350: hsl(0, 46.29186603%, 67.5%);--color-error-muted-400: hsl(0, 46.29186603%, 62.5%);--color-error-muted-450: hsl(0, 46.29186603%, 57.5%);--color-error-muted-500: hsl(0, 46.29186603%, 52.5%);--color-error-muted-550: hsl(0, 46.29186603%, 47.5%);--color-error-muted-600: hsl(0, 46.29186603%, 42.5%);--color-error-muted-650: hsl(0, 46.29186603%, 37.5%);--color-error-muted-700: hsl(0, 46.29186603%, 32.5%);--color-error-muted-750: hsl(0, 46.29186603%, 27.5%);--color-error-muted-800: hsl(0, 46.29186603%, 22.5%);--color-error-muted-850: hsl(0, 46.29186603%, 17.5%);--color-error-muted-900: hsl(0, 46.29186603%, 12.5%);--color-error-muted-950: hsl(0, 46.29186603%, 7.5%);--color-error-muted-1000: hsl(0, 46.29186603%, 2.5%);--color-success-muted-0: hsl(0, 0%, 100%);--color-success-muted-50: hsl(120, 27.03252033%, 97.5%);--color-success-muted-100: hsl(120, 27.03252033%, 92.5%);--color-success-muted-150: hsl(120, 27.03252033%, 87.5%);--color-success-muted-200: hsl(120, 27.03252033%, 82.5%);--color-success-muted-250: hsl(120, 27.03252033%, 77.5%);--color-success-muted-300: hsl(120, 27.03252033%, 72.5%);--color-success-muted-350: hsl(120, 27.03252033%, 67.5%);--color-success-muted-400: hsl(120, 27.03252033%, 62.5%);--color-success-muted-450: hsl(120, 27.03252033%, 57.5%);--color-success-muted-500: hsl(120, 27.03252033%, 52.5%);--color-success-muted-550: hsl(120, 27.03252033%, 47.5%);--color-success-muted-600: hsl(120, 27.03252033%, 42.5%);--color-success-muted-650: hsl(120, 27.03252033%, 37.5%);--color-success-muted-700: hsl(120, 27.03252033%, 32.5%);--color-success-muted-750: hsl(120, 27.03252033%, 27.5%);--color-success-muted-800: hsl(120, 27.03252033%, 22.5%);--color-success-muted-850: hsl(120, 27.03252033%, 17.5%);--color-success-muted-900: hsl(120, 27.03252033%, 12.5%);--color-success-muted-950: hsl(120, 27.03252033%, 7.5%);--color-success-muted-1000: hsl(120, 27.03252033%, 2.5%);--color-warning-muted-0: hsl(240, 100%, 100%);--color-warning-muted-50: hsl(44.9197861, 51.32653061%, 97.5%);--color-warning-muted-100: hsl(44.9197861, 51.32653061%, 92.5%);--color-warning-muted-150: hsl(44.9197861, 51.32653061%, 87.5%);--color-warning-muted-200: hsl(44.9197861, 51.32653061%, 82.5%);--color-warning-muted-250: hsl(44.9197861, 51.32653061%, 77.5%);--color-warning-muted-300: hsl(44.9197861, 51.32653061%, 72.5%);--color-warning-muted-350: hsl(44.9197861, 51.32653061%, 67.5%);--color-warning-muted-400: hsl(44.9197861, 51.32653061%, 62.5%);--color-warning-muted-450: hsl(44.9197861, 51.32653061%, 57.5%);--color-warning-muted-500: hsl(44.9197861, 51.32653061%, 52.5%);--color-warning-muted-550: hsl(44.9197861, 51.32653061%, 47.5%);--color-warning-muted-600: hsl(44.9197861, 51.32653061%, 42.5%);--color-warning-muted-650: hsl(44.9197861, 51.32653061%, 37.5%);--color-warning-muted-700: hsl(44.9197861, 51.32653061%, 32.5%);--color-warning-muted-750: hsl(44.9197861, 51.32653061%, 27.5%);--color-warning-muted-800: hsl(44.9197861, 51.32653061%, 22.5%);--color-warning-muted-850: hsl(44.9197861, 51.32653061%, 17.5%);--color-warning-muted-900: hsl(44.9197861, 51.32653061%, 12.5%);--color-warning-muted-950: hsl(44.9197861, 51.32653061%, 7.5%);--color-warning-muted-1000: hsl(44.9197861, 51.32653061%, 2.5%);--color-info-muted-0: hsl(0, 0%, 100%);--color-info-muted-50: hsl(201.03092784, 57.90598291%, 97.5%);--color-info-muted-100: hsl(201.03092784, 57.90598291%, 92.5%);--color-info-muted-150: hsl(201.03092784, 57.90598291%, 87.5%);--color-info-muted-200: hsl(201.03092784, 57.90598291%, 82.5%);--color-info-muted-250: hsl(201.03092784, 57.90598291%, 77.5%);--color-info-muted-300: hsl(201.03092784, 57.90598291%, 72.5%);--color-info-muted-350: hsl(201.03092784, 57.90598291%, 67.5%);--color-info-muted-400: hsl(201.03092784, 57.90598291%, 62.5%);--color-info-muted-450: hsl(201.03092784, 57.90598291%, 57.5%);--color-info-muted-500: hsl(201.03092784, 57.90598291%, 52.5%);--color-info-muted-550: hsl(201.03092784, 57.90598291%, 47.5%);--color-info-muted-600: hsl(201.03092784, 57.90598291%, 42.5%);--color-info-muted-650: hsl(201.03092784, 57.90598291%, 37.5%);--color-info-muted-700: hsl(201.03092784, 57.90598291%, 32.5%);--color-info-muted-750: hsl(201.03092784, 57.90598291%, 27.5%);--color-info-muted-800: hsl(201.03092784, 57.90598291%, 22.5%);--color-info-muted-850: hsl(201.03092784, 57.90598291%, 17.5%);--color-info-muted-900: hsl(201.03092784, 57.90598291%, 12.5%);--color-info-muted-950: hsl(201.03092784, 57.90598291%, 7.5%);--color-info-muted-1000: hsl(201.03092784, 57.90598291%, 2.5%)}:root{color-scheme:initial;--size: 32px;--size-sm: 24px;--size-xs: 16px;--spacing-3xl: 36px;--spacing-2xl: 32px;--spacing-xl: 28px;--spacing-lg: 24px;--spacing: 20px;--spacing-sm: 16px;--spacing-xs: 12px;--spacing-2xs: 8px;--spacing-3xs: 4px;--padding-input-x: 12px;--padding-input-y: 6.5px;--padding-input: var(--padding-input-y) var(--padding-input-x);--padding-input-small-x: 7px;--padding-input-small-y: 3.5px;--padding-input-small: var(--padding-input-small-y) var(--padding-input-small-x);--border-radius: 4px;--color-text: rgba(0, 0, 0, .87);--color-text-muted: #7d7b7a;--color-text-faint: #acabab;--color-text-error: hsl(0, 40%, 50%);--color-text-warning: var(--color-warning-700);--color-text-success: hsl(120, 40%, 50%);--color-text-info: hsl(201.03092784, 40%, 50%);--color-text-primary: #eb6429;--color-text-primary-hover: #ce4c13;--color-text-primary-active: #9f3b0f;--color-text-placeholder: rgba(0, 0, 0, .3);--color-background: #f5f7f9;--color-background-raised: white;--color-background-disabled: rgba(0, 0, 0, .025);--color-background-info: hsl(201.03092784, 40%, 90%);--color-background-error: hsl(0, 40%, 90%);--color-background-success: hsl(120, 40%, 90%);--color-background-warning: var(--color-warning-100);--color-background-primary: #eb6429;--color-background-input: white;--color-background-listitem-active: #fff0e4;--color-background-listitem-hover: #f5f7f9;--color-background-menuitem-active: #edf1f4;--color-background-menuitem-hover: #f5f7f9;--color-background-menuitem-activehover: #e5eaef;--color-border: #ddd;--color-border-checkbox: var(--color-neutral-300);--color-border-hover: var(--color-neutral-400);--color-border-focus: var(--color-info-muted-500);--color-border-error: var(--color-error-muted-300);--color-border-error-hover: var(--color-error-muted-400);--color-border-warning: var(--color-warning-muted-300);--color-border-warning-hover: var(--color-warning-muted-400);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .25)}html[data-theme=dark]{color-scheme:dark;--color-text: var(--color-neutral-200);--color-text-muted: var(--color-neutral-400);--color-text-faint: var(--color-neutral-600);--color-text-primary: var(--color-primary-muted-450);--color-text-primary-active: var(--color-primary-muted-350);--color-text-primary-hover: var(--color-primary-muted-400);--color-text-error: var(--color-error-muted-300);--color-text-info: var(--color-info-muted-300);--color-text-success: var(--color-success-muted-300);--color-text-warning: var(--color-warning-muted-300);--color-text-placeholder: rgba(255, 255, 255, .3);--color-background: var(--color-neutral-900);--color-background-raised: var(--color-neutral-800);--color-background-disabled: rgba(0, 0, 0, .2);--color-background-error: var(--color-error-muted-700);--color-background-info: var(--color-info-muted-700);--color-background-success: var(--color-success-muted-700);--color-background-warning: var(--color-warning-muted-700);--color-background-primary: var(--color-primary-muted-500);--color-background-input: var(--color-neutral-750);--color-background-listitem-active: var(--color-primary-muted-750);--color-background-listitem-hover: var(--color-neutral-750);--color-background-menuitem-active: var(--color-neutral-650);--color-background-menuitem-hover: var(--color-neutral-700);--color-background-menuitem-activehover: var(--color-neutral-600);--color-border: var(--color-neutral-1000);--color-border-checkbox: var(--color-neutral-1000);--color-border-hover: var(--color-neutral-500);--color-border-focus: var(--color-info-500);--color-border-error: var(--color-neutral-1000);--color-border-warning: var(--color-neutral-1000);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .5)}._inputInTable_tc8hx_341{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_tc8hx_341:not(:hover){border-color:transparent}._inputHover_tc8hx_350{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_tc8hx_355{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_tc8hx_362,._inputWarning_tc8hx_363{position:relative}._inputError_tc8hx_362{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_tc8hx_362:hover{border-color:var(--color-border-error-hover)!important}._inputError_tc8hx_362:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_tc8hx_363{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_tc8hx_363:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_tc8hx_363:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_tc8hx_398{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted)}._hideScrollbars_tc8hx_403{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_tc8hx_403::-webkit-scrollbar{display:none}._input_tc8hx_341{margin:0;outline:0;text-align:left;font-family:Lato,sans-serif;padding:var(--padding-input);background:var(--color-background-input);border:1px solid var(--color-border);color:var(--color-text);border-radius:4px;transition:box-shadow .1s ease,border-color .1s ease;box-shadow:none;height:var(--size);width:100%;font-weight:400;font-style:normal;position:relative}._input_tc8hx_341::placeholder{color:var(--color-text-placeholder)}._input_tc8hx_341._isInTable_tc8hx_434{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._input_tc8hx_341._isInTable_tc8hx_434:not(:hover){border-color:transparent}._input_tc8hx_341:hover{position:relative;border-color:var(--color-border-hover);z-index:2}._input_tc8hx_341:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._input_tc8hx_341._small_tc8hx_455{font-size:12px;height:var(--size-sm);padding:0 var(--padding-input-small-x);line-height:var(--size-sm)}._input_tc8hx_341._error_tc8hx_461{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._input_tc8hx_341._error_tc8hx_461:hover{border-color:var(--color-border-error-hover)!important}._input_tc8hx_341._error_tc8hx_461:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._input_tc8hx_341._warning_tc8hx_478{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._input_tc8hx_341._warning_tc8hx_478:hover{border-color:var(--color-border-warning-hover)!important}._input_tc8hx_341._warning_tc8hx_478:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._input_tc8hx_341[disabled]{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted)}._input_tc8hx_341._right_tc8hx_500{text-align:right}._groupOrderFirst_tc8hx_503,._groupOrderMiddle_tc8hx_504,._groupOrderLast_tc8hx_505{flex:1}._groupOrderFirst_tc8hx_503 ._input_tc8hx_341,._groupOrderMiddle_tc8hx_504 ._input_tc8hx_341{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_tc8hx_505 ._input_tc8hx_341,._groupOrderMiddle_tc8hx_504 ._input_tc8hx_341{border-top-left-radius:0!important;border-bottom-left-radius:0!important}

package/dist/assets/input.c3176058.js

@@ -0,0 +1 @@
+import{j as n}from"./jsx-runtime.bc0b5389.js";import{r as o}from"./index.8c7046c4.js";import{c as N}from"./index.55214191.js";import{T as C}from"./tooltip.47b8435e.js";import{i as l}from"./types.f0417c6d.js";import{D as L}from"./disabled-context.47d44ea4.js";const M="_inputInTable_tc8hx_341",W="_inputHover_tc8hx_350",j="_inputFocus_tc8hx_355",D="_inputError_tc8hx_362",R="_inputWarning_tc8hx_363",S="_inputDisabled_tc8hx_398",K="_hideScrollbars_tc8hx_403",$="_input_tc8hx_341",z="_isInTable_tc8hx_434",B="_small_tc8hx_455",P="_error_tc8hx_461",k="_warning_tc8hx_478",A="_right_tc8hx_500",G="_groupOrderFirst_tc8hx_503",J="_groupOrderMiddle_tc8hx_504",Q="_groupOrderLast_tc8hx_505",t={inputInTable:M,inputHover:W,inputFocus:j,inputError:D,inputWarning:R,inputDisabled:S,hideScrollbars:K,input:$,isInTable:z,small:B,error:P,warning:k,right:A,groupOrderFirst:G,groupOrderMiddle:J,groupOrderLast:Q},p=e=>`calc((${e} * 0.675em) + (2 * 15px))`,c=o.exports.forwardRef(({error:e=null,tooltip:r=null,isInTable:i,width:m=void 0,small:f=!1,onChange:_=()=>{},placeholder:h="",value:g="",onKeyPress:x=()=>{},onFocus:y=()=>{},onBlur:b=()=>{},name:v=void 0,type:I="text",tabIndex:q=0,disabled:V=!1,right:O=!1,warning:a=null,groupOrder:s=null,maxTooltipWidth:T=void 0,testId:w=void 0,size:u=null},E)=>{const F=o.exports.useContext(L),H=(()=>{if(s)switch(s){case"first":return t.groupOrderFirst;case"last":return t.groupOrderLast;default:return t.groupOrderMiddle}return""})(),d=m||(u?"auto":"100%");return n.exports.jsx("div",{style:{width:d},className:H,children:n.exports.jsx(C,{error:!!e,warning:!!a,text:r||e||a,enabled:r&&l(r)||e&&l(e)||a&&l(a)||!1,maxWidth:T,display:"block",placement:"bottom-center",children:n.exports.jsx("input",{ref:E,type:I||"text",size:u||20,placeholder:h,value:g,onChange:_,onKeyPress:x,onFocus:y,onBlur:b,name:v,tabIndex:q,autoComplete:"off",disabled:V||F,className:N(t.input,e?t.error:a?t.warning:"",O?t.right:"",f?t.small:"",i?t.isInTable:""),style:{width:d},"data-testid":w})})})});try{p.displayName="widthOfCharacters",p.__docgenInfo={description:"",displayName:"widthOfCharacters",props:{}}}catch{}try{c.displayName="Input",c.__docgenInfo={description:"",displayName:"Input",props:{error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"ReactNode"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"ReactNode"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"ReactNode"}},name:{defaultValue:{value:"undefined"},description:"",name:"name",required:!1,type:{name:"string"}},type:{defaultValue:{value:"text"},description:"",name:"type",required:!1,type:{name:"string"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"ChangeEventHandler<HTMLInputElement>"}},onKeyPress:{defaultValue:{value:"() => {}"},description:"",name:"onKeyPress",required:!1,type:{name:"KeyboardEventHandler<HTMLInputElement>"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLInputElement>"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<HTMLInputElement>"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"string | number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},right:{defaultValue:{value:"false"},description:"",name:"right",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:{value:"null"},description:"",name:"groupOrder",required:!1,type:{name:"string"}},maxTooltipWidth:{defaultValue:{value:"undefined"},description:"",name:"maxTooltipWidth",required:!1,type:{name:"string | number"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string | number"}},testId:{defaultValue:{value:"undefined"},description:"",name:"testId",required:!1,type:{name:"string"}},size:{defaultValue:{value:"null"},description:"",name:"size",required:!1,type:{name:"number"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}}}}}catch{}export{c as I};

package/dist/assets/input.stories.478a5078.js

@@ -0,0 +1,17 @@
+import{j as i}from"./jsx-runtime.bc0b5389.js";import{I as u}from"./input.c3176058.js";import"./index.8c7046c4.js";import"./index.55214191.js";import"./tooltip.47b8435e.js";import"./index.cb615f32.js";import"./types.f0417c6d.js";import"./lodash.96de7017.js";import"./disabled-context.47d44ea4.js";const{useArgs:h}=__STORYBOOK_MODULE_ADDONS__,S={title:"Forms/Input",component:u,args:{disabled:!1,small:!1,placeholder:"Placeholder"}},l=g=>{const[v,c]=h(),m=d=>{c({value:d.target.value})};return i.exports.jsx(u,{...g,onChange:m})},t=l.bind({}),e=l.bind({});e.args={type:"date",value:"2020-01-01"};var a,n,r;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <Input {...args} onChange={handleChange} />;
+}`,...(r=(n=t.parameters)==null?void 0:n.docs)==null?void 0:r.source}}};var s,o,p;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    updateArgs({
+      value: evt.target.value
+    });
+  };
+  return <Input {...args} onChange={handleChange} />;
+}`,...(p=(o=e.parameters)==null?void 0:o.docs)==null?void 0:p.source}}};const T=["Default","Date"];export{e as Date,t as Default,T as __namedExportsOrder,S as default};

package/dist/assets/inputs.bfbe6c45.js

@@ -0,0 +1,62 @@
+import{j as e}from"./jsx-runtime.bc0b5389.js";import{M as i,b as o}from"./index.26a3f852.js";import{Default as p}from"./button.stories.6e26de2a.js";import{Default as l}from"./check-box.stories.57dad348.js";import{Default as a}from"./file-input.stories.c6f928e4.js";import{Default as c,Date as d}from"./input.stories.478a5078.js";import{Default as x}from"./number-input.stories.eb42243a.js";import{Default as h}from"./option-dropdown.stories.964a6723.js";import{Default as u}from"./radio-button.stories.c66de8c8.js";import{Native as m,Default as f}from"./select.stories.8ecd1d7e.js";import{Default as j}from"./slider.stories.dac4ae4e.js";import{Default as b}from"./textarea.stories.2b56ca62.js";import{Default as g}from"./toggle.stories.091d9048.js";import{u as n}from"./index.24227caa.js";import"./index.8c7046c4.js";import"./iframe.fefb1d39.js";import"../sb-preview/runtime.js";import"./index.cb615f32.js";import"./extends.946277fc.js";import"./assertThisInitialized.962dde02.js";import"./inheritsLoose.5387fada.js";import"./index.b8646d95.js";import"./flex.f0bedd04.js";import"./button.4d73be0d.js";import"./index.55214191.js";import"./spinner.f0fdc45e.js";import"./disabled-context.47d44ea4.js";import"./icon.86155bc3.js";import"./index.73b4811b.js";import"./tooltip.47b8435e.js";import"./common-enum.04de2059.js";import"./check-box.fe165636.js";import"./help-icon.8deae1d5.js";import"./input-group.655922b4.js";import"./input.c3176058.js";import"./types.f0417c6d.js";import"./lodash.96de7017.js";import"./spacer.17f9f9e6.js";import"./message.65e5823f.js";import"./textarea.61ee0223.js";import"./number-input.9aea4872.js";import"./index.cb879655.js";import"./input-group-addon.d746d2dd.js";import"./select.0c940187.js";import"./memoize-one.esm.7a54f149.js";import"./text.3e08313f.js";import"./actions.310c4239.js";import"./enum.9003e5cc.js";import"./badge.c60b26e4.js";import"./select.input.395daa83.js";import"./divider.370893dc.js";import"./radio-button.581bf0f0.js";import"./slider.295b80b6.js";import"./objectSpread2.62d3bde3.js";import"./index.eeb00e59.js";import"./toggle.ba9d43b4.js";function r(s){const t=Object.assign({h1:"h1",p:"p",h2:"h2",strong:"strong",ul:"ul",li:"li",code:"code",h3:"h3",a:"a"},n(),s.components);return e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(i,{title:"Inputs"}),`
+`,e.exports.jsx(t.h1,{id:"inputs",children:"Inputs"}),`
+`,e.exports.jsx(t.p,{children:"React UI Library provides a comprehensive set of user input components."}),`
+`,e.exports.jsx(t.h2,{id:"button",children:"Button"}),`
+`,e.exports.jsx(t.p,{children:"Use buttons when users need to invoke actions."}),`
+`,e.exports.jsx(o,{of:p}),`
+`,e.exports.jsx(t.p,{children:e.exports.jsx(t.strong,{children:"Guidelines"})}),`
+`,e.exports.jsxs(t.ul,{children:[`
+`,e.exports.jsx(t.li,{children:"only the primary button on a page or view should normally be colored"}),`
+`,e.exports.jsx(t.li,{children:"all other buttons should use the default style (try to limit using different variants and colors of buttons)"}),`
+`,e.exports.jsx(t.li,{children:"for serious actions (e.g. permanently deleting records), use a red button"}),`
+`]}),`
+`,e.exports.jsx(t.h2,{id:"input",children:"Input"}),`
+`,e.exports.jsxs(t.p,{children:["Use an ",e.exports.jsx(t.code,{children:"Input"})," when users need to enter or edit single-line values."]}),`
+`,e.exports.jsx(o,{of:c}),`
+`,e.exports.jsx(t.h3,{id:"number-input",children:"Number Input"}),`
+`,e.exports.jsx(o,{of:x}),`
+`,e.exports.jsx(t.h3,{id:"date-input",children:"Date Input"}),`
+`,e.exports.jsx(o,{of:d}),`
+`,e.exports.jsx(t.h2,{id:"textarea",children:"TextArea"}),`
+`,e.exports.jsxs(t.p,{children:["Use a ",e.exports.jsx(t.code,{children:"TextArea"})," when users need to enter or edit multiline text."]}),`
+`,e.exports.jsx(o,{of:b}),`
+`,e.exports.jsx(t.h2,{id:"select",children:"Select"}),`
+`,e.exports.jsxs(t.p,{children:["Use a ",e.exports.jsx(t.code,{children:"Select"})," component when users need to choose from one or more values from a longer list of options (> 6 options)."]}),`
+`,e.exports.jsxs(t.p,{children:["React UI Library provides two different ",e.exports.jsx(t.code,{children:"Select"})," components, through one unified interface."]}),`
+`,e.exports.jsx(t.h3,{id:"native-select",children:"Native Select"}),`
+`,e.exports.jsxs(t.p,{children:["Native ",e.exports.jsx(t.code,{children:"Select"})," is a styled native browser ",e.exports.jsx(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select",target:"_blank",rel:"nofollow noopener noreferrer",children:"select input"}),`.
+You enable it via the `,e.exports.jsx(t.code,{children:"native"}),` prop. It's most useful for simple situations. Its advantages come from the browser
+handling dropdown positioning, performance, and accessibility. Its drawbacks are limited features and styling
+possibilities. A native `,e.exports.jsx(t.code,{children:"Select"})," looks like this:"]}),`
+`,e.exports.jsx(o,{of:m}),`
+`,e.exports.jsx(t.h3,{id:"custom-select",children:"Custom Select"}),`
+`,e.exports.jsxs(t.p,{children:["Custom ",e.exports.jsx(t.code,{children:"Select"}),` is a full implementation of a select component as a custom React component. It covers many additional
+features not offered by native select inputs, such as filtering and multi-select. Its drawbacks are that positioning and
+accessibility are not handled out-the-box by the browser, requiring custom code internally within the component. The
+custom `,e.exports.jsx(t.code,{children:"Select"})," in GUI Library uses ",e.exports.jsx(t.a,{href:"https://www.react-laag.com/",target:"_blank",rel:"nofollow noopener noreferrer",children:"react-laag"})," as a positioning engine."]}),`
+`,e.exports.jsx(o,{of:f}),`
+`,e.exports.jsx(t.h2,{id:"radiobutton",children:"RadioButton"}),`
+`,e.exports.jsxs(t.p,{children:["Use a ",e.exports.jsx(t.code,{children:"RadioButton"}),` group when users need to choose a single value from a short list of options (< 6 options). They are
+suitable for related but mutually exclusive choices.`]}),`
+`,e.exports.jsx(o,{of:u}),`
+`,e.exports.jsx(t.h2,{id:"checkbox",children:"CheckBox"}),`
+`,e.exports.jsxs(t.p,{children:["Use a ",e.exports.jsx(t.code,{children:"CheckBox"}),` when users need to select between opposite states (switching a binary value on or off). A CheckBox
+should have a label prop which makes the opposite states clear.`]}),`
+`,e.exports.jsx(o,{of:l}),`
+`,e.exports.jsx(t.p,{children:`You can also use a group of checkboxes when users need to select multiple values from a short list of options
+(< 6 options).`}),`
+`,e.exports.jsx(t.h2,{id:"optiondropdown",children:"OptionDropdown"}),`
+`,e.exports.jsxs(t.p,{children:["For a larger number of ",e.exports.jsx(t.code,{children:"CheckBox"})," options and where space is limited, there's a convenience component called ",e.exports.jsx(t.code,{children:"OptionDropdown"}),`,
+which allows selecting a multiple values, by presenting them in a dropdown, with an easy way to select all or clear.`]}),`
+`,e.exports.jsx(o,{of:h}),`
+`,e.exports.jsx(t.h2,{id:"toggle",children:"Toggle"}),`
+`,e.exports.jsxs(t.p,{children:["A ",e.exports.jsx(t.code,{children:"Toggle"})," is just an alternative variant to a ",e.exports.jsx(t.code,{children:"CheckBox"})," and has the same use-case (switching a binary value on or off)."]}),`
+`,e.exports.jsx(o,{of:g}),`
+`,e.exports.jsx(t.h2,{id:"slider",children:"Slider"}),`
+`,e.exports.jsxs(t.p,{children:["A ",e.exports.jsx(t.code,{children:"Slider"}),` helps a user to select a numerical value between two endpoints. It can be more convenient than typing values,
+particularly on touch devices.`]}),`
+`,e.exports.jsxs(t.p,{children:["A ",e.exports.jsx(t.code,{children:"Slider"})," can also be used to set a range of values (start and end points)."]}),`
+`,e.exports.jsx(o,{of:j}),`
+`,e.exports.jsx(t.h2,{id:"file-input",children:"File Input"}),`
+`,e.exports.jsxs(t.p,{children:["Use a ",e.exports.jsx(t.code,{children:"FileInput"})," when a user needs to upload a file. The ",e.exports.jsx(t.code,{children:"accept"})," prop allows you to restrict the accepted file types."]}),`
+`,e.exports.jsx(o,{of:a})]})}function ye(s={}){const{wrapper:t}=Object.assign({},n(),s.components);return t?e.exports.jsx(t,Object.assign({},s,{children:e.exports.jsx(r,s)})):r(s)}export{ye as default};

package/dist/assets/jsx-runtime.bc0b5389.js

@@ -0,0 +1,8 @@
+import{r as u}from"./index.8c7046c4.js";var m={exports:{}},t={};/** @license React v17.0.2
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var y=u.exports,i=60103;t.Fragment=60107;if(typeof Symbol=="function"&&Symbol.for){var s=Symbol.for;i=s("react.element"),t.Fragment=s("react.fragment")}var a=y.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,v={key:!0,ref:!0,__self:!0,__source:!0};function l(o,r,p){var e,n={},f=null,_=null;p!==void 0&&(f=""+p),r.key!==void 0&&(f=""+r.key),r.ref!==void 0&&(_=r.ref);for(e in r)c.call(r,e)&&!v.hasOwnProperty(e)&&(n[e]=r[e]);if(o&&o.defaultProps)for(e in r=o.defaultProps,r)n[e]===void 0&&(n[e]=r[e]);return{$$typeof:i,type:o,key:f,ref:_,props:n,_owner:a.current}}t.jsx=l;t.jsxs=l;(function(o){o.exports=t})(m);export{m as j};

package/dist/assets/label.71b4dc9a.js

@@ -0,0 +1,7 @@
+import{j as t}from"./jsx-runtime.bc0b5389.js";import{c as x}from"./index.55214191.js";import{H as a}from"./help-icon.8deae1d5.js";import{I as n}from"./common-enum.04de2059.js";const v="_label_12snn_341",b="_labelLeft_12snn_345",L="_icons_12snn_353",i={label:v,labelLeft:b,icons:L},u=({label:s=null,width:c="auto",helpText:o="",helpTextMaxWidth:f="300px",onClickHelp:d=void 0,lock:e={visible:!1,active:!1,onClick:()=>{},tooltip:"",testId:void 0},info:r,libraryIcon:l,labelLeft:m=!1})=>{var p;return t.exports.jsx("div",{className:x(i.label,m?i.labelLeft:""),children:t.exports.jsxs("label",{style:{width:c||""},children:[s,t.exports.jsxs("div",{className:i.icons,children:[(o||d)&&t.exports.jsx(a,{text:o,onClick:d,maxWidth:f}),r&&t.exports.jsx(a,{text:r,icon:n.INFO}),e&&e.visible&&e.onClick&&t.exports.jsx(a,{onClick:e.onClick,icon:e.active?n.LOCK:n.UNLOCK,active:e.active,testId:e.testId}),l&&t.exports.jsx(a,{text:(p=l==null?void 0:l.tooltip)!=null?p:"",onClick:l.onClick,icon:n.LIBRARY})]})]})})};try{u.displayName="Label",u.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:{value:"null"},description:"",name:"label",required:!1,type:{name:"ReactNode"}},helpText:{defaultValue:{value:""},description:"",name:"helpText",required:!1,type:{name:"ReactNode"}},helpTextMaxWidth:{defaultValue:{value:"300px"},description:"",name:"helpTextMaxWidth",required:!1,type:{name:"string | number"}},width:{defaultValue:{value:"auto"},description:"",name:"width",required:!1,type:{name:"string | number"}},info:{defaultValue:null,description:"",name:"info",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:{value:"undefined"},description:"",name:"onClickHelp",required:!1,type:{name:"((event?: MouseEvent<HTMLDivElement, MouseEvent>) => void)"}},lock:{defaultValue:{value:`{
+    visible: false,
+    active: false,
+    onClick: () => {},
+    tooltip: '',
+    testId: undefined,
+  }`},description:"",name:"lock",required:!1,type:{name:"ILabelLockProps"}},libraryIcon:{defaultValue:null,description:"",name:"libraryIcon",required:!1,type:{name:"ILabelIcon"}},labelLeft:{defaultValue:{value:"false"},description:"",name:"labelLeft",required:!1,type:{name:"boolean"}}}}}catch{}export{u as L};

package/dist/assets/label.858be3a9.css

@@ -0,0 +1 @@
+:root{--color-primary-0: hsl(0, 0%, 100%);--color-primary-50: hsl(18.24742268, 82.90598291%, 97.5%);--color-primary-100: hsl(18.24742268, 82.90598291%, 92.5%);--color-primary-150: hsl(18.24742268, 82.90598291%, 87.5%);--color-primary-200: hsl(18.24742268, 82.90598291%, 82.5%);--color-primary-250: hsl(18.24742268, 82.90598291%, 77.5%);--color-primary-300: hsl(18.24742268, 82.90598291%, 72.5%);--color-primary-350: hsl(18.24742268, 82.90598291%, 67.5%);--color-primary-400: hsl(18.24742268, 82.90598291%, 62.5%);--color-primary-450: hsl(18.24742268, 82.90598291%, 57.5%);--color-primary-500: hsl(18.24742268, 82.90598291%, 52.5%);--color-primary-550: hsl(18.24742268, 82.90598291%, 47.5%);--color-primary-600: hsl(18.24742268, 82.90598291%, 42.5%);--color-primary-650: hsl(18.24742268, 82.90598291%, 37.5%);--color-primary-700: hsl(18.24742268, 82.90598291%, 32.5%);--color-primary-750: hsl(18.24742268, 82.90598291%, 27.5%);--color-primary-800: hsl(18.24742268, 82.90598291%, 22.5%);--color-primary-850: hsl(18.24742268, 82.90598291%, 17.5%);--color-primary-900: hsl(18.24742268, 82.90598291%, 12.5%);--color-primary-950: hsl(18.24742268, 82.90598291%, 7.5%);--color-primary-1000: hsl(18.24742268, 82.90598291%, 2.5%);--color-error-0: hsl(180, 100%, 100%);--color-error-50: hsl(0, 71.29186603%, 97.5%);--color-error-100: hsl(0, 71.29186603%, 92.5%);--color-error-150: hsl(0, 71.29186603%, 87.5%);--color-error-200: hsl(0, 71.29186603%, 82.5%);--color-error-250: hsl(0, 71.29186603%, 77.5%);--color-error-300: hsl(0, 71.29186603%, 72.5%);--color-error-350: hsl(0, 71.29186603%, 67.5%);--color-error-400: hsl(0, 71.29186603%, 62.5%);--color-error-450: hsl(0, 71.29186603%, 57.5%);--color-error-500: hsl(0, 71.29186603%, 52.5%);--color-error-550: hsl(0, 71.29186603%, 47.5%);--color-error-600: hsl(0, 71.29186603%, 42.5%);--color-error-650: hsl(0, 71.29186603%, 37.5%);--color-error-700: hsl(0, 71.29186603%, 32.5%);--color-error-750: hsl(0, 71.29186603%, 27.5%);--color-error-800: hsl(0, 71.29186603%, 22.5%);--color-error-850: hsl(0, 71.29186603%, 17.5%);--color-error-900: hsl(0, 71.29186603%, 12.5%);--color-error-950: hsl(0, 71.29186603%, 7.5%);--color-error-1000: hsl(0, 71.29186603%, 2.5%);--color-success-0: hsl(0, 0%, 100%);--color-success-50: hsl(120, 52.03252033%, 97.5%);--color-success-100: hsl(120, 52.03252033%, 92.5%);--color-success-150: hsl(120, 52.03252033%, 87.5%);--color-success-200: hsl(120, 52.03252033%, 82.5%);--color-success-250: hsl(120, 52.03252033%, 77.5%);--color-success-300: hsl(120, 52.03252033%, 72.5%);--color-success-350: hsl(120, 52.03252033%, 67.5%);--color-success-400: hsl(120, 52.03252033%, 62.5%);--color-success-450: hsl(120, 52.03252033%, 57.5%);--color-success-500: hsl(120, 52.03252033%, 52.5%);--color-success-550: hsl(120, 52.03252033%, 47.5%);--color-success-600: hsl(120, 52.03252033%, 42.5%);--color-success-650: hsl(120, 52.03252033%, 37.5%);--color-success-700: hsl(120, 52.03252033%, 32.5%);--color-success-750: hsl(120, 52.03252033%, 27.5%);--color-success-800: hsl(120, 52.03252033%, 22.5%);--color-success-850: hsl(120, 52.03252033%, 17.5%);--color-success-900: hsl(120, 52.03252033%, 12.5%);--color-success-950: hsl(120, 52.03252033%, 7.5%);--color-success-1000: hsl(120, 52.03252033%, 2.5%);--color-warning-0: hsl(240, 100%, 100%);--color-warning-50: hsl(44.9197861, 76.32653061%, 97.5%);--color-warning-100: hsl(44.9197861, 76.32653061%, 92.5%);--color-warning-150: hsl(44.9197861, 76.32653061%, 87.5%);--color-warning-200: hsl(44.9197861, 76.32653061%, 82.5%);--color-warning-250: hsl(44.9197861, 76.32653061%, 77.5%);--color-warning-300: hsl(44.9197861, 76.32653061%, 72.5%);--color-warning-350: hsl(44.9197861, 76.32653061%, 67.5%);--color-warning-400: hsl(44.9197861, 76.32653061%, 62.5%);--color-warning-450: hsl(44.9197861, 76.32653061%, 57.5%);--color-warning-500: hsl(44.9197861, 76.32653061%, 52.5%);--color-warning-550: hsl(44.9197861, 76.32653061%, 47.5%);--color-warning-600: hsl(44.9197861, 76.32653061%, 42.5%);--color-warning-650: hsl(44.9197861, 76.32653061%, 37.5%);--color-warning-700: hsl(44.9197861, 76.32653061%, 32.5%);--color-warning-750: hsl(44.9197861, 76.32653061%, 27.5%);--color-warning-800: hsl(44.9197861, 76.32653061%, 22.5%);--color-warning-850: hsl(44.9197861, 76.32653061%, 17.5%);--color-warning-900: hsl(44.9197861, 76.32653061%, 12.5%);--color-warning-950: hsl(44.9197861, 76.32653061%, 7.5%);--color-warning-1000: hsl(44.9197861, 76.32653061%, 2.5%);--color-info-0: hsl(0, 0%, 100%);--color-info-50: hsl(201.03092784, 82.90598291%, 97.5%);--color-info-100: hsl(201.03092784, 82.90598291%, 92.5%);--color-info-150: hsl(201.03092784, 82.90598291%, 87.5%);--color-info-200: hsl(201.03092784, 82.90598291%, 82.5%);--color-info-250: hsl(201.03092784, 82.90598291%, 77.5%);--color-info-300: hsl(201.03092784, 82.90598291%, 72.5%);--color-info-350: hsl(201.03092784, 82.90598291%, 67.5%);--color-info-400: hsl(201.03092784, 82.90598291%, 62.5%);--color-info-450: hsl(201.03092784, 82.90598291%, 57.5%);--color-info-500: hsl(201.03092784, 82.90598291%, 52.5%);--color-info-550: hsl(201.03092784, 82.90598291%, 47.5%);--color-info-600: hsl(201.03092784, 82.90598291%, 42.5%);--color-info-650: hsl(201.03092784, 82.90598291%, 37.5%);--color-info-700: hsl(201.03092784, 82.90598291%, 32.5%);--color-info-750: hsl(201.03092784, 82.90598291%, 27.5%);--color-info-800: hsl(201.03092784, 82.90598291%, 22.5%);--color-info-850: hsl(201.03092784, 82.90598291%, 17.5%);--color-info-900: hsl(201.03092784, 82.90598291%, 12.5%);--color-info-950: hsl(201.03092784, 82.90598291%, 7.5%);--color-info-1000: hsl(201.03092784, 82.90598291%, 2.5%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-50: hsl(210, 10%, 97.5%);--color-neutral-100: hsl(210, 10%, 92.5%);--color-neutral-150: hsl(210, 10%, 87.5%);--color-neutral-200: hsl(210, 10%, 82.5%);--color-neutral-250: hsl(210, 10%, 77.5%);--color-neutral-300: hsl(210, 10%, 72.5%);--color-neutral-350: hsl(210, 10%, 67.5%);--color-neutral-400: hsl(210, 10%, 62.5%);--color-neutral-450: hsl(210, 10%, 57.5%);--color-neutral-500: hsl(210, 10%, 52.5%);--color-neutral-550: hsl(210, 10%, 47.5%);--color-neutral-600: hsl(210, 10%, 42.5%);--color-neutral-650: hsl(210, 10%, 37.5%);--color-neutral-700: hsl(210, 10%, 32.5%);--color-neutral-750: hsl(210, 10%, 27.5%);--color-neutral-800: hsl(210, 10%, 22.5%);--color-neutral-850: hsl(210, 10%, 17.5%);--color-neutral-900: hsl(210, 10%, 12.5%);--color-neutral-950: hsl(210, 10%, 7.5%);--color-neutral-1000: hsl(210, 10%, 2.5%);--color-primary-muted-0: hsl(0, 0%, 100%);--color-primary-muted-50: hsl(18.24742268, 57.90598291%, 97.5%);--color-primary-muted-100: hsl(18.24742268, 57.90598291%, 92.5%);--color-primary-muted-150: hsl(18.24742268, 57.90598291%, 87.5%);--color-primary-muted-200: hsl(18.24742268, 57.90598291%, 82.5%);--color-primary-muted-250: hsl(18.24742268, 57.90598291%, 77.5%);--color-primary-muted-300: hsl(18.24742268, 57.90598291%, 72.5%);--color-primary-muted-350: hsl(18.24742268, 57.90598291%, 67.5%);--color-primary-muted-400: hsl(18.24742268, 57.90598291%, 62.5%);--color-primary-muted-450: hsl(18.24742268, 57.90598291%, 57.5%);--color-primary-muted-500: hsl(18.24742268, 57.90598291%, 52.5%);--color-primary-muted-550: hsl(18.24742268, 57.90598291%, 47.5%);--color-primary-muted-600: hsl(18.24742268, 57.90598291%, 42.5%);--color-primary-muted-650: hsl(18.24742268, 57.90598291%, 37.5%);--color-primary-muted-700: hsl(18.24742268, 57.90598291%, 32.5%);--color-primary-muted-750: hsl(18.24742268, 57.90598291%, 27.5%);--color-primary-muted-800: hsl(18.24742268, 57.90598291%, 22.5%);--color-primary-muted-850: hsl(18.24742268, 57.90598291%, 17.5%);--color-primary-muted-900: hsl(18.24742268, 57.90598291%, 12.5%);--color-primary-muted-950: hsl(18.24742268, 57.90598291%, 7.5%);--color-primary-muted-1000: hsl(18.24742268, 57.90598291%, 2.5%);--color-error-muted-0: hsl(180, 100%, 100%);--color-error-muted-50: hsl(0, 46.29186603%, 97.5%);--color-error-muted-100: hsl(0, 46.29186603%, 92.5%);--color-error-muted-150: hsl(0, 46.29186603%, 87.5%);--color-error-muted-200: hsl(0, 46.29186603%, 82.5%);--color-error-muted-250: hsl(0, 46.29186603%, 77.5%);--color-error-muted-300: hsl(0, 46.29186603%, 72.5%);--color-error-muted-350: hsl(0, 46.29186603%, 67.5%);--color-error-muted-400: hsl(0, 46.29186603%, 62.5%);--color-error-muted-450: hsl(0, 46.29186603%, 57.5%);--color-error-muted-500: hsl(0, 46.29186603%, 52.5%);--color-error-muted-550: hsl(0, 46.29186603%, 47.5%);--color-error-muted-600: hsl(0, 46.29186603%, 42.5%);--color-error-muted-650: hsl(0, 46.29186603%, 37.5%);--color-error-muted-700: hsl(0, 46.29186603%, 32.5%);--color-error-muted-750: hsl(0, 46.29186603%, 27.5%);--color-error-muted-800: hsl(0, 46.29186603%, 22.5%);--color-error-muted-850: hsl(0, 46.29186603%, 17.5%);--color-error-muted-900: hsl(0, 46.29186603%, 12.5%);--color-error-muted-950: hsl(0, 46.29186603%, 7.5%);--color-error-muted-1000: hsl(0, 46.29186603%, 2.5%);--color-success-muted-0: hsl(0, 0%, 100%);--color-success-muted-50: hsl(120, 27.03252033%, 97.5%);--color-success-muted-100: hsl(120, 27.03252033%, 92.5%);--color-success-muted-150: hsl(120, 27.03252033%, 87.5%);--color-success-muted-200: hsl(120, 27.03252033%, 82.5%);--color-success-muted-250: hsl(120, 27.03252033%, 77.5%);--color-success-muted-300: hsl(120, 27.03252033%, 72.5%);--color-success-muted-350: hsl(120, 27.03252033%, 67.5%);--color-success-muted-400: hsl(120, 27.03252033%, 62.5%);--color-success-muted-450: hsl(120, 27.03252033%, 57.5%);--color-success-muted-500: hsl(120, 27.03252033%, 52.5%);--color-success-muted-550: hsl(120, 27.03252033%, 47.5%);--color-success-muted-600: hsl(120, 27.03252033%, 42.5%);--color-success-muted-650: hsl(120, 27.03252033%, 37.5%);--color-success-muted-700: hsl(120, 27.03252033%, 32.5%);--color-success-muted-750: hsl(120, 27.03252033%, 27.5%);--color-success-muted-800: hsl(120, 27.03252033%, 22.5%);--color-success-muted-850: hsl(120, 27.03252033%, 17.5%);--color-success-muted-900: hsl(120, 27.03252033%, 12.5%);--color-success-muted-950: hsl(120, 27.03252033%, 7.5%);--color-success-muted-1000: hsl(120, 27.03252033%, 2.5%);--color-warning-muted-0: hsl(240, 100%, 100%);--color-warning-muted-50: hsl(44.9197861, 51.32653061%, 97.5%);--color-warning-muted-100: hsl(44.9197861, 51.32653061%, 92.5%);--color-warning-muted-150: hsl(44.9197861, 51.32653061%, 87.5%);--color-warning-muted-200: hsl(44.9197861, 51.32653061%, 82.5%);--color-warning-muted-250: hsl(44.9197861, 51.32653061%, 77.5%);--color-warning-muted-300: hsl(44.9197861, 51.32653061%, 72.5%);--color-warning-muted-350: hsl(44.9197861, 51.32653061%, 67.5%);--color-warning-muted-400: hsl(44.9197861, 51.32653061%, 62.5%);--color-warning-muted-450: hsl(44.9197861, 51.32653061%, 57.5%);--color-warning-muted-500: hsl(44.9197861, 51.32653061%, 52.5%);--color-warning-muted-550: hsl(44.9197861, 51.32653061%, 47.5%);--color-warning-muted-600: hsl(44.9197861, 51.32653061%, 42.5%);--color-warning-muted-650: hsl(44.9197861, 51.32653061%, 37.5%);--color-warning-muted-700: hsl(44.9197861, 51.32653061%, 32.5%);--color-warning-muted-750: hsl(44.9197861, 51.32653061%, 27.5%);--color-warning-muted-800: hsl(44.9197861, 51.32653061%, 22.5%);--color-warning-muted-850: hsl(44.9197861, 51.32653061%, 17.5%);--color-warning-muted-900: hsl(44.9197861, 51.32653061%, 12.5%);--color-warning-muted-950: hsl(44.9197861, 51.32653061%, 7.5%);--color-warning-muted-1000: hsl(44.9197861, 51.32653061%, 2.5%);--color-info-muted-0: hsl(0, 0%, 100%);--color-info-muted-50: hsl(201.03092784, 57.90598291%, 97.5%);--color-info-muted-100: hsl(201.03092784, 57.90598291%, 92.5%);--color-info-muted-150: hsl(201.03092784, 57.90598291%, 87.5%);--color-info-muted-200: hsl(201.03092784, 57.90598291%, 82.5%);--color-info-muted-250: hsl(201.03092784, 57.90598291%, 77.5%);--color-info-muted-300: hsl(201.03092784, 57.90598291%, 72.5%);--color-info-muted-350: hsl(201.03092784, 57.90598291%, 67.5%);--color-info-muted-400: hsl(201.03092784, 57.90598291%, 62.5%);--color-info-muted-450: hsl(201.03092784, 57.90598291%, 57.5%);--color-info-muted-500: hsl(201.03092784, 57.90598291%, 52.5%);--color-info-muted-550: hsl(201.03092784, 57.90598291%, 47.5%);--color-info-muted-600: hsl(201.03092784, 57.90598291%, 42.5%);--color-info-muted-650: hsl(201.03092784, 57.90598291%, 37.5%);--color-info-muted-700: hsl(201.03092784, 57.90598291%, 32.5%);--color-info-muted-750: hsl(201.03092784, 57.90598291%, 27.5%);--color-info-muted-800: hsl(201.03092784, 57.90598291%, 22.5%);--color-info-muted-850: hsl(201.03092784, 57.90598291%, 17.5%);--color-info-muted-900: hsl(201.03092784, 57.90598291%, 12.5%);--color-info-muted-950: hsl(201.03092784, 57.90598291%, 7.5%);--color-info-muted-1000: hsl(201.03092784, 57.90598291%, 2.5%)}:root{color-scheme:initial;--size: 32px;--size-sm: 24px;--size-xs: 16px;--spacing-3xl: 36px;--spacing-2xl: 32px;--spacing-xl: 28px;--spacing-lg: 24px;--spacing: 20px;--spacing-sm: 16px;--spacing-xs: 12px;--spacing-2xs: 8px;--spacing-3xs: 4px;--padding-input-x: 12px;--padding-input-y: 6.5px;--padding-input: var(--padding-input-y) var(--padding-input-x);--padding-input-small-x: 7px;--padding-input-small-y: 3.5px;--padding-input-small: var(--padding-input-small-y) var(--padding-input-small-x);--border-radius: 4px;--color-text: rgba(0, 0, 0, .87);--color-text-muted: #7d7b7a;--color-text-faint: #acabab;--color-text-error: hsl(0, 40%, 50%);--color-text-warning: var(--color-warning-700);--color-text-success: hsl(120, 40%, 50%);--color-text-info: hsl(201.03092784, 40%, 50%);--color-text-primary: #eb6429;--color-text-primary-hover: #ce4c13;--color-text-primary-active: #9f3b0f;--color-text-placeholder: rgba(0, 0, 0, .3);--color-background: #f5f7f9;--color-background-raised: white;--color-background-disabled: rgba(0, 0, 0, .025);--color-background-info: hsl(201.03092784, 40%, 90%);--color-background-error: hsl(0, 40%, 90%);--color-background-success: hsl(120, 40%, 90%);--color-background-warning: var(--color-warning-100);--color-background-primary: #eb6429;--color-background-input: white;--color-background-listitem-active: #fff0e4;--color-background-listitem-hover: #f5f7f9;--color-background-menuitem-active: #edf1f4;--color-background-menuitem-hover: #f5f7f9;--color-background-menuitem-activehover: #e5eaef;--color-border: #ddd;--color-border-checkbox: var(--color-neutral-300);--color-border-hover: var(--color-neutral-400);--color-border-focus: var(--color-info-muted-500);--color-border-error: var(--color-error-muted-300);--color-border-error-hover: var(--color-error-muted-400);--color-border-warning: var(--color-warning-muted-300);--color-border-warning-hover: var(--color-warning-muted-400);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .25)}html[data-theme=dark]{color-scheme:dark;--color-text: var(--color-neutral-200);--color-text-muted: var(--color-neutral-400);--color-text-faint: var(--color-neutral-600);--color-text-primary: var(--color-primary-muted-450);--color-text-primary-active: var(--color-primary-muted-350);--color-text-primary-hover: var(--color-primary-muted-400);--color-text-error: var(--color-error-muted-300);--color-text-info: var(--color-info-muted-300);--color-text-success: var(--color-success-muted-300);--color-text-warning: var(--color-warning-muted-300);--color-text-placeholder: rgba(255, 255, 255, .3);--color-background: var(--color-neutral-900);--color-background-raised: var(--color-neutral-800);--color-background-disabled: rgba(0, 0, 0, .2);--color-background-error: var(--color-error-muted-700);--color-background-info: var(--color-info-muted-700);--color-background-success: var(--color-success-muted-700);--color-background-warning: var(--color-warning-muted-700);--color-background-primary: var(--color-primary-muted-500);--color-background-input: var(--color-neutral-750);--color-background-listitem-active: var(--color-primary-muted-750);--color-background-listitem-hover: var(--color-neutral-750);--color-background-menuitem-active: var(--color-neutral-650);--color-background-menuitem-hover: var(--color-neutral-700);--color-background-menuitem-activehover: var(--color-neutral-600);--color-border: var(--color-neutral-1000);--color-border-checkbox: var(--color-neutral-1000);--color-border-hover: var(--color-neutral-500);--color-border-focus: var(--color-info-500);--color-border-error: var(--color-neutral-1000);--color-border-warning: var(--color-neutral-1000);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .5)}._label_12snn_341{display:flex;align-items:center}._label_12snn_341._labelLeft_12snn_345{margin-bottom:0;flex-shrink:0;padding-right:10px}._label_12snn_341._labelLeft_12snn_345>label{margin-bottom:0}._label_12snn_341 ._icons_12snn_353{display:inline-flex;margin-top:-1px}._label_12snn_341 ._icons_12snn_353>*{margin-left:8px}._label_12snn_341>label{display:flex;align-items:center;font-weight:700;font-size:13px;margin-bottom:5px}

package/dist/assets/label.stories.e0d2308f.js

@@ -0,0 +1,11 @@
+import{j}from"./jsx-runtime.bc0b5389.js";import{r as _}from"./index.8c7046c4.js";import{L as p}from"./label.71b4dc9a.js";import"./index.55214191.js";import"./help-icon.8deae1d5.js";import"./tooltip.47b8435e.js";import"./index.cb615f32.js";import"./icon.86155bc3.js";import"./inheritsLoose.5387fada.js";import"./index.73b4811b.js";import"./disabled-context.47d44ea4.js";import"./common-enum.04de2059.js";const G={title:"Forms/Label",component:p,args:{label:"Label"}},t=e=>j.exports.jsx(p,{...e}),c=t.bind({}),o=t.bind({});o.args={helpText:"Tooltip goes here"};const r=t.bind({});r.args={onClickHelp:()=>{}};const s=t.bind({});s.args={info:"Info goes here"};const l=()=>{const[e,v]=_.exports.useState(!1),y=()=>v(!e);return j.exports.jsx(p,{label:"Label",lock:{visible:!0,active:e,onClick:y,tooltip:e?"Unlock":"Lock",testId:"testId"}})},a=t.bind({});a.args={libraryIcon:{onClick:()=>{},tooltip:"View in library"}};var i,n,m;c.parameters={...c.parameters,docs:{...(i=c.parameters)==null?void 0:i.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(m=(n=c.parameters)==null?void 0:n.docs)==null?void 0:m.source}}};var d,b,g;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(g=(b=o.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var L,u,k;r.parameters={...r.parameters,docs:{...(L=r.parameters)==null?void 0:L.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(k=(u=r.parameters)==null?void 0:u.docs)==null?void 0:k.source}}};var I,f,x;s.parameters={...s.parameters,docs:{...(I=s.parameters)==null?void 0:I.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(x=(f=s.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};var S,T,h;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`() => {
+  const [locked, setLocked] = useState(false);
+  const handleToggleLock = () => setLocked(!locked);
+  return <Label label="Label" lock={{
+    visible: true,
+    active: locked,
+    onClick: handleToggleLock,
+    tooltip: locked ? 'Unlock' : 'Lock',
+    testId: 'testId'
+  }} />;
+}`,...(h=(T=l.parameters)==null?void 0:T.docs)==null?void 0:h.source}}};var C,H,P;a.parameters={...a.parameters,docs:{...(C=a.parameters)==null?void 0:C.docs,source:{originalSource:"(args: ILabelProps) => <Label {...args} />",...(P=(H=a.parameters)==null?void 0:H.docs)==null?void 0:P.source}}};const J=["Default","HelpIconTooltip","HelpIconClickable","InfoIcon","LockIcon","LibraryIcon"];export{c as Default,r as HelpIconClickable,o as HelpIconTooltip,s as InfoIcon,a as LibraryIcon,l as LockIcon,J as __namedExportsOrder,G as default};

package/dist/assets/layout-forms.d212df4d.js

@@ -0,0 +1,16 @@
+import{j as t}from"./jsx-runtime.bc0b5389.js";import{M as p,b as r}from"./index.26a3f852.js";import{Default as n,LabelOnLeft as l}from"./field.stories.6af15057.js";import{Default as m,LabelsOnLeft as a,Row as x}from"./form.stories.f11fed32.js";import{u as s}from"./index.24227caa.js";import"./index.8c7046c4.js";import"./iframe.fefb1d39.js";import"../sb-preview/runtime.js";import"./index.cb615f32.js";import"./extends.946277fc.js";import"./assertThisInitialized.962dde02.js";import"./inheritsLoose.5387fada.js";import"./index.b8646d95.js";import"./field.34841a80.js";import"./index.55214191.js";import"./label.71b4dc9a.js";import"./help-icon.8deae1d5.js";import"./tooltip.47b8435e.js";import"./icon.86155bc3.js";import"./index.73b4811b.js";import"./disabled-context.47d44ea4.js";import"./common-enum.04de2059.js";import"./input.c3176058.js";import"./types.f0417c6d.js";import"./lodash.96de7017.js";import"./text.3e08313f.js";import"./select.0c940187.js";import"./memoize-one.esm.7a54f149.js";import"./actions.310c4239.js";import"./button.4d73be0d.js";import"./spinner.f0fdc45e.js";import"./enum.9003e5cc.js";import"./badge.c60b26e4.js";import"./select.input.395daa83.js";import"./check-box.fe165636.js";import"./button-group.db95fc8a.js";import"./toggle.ba9d43b4.js";import"./input-group.655922b4.js";import"./input-group-addon.d746d2dd.js";import"./slider.295b80b6.js";import"./objectSpread2.62d3bde3.js";import"./index.eeb00e59.js";import"./textarea.61ee0223.js";import"./radio-button.581bf0f0.js";import"./form-row.78983423.js";function i(o){const e=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},s(),o.components);return t.exports.jsxs(t.exports.Fragment,{children:[t.exports.jsx(p,{title:"Layout (Forms)"}),`
+`,t.exports.jsx(e.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
+`,t.exports.jsx(e.h2,{id:"field",children:"Field"}),`
+`,t.exports.jsxs(e.p,{children:["This is a wrapper for any form element with default bottom margin, and props like ",t.exports.jsx(e.code,{children:"label"})," for other default styling."]}),`
+`,t.exports.jsx(r,{of:n}),`
+`,t.exports.jsxs(e.p,{children:["For inline labels, use the ",t.exports.jsx(e.code,{children:"labelLeft"})," prop (and the optional ",t.exports.jsx(e.code,{children:"labelWidth"}),")."]}),`
+`,t.exports.jsx(r,{of:l}),`
+`,t.exports.jsx(e.h2,{id:"stacked",children:"Stacked"}),`
+`,t.exports.jsxs(e.p,{children:["This is the simplest form layout, and works well when horizontal space is limited, or inputs vary in height (e.g. ",t.exports.jsx(e.code,{children:"TextArea"}),")."]}),`
+`,t.exports.jsx(r,{of:m}),`
+`,t.exports.jsx(e.h2,{id:"stacked-with-inline-labels",children:"Stacked with inline labels"}),`
+`,t.exports.jsxs(e.p,{children:["This has the same markup, but with ",t.exports.jsx(e.code,{children:"labelLeft"})," and ",t.exports.jsx(e.code,{children:"labelWidth"})," set on each field."]}),`
+`,t.exports.jsx(r,{of:a}),`
+`,t.exports.jsx(e.h2,{id:"row",children:"Row"}),`
+`,t.exports.jsxs(e.p,{children:["Wrapping a group of form controls in ",t.exports.jsx(e.code,{children:"FormRow"})," arranges them horizontally, and applies default spacing between each item. This works well when vertical space is limited, because inputs will only wrap onto the next line when they need to."]}),`
+`,t.exports.jsx(r,{of:x})]})}function rt(o={}){const{wrapper:e}=Object.assign({},s(),o.components);return e?t.exports.jsx(e,Object.assign({},o,{children:t.exports.jsx(i,o)})):i(o)}export{rt as default};

package/dist/assets/layout-general.f69a9c00.js

@@ -0,0 +1,35 @@
+import{j as e}from"./jsx-runtime.bc0b5389.js";import{M as i,b as s}from"./index.26a3f852.js";import{Center as p,SpaceBetween as d,JustifyEnd as x,Column as a}from"./flex.stories.376a9450.js";import{Default as c,CustomColumnWidth as l,DefaultGap as h,CustomGap as m,Responsive as j}from"./grid.stories.1433d600.js";import{Default as u,FixedWidth as f,NoPadding as g,ResponsiveWidth as w}from"./column.stories.d5ed4f3a.js";import{u as n}from"./index.24227caa.js";import"./index.8c7046c4.js";import"./iframe.fefb1d39.js";import"../sb-preview/runtime.js";import"./index.cb615f32.js";import"./extends.946277fc.js";import"./assertThisInitialized.962dde02.js";import"./inheritsLoose.5387fada.js";import"./index.b8646d95.js";import"./flex.f0bedd04.js";import"./button.4d73be0d.js";import"./index.55214191.js";import"./spinner.f0fdc45e.js";import"./disabled-context.47d44ea4.js";import"./icon.86155bc3.js";import"./index.73b4811b.js";import"./tooltip.47b8435e.js";import"./common-enum.04de2059.js";import"./text.3e08313f.js";import"./grid.87b6d860.js";import"./styled-components.browser.esm.611ca86c.js";import"./hoist-non-react-statics.cjs.10bac274.js";import"./card.edc0d859.js";import"./row.1d0d4b93.js";import"./heading.d8accca2.js";import"./help-icon.8deae1d5.js";function r(t){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},n(),t.components);return e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(i,{title:"Layout (General)"}),`
+`,e.exports.jsx(o.h1,{id:"layout-general",children:"Layout (General)"}),`
+`,e.exports.jsx(o.h2,{id:"flex",children:"Flex"}),`
+`,e.exports.jsxs(o.p,{children:["The ",e.exports.jsx(o.code,{children:"Flex"})," component is a basic flexbox wrapper with optional props for ",e.exports.jsx(o.code,{children:"alignItems"}),", ",e.exports.jsx(o.code,{children:"justifyContent"})," and ",e.exports.jsx(o.code,{children:"flexDirection"}),". This is a conveninent way to center items vertically and/or horizontally, to align them to opposite edges, or align them to the far side."]}),`
+`,e.exports.jsx(o.p,{children:"This is best for situations for more fluid layouts, because the children set their own width."}),`
+`,e.exports.jsx(s,{of:p}),`
+`,e.exports.jsx(s,{of:d}),`
+`,e.exports.jsx(s,{of:x}),`
+`,e.exports.jsx(s,{of:a}),`
+`,e.exports.jsx(o.h2,{id:"grid",children:"Grid"}),`
+`,e.exports.jsxs(o.p,{children:["Similar to ",e.exports.jsx(o.code,{children:"Flex"}),", the ",e.exports.jsx(o.code,{children:"Grid"})," component is a conveninence wrapper for grid CSS. This is best for situations where the layout is predictable and static (i.e. you know how many columns there will be and how wide you want each to be)."]}),`
+`,e.exports.jsx(s,{of:c}),`
+`,e.exports.jsx(s,{of:l}),`
+`,e.exports.jsx(o.h3,{id:"gap",children:"Gap"}),`
+`,e.exports.jsxs(o.p,{children:["Use the ",e.exports.jsx(o.code,{children:"gap"})," prop to set spacing between grid items. You can set to the spacing you need, or omit the value for default spacing (20px)."]}),`
+`,e.exports.jsx(s,{of:h}),`
+`,e.exports.jsx(s,{of:m}),`
+`,e.exports.jsx(o.h3,{id:"responsive-grid",children:"Responsive grid"}),`
+`,e.exports.jsxs(o.p,{children:["To change the layout on smaller devices, you can set props for ",e.exports.jsx(o.code,{children:"columnsTablet"})," (up to 992px wide) and/or ",e.exports.jsx(o.code,{children:"columnsMobile"})," (up to 575px wide)."]}),`
+`,e.exports.jsx(s,{of:j}),`
+`,e.exports.jsx(o.h2,{id:"rows--columns",children:"Rows & Columns"}),`
+`,e.exports.jsxs(o.p,{children:[e.exports.jsx(o.code,{children:"Row"})," and ",e.exports.jsx(o.code,{children:"Column"})," are a more opinionated flexbox layout, best used together for top-level layouts that require separate scrolling areas. For most layout needs it would be better to use something simpler like ",e.exports.jsx(o.code,{children:"Flex"})," or ",e.exports.jsx(o.code,{children:"Grid"}),"."]}),`
+`,e.exports.jsx(o.h3,{id:"default",children:"Default"}),`
+`,e.exports.jsxs(o.p,{children:["Each ",e.exports.jsx(o.code,{children:"Column"})," shares the available width of its ",e.exports.jsx(o.code,{children:"Row"}),"."]}),`
+`,e.exports.jsx(s,{of:u}),`
+`,e.exports.jsx(o.h3,{id:"fixed-width",children:"Fixed width"}),`
+`,e.exports.jsxs(o.p,{children:["You can set a fixed or percentage ",e.exports.jsx(o.code,{children:"width"})," on a ",e.exports.jsx(o.code,{children:"Column"}),", and any others will share the remaining space."]}),`
+`,e.exports.jsx(s,{of:f}),`
+`,e.exports.jsx(o.h3,{id:"padding--spacing",children:"Padding & spacing"}),`
+`,e.exports.jsxs(o.p,{children:["There is 20px ",e.exports.jsx(o.code,{children:"spacing"})," between each ",e.exports.jsx(o.code,{children:"Column"})," by default. You can set different ",e.exports.jsx(o.code,{children:"spacing"}),", or remove it entirely if you want them to be flush."]}),`
+`,e.exports.jsxs(o.p,{children:["There is no ",e.exports.jsx(o.code,{children:"padding"})," inside a ",e.exports.jsx(o.code,{children:"Column"})," by default. You can add the ",e.exports.jsx(o.code,{children:"padding"})," prop on its own for standard padding, or set it to what you need."]}),`
+`,e.exports.jsx(s,{of:g}),`
+`,e.exports.jsx(o.h3,{id:"responsive",children:"Responsive"}),`
+`,e.exports.jsxs(o.p,{children:["To change the layout on smaller devices, you can set props for ",e.exports.jsx(o.code,{children:"widthTablet"})," (up to 992px wide) and/or ",e.exports.jsx(o.code,{children:"widthMobile"})," (up to 575px wide)."]}),`
+`,e.exports.jsx(s,{of:w})]})}function Q(t={}){const{wrapper:o}=Object.assign({},n(),t.components);return o?e.exports.jsx(o,Object.assign({},t,{children:e.exports.jsx(r,t)})):r(t)}export{Q as default};

package/dist/assets/list-heading.0b169dd3.css

@@ -0,0 +1 @@
+:root{--color-primary-0: hsl(0, 0%, 100%);--color-primary-50: hsl(18.24742268, 82.90598291%, 97.5%);--color-primary-100: hsl(18.24742268, 82.90598291%, 92.5%);--color-primary-150: hsl(18.24742268, 82.90598291%, 87.5%);--color-primary-200: hsl(18.24742268, 82.90598291%, 82.5%);--color-primary-250: hsl(18.24742268, 82.90598291%, 77.5%);--color-primary-300: hsl(18.24742268, 82.90598291%, 72.5%);--color-primary-350: hsl(18.24742268, 82.90598291%, 67.5%);--color-primary-400: hsl(18.24742268, 82.90598291%, 62.5%);--color-primary-450: hsl(18.24742268, 82.90598291%, 57.5%);--color-primary-500: hsl(18.24742268, 82.90598291%, 52.5%);--color-primary-550: hsl(18.24742268, 82.90598291%, 47.5%);--color-primary-600: hsl(18.24742268, 82.90598291%, 42.5%);--color-primary-650: hsl(18.24742268, 82.90598291%, 37.5%);--color-primary-700: hsl(18.24742268, 82.90598291%, 32.5%);--color-primary-750: hsl(18.24742268, 82.90598291%, 27.5%);--color-primary-800: hsl(18.24742268, 82.90598291%, 22.5%);--color-primary-850: hsl(18.24742268, 82.90598291%, 17.5%);--color-primary-900: hsl(18.24742268, 82.90598291%, 12.5%);--color-primary-950: hsl(18.24742268, 82.90598291%, 7.5%);--color-primary-1000: hsl(18.24742268, 82.90598291%, 2.5%);--color-error-0: hsl(180, 100%, 100%);--color-error-50: hsl(0, 71.29186603%, 97.5%);--color-error-100: hsl(0, 71.29186603%, 92.5%);--color-error-150: hsl(0, 71.29186603%, 87.5%);--color-error-200: hsl(0, 71.29186603%, 82.5%);--color-error-250: hsl(0, 71.29186603%, 77.5%);--color-error-300: hsl(0, 71.29186603%, 72.5%);--color-error-350: hsl(0, 71.29186603%, 67.5%);--color-error-400: hsl(0, 71.29186603%, 62.5%);--color-error-450: hsl(0, 71.29186603%, 57.5%);--color-error-500: hsl(0, 71.29186603%, 52.5%);--color-error-550: hsl(0, 71.29186603%, 47.5%);--color-error-600: hsl(0, 71.29186603%, 42.5%);--color-error-650: hsl(0, 71.29186603%, 37.5%);--color-error-700: hsl(0, 71.29186603%, 32.5%);--color-error-750: hsl(0, 71.29186603%, 27.5%);--color-error-800: hsl(0, 71.29186603%, 22.5%);--color-error-850: hsl(0, 71.29186603%, 17.5%);--color-error-900: hsl(0, 71.29186603%, 12.5%);--color-error-950: hsl(0, 71.29186603%, 7.5%);--color-error-1000: hsl(0, 71.29186603%, 2.5%);--color-success-0: hsl(0, 0%, 100%);--color-success-50: hsl(120, 52.03252033%, 97.5%);--color-success-100: hsl(120, 52.03252033%, 92.5%);--color-success-150: hsl(120, 52.03252033%, 87.5%);--color-success-200: hsl(120, 52.03252033%, 82.5%);--color-success-250: hsl(120, 52.03252033%, 77.5%);--color-success-300: hsl(120, 52.03252033%, 72.5%);--color-success-350: hsl(120, 52.03252033%, 67.5%);--color-success-400: hsl(120, 52.03252033%, 62.5%);--color-success-450: hsl(120, 52.03252033%, 57.5%);--color-success-500: hsl(120, 52.03252033%, 52.5%);--color-success-550: hsl(120, 52.03252033%, 47.5%);--color-success-600: hsl(120, 52.03252033%, 42.5%);--color-success-650: hsl(120, 52.03252033%, 37.5%);--color-success-700: hsl(120, 52.03252033%, 32.5%);--color-success-750: hsl(120, 52.03252033%, 27.5%);--color-success-800: hsl(120, 52.03252033%, 22.5%);--color-success-850: hsl(120, 52.03252033%, 17.5%);--color-success-900: hsl(120, 52.03252033%, 12.5%);--color-success-950: hsl(120, 52.03252033%, 7.5%);--color-success-1000: hsl(120, 52.03252033%, 2.5%);--color-warning-0: hsl(240, 100%, 100%);--color-warning-50: hsl(44.9197861, 76.32653061%, 97.5%);--color-warning-100: hsl(44.9197861, 76.32653061%, 92.5%);--color-warning-150: hsl(44.9197861, 76.32653061%, 87.5%);--color-warning-200: hsl(44.9197861, 76.32653061%, 82.5%);--color-warning-250: hsl(44.9197861, 76.32653061%, 77.5%);--color-warning-300: hsl(44.9197861, 76.32653061%, 72.5%);--color-warning-350: hsl(44.9197861, 76.32653061%, 67.5%);--color-warning-400: hsl(44.9197861, 76.32653061%, 62.5%);--color-warning-450: hsl(44.9197861, 76.32653061%, 57.5%);--color-warning-500: hsl(44.9197861, 76.32653061%, 52.5%);--color-warning-550: hsl(44.9197861, 76.32653061%, 47.5%);--color-warning-600: hsl(44.9197861, 76.32653061%, 42.5%);--color-warning-650: hsl(44.9197861, 76.32653061%, 37.5%);--color-warning-700: hsl(44.9197861, 76.32653061%, 32.5%);--color-warning-750: hsl(44.9197861, 76.32653061%, 27.5%);--color-warning-800: hsl(44.9197861, 76.32653061%, 22.5%);--color-warning-850: hsl(44.9197861, 76.32653061%, 17.5%);--color-warning-900: hsl(44.9197861, 76.32653061%, 12.5%);--color-warning-950: hsl(44.9197861, 76.32653061%, 7.5%);--color-warning-1000: hsl(44.9197861, 76.32653061%, 2.5%);--color-info-0: hsl(0, 0%, 100%);--color-info-50: hsl(201.03092784, 82.90598291%, 97.5%);--color-info-100: hsl(201.03092784, 82.90598291%, 92.5%);--color-info-150: hsl(201.03092784, 82.90598291%, 87.5%);--color-info-200: hsl(201.03092784, 82.90598291%, 82.5%);--color-info-250: hsl(201.03092784, 82.90598291%, 77.5%);--color-info-300: hsl(201.03092784, 82.90598291%, 72.5%);--color-info-350: hsl(201.03092784, 82.90598291%, 67.5%);--color-info-400: hsl(201.03092784, 82.90598291%, 62.5%);--color-info-450: hsl(201.03092784, 82.90598291%, 57.5%);--color-info-500: hsl(201.03092784, 82.90598291%, 52.5%);--color-info-550: hsl(201.03092784, 82.90598291%, 47.5%);--color-info-600: hsl(201.03092784, 82.90598291%, 42.5%);--color-info-650: hsl(201.03092784, 82.90598291%, 37.5%);--color-info-700: hsl(201.03092784, 82.90598291%, 32.5%);--color-info-750: hsl(201.03092784, 82.90598291%, 27.5%);--color-info-800: hsl(201.03092784, 82.90598291%, 22.5%);--color-info-850: hsl(201.03092784, 82.90598291%, 17.5%);--color-info-900: hsl(201.03092784, 82.90598291%, 12.5%);--color-info-950: hsl(201.03092784, 82.90598291%, 7.5%);--color-info-1000: hsl(201.03092784, 82.90598291%, 2.5%);--color-neutral-0: hsl(0, 0%, 100%);--color-neutral-50: hsl(210, 10%, 97.5%);--color-neutral-100: hsl(210, 10%, 92.5%);--color-neutral-150: hsl(210, 10%, 87.5%);--color-neutral-200: hsl(210, 10%, 82.5%);--color-neutral-250: hsl(210, 10%, 77.5%);--color-neutral-300: hsl(210, 10%, 72.5%);--color-neutral-350: hsl(210, 10%, 67.5%);--color-neutral-400: hsl(210, 10%, 62.5%);--color-neutral-450: hsl(210, 10%, 57.5%);--color-neutral-500: hsl(210, 10%, 52.5%);--color-neutral-550: hsl(210, 10%, 47.5%);--color-neutral-600: hsl(210, 10%, 42.5%);--color-neutral-650: hsl(210, 10%, 37.5%);--color-neutral-700: hsl(210, 10%, 32.5%);--color-neutral-750: hsl(210, 10%, 27.5%);--color-neutral-800: hsl(210, 10%, 22.5%);--color-neutral-850: hsl(210, 10%, 17.5%);--color-neutral-900: hsl(210, 10%, 12.5%);--color-neutral-950: hsl(210, 10%, 7.5%);--color-neutral-1000: hsl(210, 10%, 2.5%);--color-primary-muted-0: hsl(0, 0%, 100%);--color-primary-muted-50: hsl(18.24742268, 57.90598291%, 97.5%);--color-primary-muted-100: hsl(18.24742268, 57.90598291%, 92.5%);--color-primary-muted-150: hsl(18.24742268, 57.90598291%, 87.5%);--color-primary-muted-200: hsl(18.24742268, 57.90598291%, 82.5%);--color-primary-muted-250: hsl(18.24742268, 57.90598291%, 77.5%);--color-primary-muted-300: hsl(18.24742268, 57.90598291%, 72.5%);--color-primary-muted-350: hsl(18.24742268, 57.90598291%, 67.5%);--color-primary-muted-400: hsl(18.24742268, 57.90598291%, 62.5%);--color-primary-muted-450: hsl(18.24742268, 57.90598291%, 57.5%);--color-primary-muted-500: hsl(18.24742268, 57.90598291%, 52.5%);--color-primary-muted-550: hsl(18.24742268, 57.90598291%, 47.5%);--color-primary-muted-600: hsl(18.24742268, 57.90598291%, 42.5%);--color-primary-muted-650: hsl(18.24742268, 57.90598291%, 37.5%);--color-primary-muted-700: hsl(18.24742268, 57.90598291%, 32.5%);--color-primary-muted-750: hsl(18.24742268, 57.90598291%, 27.5%);--color-primary-muted-800: hsl(18.24742268, 57.90598291%, 22.5%);--color-primary-muted-850: hsl(18.24742268, 57.90598291%, 17.5%);--color-primary-muted-900: hsl(18.24742268, 57.90598291%, 12.5%);--color-primary-muted-950: hsl(18.24742268, 57.90598291%, 7.5%);--color-primary-muted-1000: hsl(18.24742268, 57.90598291%, 2.5%);--color-error-muted-0: hsl(180, 100%, 100%);--color-error-muted-50: hsl(0, 46.29186603%, 97.5%);--color-error-muted-100: hsl(0, 46.29186603%, 92.5%);--color-error-muted-150: hsl(0, 46.29186603%, 87.5%);--color-error-muted-200: hsl(0, 46.29186603%, 82.5%);--color-error-muted-250: hsl(0, 46.29186603%, 77.5%);--color-error-muted-300: hsl(0, 46.29186603%, 72.5%);--color-error-muted-350: hsl(0, 46.29186603%, 67.5%);--color-error-muted-400: hsl(0, 46.29186603%, 62.5%);--color-error-muted-450: hsl(0, 46.29186603%, 57.5%);--color-error-muted-500: hsl(0, 46.29186603%, 52.5%);--color-error-muted-550: hsl(0, 46.29186603%, 47.5%);--color-error-muted-600: hsl(0, 46.29186603%, 42.5%);--color-error-muted-650: hsl(0, 46.29186603%, 37.5%);--color-error-muted-700: hsl(0, 46.29186603%, 32.5%);--color-error-muted-750: hsl(0, 46.29186603%, 27.5%);--color-error-muted-800: hsl(0, 46.29186603%, 22.5%);--color-error-muted-850: hsl(0, 46.29186603%, 17.5%);--color-error-muted-900: hsl(0, 46.29186603%, 12.5%);--color-error-muted-950: hsl(0, 46.29186603%, 7.5%);--color-error-muted-1000: hsl(0, 46.29186603%, 2.5%);--color-success-muted-0: hsl(0, 0%, 100%);--color-success-muted-50: hsl(120, 27.03252033%, 97.5%);--color-success-muted-100: hsl(120, 27.03252033%, 92.5%);--color-success-muted-150: hsl(120, 27.03252033%, 87.5%);--color-success-muted-200: hsl(120, 27.03252033%, 82.5%);--color-success-muted-250: hsl(120, 27.03252033%, 77.5%);--color-success-muted-300: hsl(120, 27.03252033%, 72.5%);--color-success-muted-350: hsl(120, 27.03252033%, 67.5%);--color-success-muted-400: hsl(120, 27.03252033%, 62.5%);--color-success-muted-450: hsl(120, 27.03252033%, 57.5%);--color-success-muted-500: hsl(120, 27.03252033%, 52.5%);--color-success-muted-550: hsl(120, 27.03252033%, 47.5%);--color-success-muted-600: hsl(120, 27.03252033%, 42.5%);--color-success-muted-650: hsl(120, 27.03252033%, 37.5%);--color-success-muted-700: hsl(120, 27.03252033%, 32.5%);--color-success-muted-750: hsl(120, 27.03252033%, 27.5%);--color-success-muted-800: hsl(120, 27.03252033%, 22.5%);--color-success-muted-850: hsl(120, 27.03252033%, 17.5%);--color-success-muted-900: hsl(120, 27.03252033%, 12.5%);--color-success-muted-950: hsl(120, 27.03252033%, 7.5%);--color-success-muted-1000: hsl(120, 27.03252033%, 2.5%);--color-warning-muted-0: hsl(240, 100%, 100%);--color-warning-muted-50: hsl(44.9197861, 51.32653061%, 97.5%);--color-warning-muted-100: hsl(44.9197861, 51.32653061%, 92.5%);--color-warning-muted-150: hsl(44.9197861, 51.32653061%, 87.5%);--color-warning-muted-200: hsl(44.9197861, 51.32653061%, 82.5%);--color-warning-muted-250: hsl(44.9197861, 51.32653061%, 77.5%);--color-warning-muted-300: hsl(44.9197861, 51.32653061%, 72.5%);--color-warning-muted-350: hsl(44.9197861, 51.32653061%, 67.5%);--color-warning-muted-400: hsl(44.9197861, 51.32653061%, 62.5%);--color-warning-muted-450: hsl(44.9197861, 51.32653061%, 57.5%);--color-warning-muted-500: hsl(44.9197861, 51.32653061%, 52.5%);--color-warning-muted-550: hsl(44.9197861, 51.32653061%, 47.5%);--color-warning-muted-600: hsl(44.9197861, 51.32653061%, 42.5%);--color-warning-muted-650: hsl(44.9197861, 51.32653061%, 37.5%);--color-warning-muted-700: hsl(44.9197861, 51.32653061%, 32.5%);--color-warning-muted-750: hsl(44.9197861, 51.32653061%, 27.5%);--color-warning-muted-800: hsl(44.9197861, 51.32653061%, 22.5%);--color-warning-muted-850: hsl(44.9197861, 51.32653061%, 17.5%);--color-warning-muted-900: hsl(44.9197861, 51.32653061%, 12.5%);--color-warning-muted-950: hsl(44.9197861, 51.32653061%, 7.5%);--color-warning-muted-1000: hsl(44.9197861, 51.32653061%, 2.5%);--color-info-muted-0: hsl(0, 0%, 100%);--color-info-muted-50: hsl(201.03092784, 57.90598291%, 97.5%);--color-info-muted-100: hsl(201.03092784, 57.90598291%, 92.5%);--color-info-muted-150: hsl(201.03092784, 57.90598291%, 87.5%);--color-info-muted-200: hsl(201.03092784, 57.90598291%, 82.5%);--color-info-muted-250: hsl(201.03092784, 57.90598291%, 77.5%);--color-info-muted-300: hsl(201.03092784, 57.90598291%, 72.5%);--color-info-muted-350: hsl(201.03092784, 57.90598291%, 67.5%);--color-info-muted-400: hsl(201.03092784, 57.90598291%, 62.5%);--color-info-muted-450: hsl(201.03092784, 57.90598291%, 57.5%);--color-info-muted-500: hsl(201.03092784, 57.90598291%, 52.5%);--color-info-muted-550: hsl(201.03092784, 57.90598291%, 47.5%);--color-info-muted-600: hsl(201.03092784, 57.90598291%, 42.5%);--color-info-muted-650: hsl(201.03092784, 57.90598291%, 37.5%);--color-info-muted-700: hsl(201.03092784, 57.90598291%, 32.5%);--color-info-muted-750: hsl(201.03092784, 57.90598291%, 27.5%);--color-info-muted-800: hsl(201.03092784, 57.90598291%, 22.5%);--color-info-muted-850: hsl(201.03092784, 57.90598291%, 17.5%);--color-info-muted-900: hsl(201.03092784, 57.90598291%, 12.5%);--color-info-muted-950: hsl(201.03092784, 57.90598291%, 7.5%);--color-info-muted-1000: hsl(201.03092784, 57.90598291%, 2.5%)}:root{color-scheme:initial;--size: 32px;--size-sm: 24px;--size-xs: 16px;--spacing-3xl: 36px;--spacing-2xl: 32px;--spacing-xl: 28px;--spacing-lg: 24px;--spacing: 20px;--spacing-sm: 16px;--spacing-xs: 12px;--spacing-2xs: 8px;--spacing-3xs: 4px;--padding-input-x: 12px;--padding-input-y: 6.5px;--padding-input: var(--padding-input-y) var(--padding-input-x);--padding-input-small-x: 7px;--padding-input-small-y: 3.5px;--padding-input-small: var(--padding-input-small-y) var(--padding-input-small-x);--border-radius: 4px;--color-text: rgba(0, 0, 0, .87);--color-text-muted: #7d7b7a;--color-text-faint: #acabab;--color-text-error: hsl(0, 40%, 50%);--color-text-warning: var(--color-warning-700);--color-text-success: hsl(120, 40%, 50%);--color-text-info: hsl(201.03092784, 40%, 50%);--color-text-primary: #eb6429;--color-text-primary-hover: #ce4c13;--color-text-primary-active: #9f3b0f;--color-text-placeholder: rgba(0, 0, 0, .3);--color-background: #f5f7f9;--color-background-raised: white;--color-background-disabled: rgba(0, 0, 0, .025);--color-background-info: hsl(201.03092784, 40%, 90%);--color-background-error: hsl(0, 40%, 90%);--color-background-success: hsl(120, 40%, 90%);--color-background-warning: var(--color-warning-100);--color-background-primary: #eb6429;--color-background-input: white;--color-background-listitem-active: #fff0e4;--color-background-listitem-hover: #f5f7f9;--color-background-menuitem-active: #edf1f4;--color-background-menuitem-hover: #f5f7f9;--color-background-menuitem-activehover: #e5eaef;--color-border: #ddd;--color-border-checkbox: var(--color-neutral-300);--color-border-hover: var(--color-neutral-400);--color-border-focus: var(--color-info-muted-500);--color-border-error: var(--color-error-muted-300);--color-border-error-hover: var(--color-error-muted-400);--color-border-warning: var(--color-warning-muted-300);--color-border-warning-hover: var(--color-warning-muted-400);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .25)}html[data-theme=dark]{color-scheme:dark;--color-text: var(--color-neutral-200);--color-text-muted: var(--color-neutral-400);--color-text-faint: var(--color-neutral-600);--color-text-primary: var(--color-primary-muted-450);--color-text-primary-active: var(--color-primary-muted-350);--color-text-primary-hover: var(--color-primary-muted-400);--color-text-error: var(--color-error-muted-300);--color-text-info: var(--color-info-muted-300);--color-text-success: var(--color-success-muted-300);--color-text-warning: var(--color-warning-muted-300);--color-text-placeholder: rgba(255, 255, 255, .3);--color-background: var(--color-neutral-900);--color-background-raised: var(--color-neutral-800);--color-background-disabled: rgba(0, 0, 0, .2);--color-background-error: var(--color-error-muted-700);--color-background-info: var(--color-info-muted-700);--color-background-success: var(--color-success-muted-700);--color-background-warning: var(--color-warning-muted-700);--color-background-primary: var(--color-primary-muted-500);--color-background-input: var(--color-neutral-750);--color-background-listitem-active: var(--color-primary-muted-750);--color-background-listitem-hover: var(--color-neutral-750);--color-background-menuitem-active: var(--color-neutral-650);--color-background-menuitem-hover: var(--color-neutral-700);--color-background-menuitem-activehover: var(--color-neutral-600);--color-border: var(--color-neutral-1000);--color-border-checkbox: var(--color-neutral-1000);--color-border-hover: var(--color-neutral-500);--color-border-focus: var(--color-info-500);--color-border-error: var(--color-neutral-1000);--color-border-warning: var(--color-neutral-1000);--shadow-focus: 0 0 0 2px rgba(41, 167, 235, .5)}._inputInTable_1udco_341{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1udco_341:not(:hover){border-color:transparent}._inputHover_1udco_350{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1udco_355{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1udco_362,._inputWarning_1udco_363{position:relative}._inputError_1udco_362{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error)}._inputError_1udco_362:hover{border-color:var(--color-border-error-hover)!important}._inputError_1udco_362:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1udco_363{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning)}._inputWarning_1udco_363:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1udco_363:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1udco_398{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted)}._hideScrollbars_1udco_403{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1udco_403::-webkit-scrollbar{display:none}._header_1udco_413 ._headerTitle_1udco_413,._heading_1udco_414 ._itemHeader_1udco_414{transition:opacity .3s}._narrow_1udco_417 ._header_1udco_413 ._headerTitle_1udco_413,._narrow_1udco_417 ._heading_1udco_414 ._itemHeader_1udco_414{opacity:0}._stickyHeader_1udco_421{position:sticky;top:0;background-color:var(--color-background);z-index:10}._itemHeader_1udco_414{padding:12px 20px;display:flex;align-items:flex-start}._itemHeader_1udco_414 ._title_1udco_432{margin:0;padding:0;flex-grow:1;min-width:0}._itemHeader_1udco_414 ._name_1udco_438{font-weight:400}._itemHeader_1udco_414 ._iconTooltipMargin_1udco_441{margin-left:10px}._itemHeader_1udco_414 ._bold_1udco_444{font-weight:900}._header_1udco_413{padding:16px 20px;display:flex;align-items:center;border-bottom:1px solid var(--color-border)}._toggleNarrow_1udco_453{margin-right:16px;margin-left:-5px;color:#c8c8c8;transition:all .4s;display:flex;width:22px;justify-content:center}._toggleNarrow_1udco_453:hover{color:var(--color-text-primary-hover)}._toggleNarrow_1udco_453:active{color:var(--color-text-primary-active)}._narrow_1udco_417 ._toggleNarrow_1udco_453{transform:scaleX(-1)}._drag_1udco_471{color:var(--color-text-faint);display:flex;align-items:center;justify-content:center;margin-right:10px;margin-left:-6px;cursor:move;height:19px;width:19px}._drag_1udco_471 path{stroke:var(--color-text-faint)}._drag_1udco_471:hover path{stroke:var(--color-text-primary-hover)}._drag_1udco_471:active path{stroke:var(--color-text-primary-active)}._list_1udco_491{flex-shrink:0;background:var(--color-background)}._list_1udco_491._bordered_1udco_495:first-child,._list_1udco_491._bordered_1udco_495:first-child>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._list_1udco_491._bordered_1udco_495:last-child,._list_1udco_491._bordered_1udco_495:last-child>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-bottom:0}._item_1udco_414{color:inherit;display:block;transition:background-color .2s;position:relative;border-bottom:1px solid var(--color-border);background-color:var(--color-background-raised);transition:background .3s;overflow-wrap:break-word;hyphens:auto}._item_1udco_414:not(._heading_1udco_414):after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-top-left-radius:inherit;border-bottom-left-radius:inherit;transition:background .3s}._item_1udco_414._action_1udco_528{cursor:pointer}._item_1udco_414._action_1udco_528:not(._active_1udco_531):hover{background:var(--color-background-listitem-hover)}._item_1udco_414._action_1udco_528:not(._active_1udco_531):hover:after{background:rgba(0,0,0,.1)}._item_1udco_414._active_1udco_531{cursor:default;position:relative;z-index:1;background:var(--color-background-listitem-active)}._item_1udco_414._active_1udco_531:after{background:var(--color-background-primary)!important}._item_1udco_414._disabled_1udco_546{color:var(--color-text-faint);pointer-events:none}._item_1udco_414._heading_1udco_414{color:var(--color-text-muted);background-color:transparent}._item_1udco_414._heading_1udco_414._action_1udco_528:hover{color:var(--color-text-primary-hover)}._item_1udco_414 ._label_1udco_557{margin:-2px 15px -2px -5px;flex-shrink:0}._item_1udco_414 ._details_1udco_564,._item_1udco_414 ._metadata_1udco_565{display:block;width:100%;font-weight:400;margin-top:3px}._item_1udco_414 ._metadata_1udco_565{color:var(--color-text-muted)}._item_1udco_414 ._itemContent_1udco_574{padding:0 20px 12px;cursor:auto}._item_1udco_414 ._itemContent_1udco_574:empty{padding:inherit}._indentIcon_1udco_581{color:var(--color-text-faint);width:20px;flex-shrink:0}._expandIcon_1udco_586{width:20px;flex-shrink:0;position:relative;margin-top:1px}._expandIcon_1udco_586._expanded_1udco_592 svg{transform:rotate(90deg)}._right_1udco_595{margin-left:auto;display:flex;align-items:center;margin-top:-2px;margin-bottom:-2px}._actions_1udco_602{margin-left:8px;display:flex;align-items:center}._scrollableList_1udco_607{height:100%;overflow-y:auto;scroll-behavior:smooth}._hideScrollbar_1udco_403{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbar_1udco_403::-webkit-scrollbar{display:none}

package/dist/assets/list-heading.647cd461.js

@@ -0,0 +1 @@
+import{j as e}from"./jsx-runtime.bc0b5389.js";import{B as x}from"./badge.c60b26e4.js";import{c as m}from"./index.55214191.js";import{I as g}from"./icon.86155bc3.js";import{T as N}from"./tooltip.47b8435e.js";import{r as f}from"./index.8c7046c4.js";import{I as y}from"./common-enum.04de2059.js";import{H as h}from"./heading.d8accca2.js";import{A as b}from"./actions.310c4239.js";const I="_inputInTable_1udco_341",T="_inputHover_1udco_350",j="_inputFocus_1udco_355",w="_inputError_1udco_362",H="_inputWarning_1udco_363",v="_inputDisabled_1udco_398",V="_hideScrollbars_1udco_403",q="_header_1udco_413",C="_headerTitle_1udco_413",k="_heading_1udco_414",M="_itemHeader_1udco_414",R="_narrow_1udco_417",L="_stickyHeader_1udco_421",S="_title_1udco_432",E="_name_1udco_438",F="_iconTooltipMargin_1udco_441",W="_bold_1udco_444",$="_toggleNarrow_1udco_453",B="_drag_1udco_471",D="_list_1udco_491",A="_bordered_1udco_495",z="_item_1udco_414",O="_action_1udco_528",G="_active_1udco_531",J="_disabled_1udco_546",K="_label_1udco_557",P="_details_1udco_564",Q="_metadata_1udco_565",U="_itemContent_1udco_574",X="_indentIcon_1udco_581",Y="_expandIcon_1udco_586",Z="_expanded_1udco_592",ee="_right_1udco_595",te="_actions_1udco_602",oe="_scrollableList_1udco_607",ae="_hideScrollbar_1udco_403",a={inputInTable:I,inputHover:T,inputFocus:j,inputError:w,inputWarning:H,inputDisabled:v,hideScrollbars:V,header:q,headerTitle:C,heading:k,itemHeader:M,narrow:R,stickyHeader:L,title:S,name:E,iconTooltipMargin:F,bold:W,toggleNarrow:$,drag:B,list:D,bordered:A,item:z,action:O,active:G,disabled:J,label:K,details:P,metadata:Q,itemContent:U,indentIcon:X,expandIcon:Y,expanded:Z,right:ee,actions:te,scrollableList:oe,hideScrollbar:ae},l=({name:o,icon:t,testId:i})=>{const n=t&&e.exports.jsx(g,{icon:t.icon,color:t.color||"#db2828",size:12});return e.exports.jsxs("span",{className:m(a.name,a.bold),"data-testid":i,children:[o,t&&t.tooltip&&t.tooltip.text?e.exports.jsx("span",{className:a.iconTooltipMargin,children:e.exports.jsx(N,{text:t.tooltip.text,maxWidth:"350px",children:n})}):t&&t.icon&&e.exports.jsx("span",{className:a.iconTooltipMargin,children:n})]})};try{l.displayName="Name",l.__docgenInfo={description:"",displayName:"Name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}try{name.displayName="name",name.__docgenInfo={description:"",displayName:"name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const p=({item:o})=>{const{name:t,icon:i,details:n,metadata:s,invalid:d,testId:r}=o;let c=e.exports.jsx(l,{name:t,icon:i,testId:r&&`${r}-name`});return d&&(c=e.exports.jsx(x,{small:!0,margin:"-2px",title:"!",children:c})),e.exports.jsxs("span",{className:a.title,children:[c,n&&e.exports.jsx("span",{className:a.details,"data-testid":r&&`${r}-details`,children:n}),s&&e.exports.jsx("span",{className:a.metadata,"data-testid":r&&`${r}-metadata`,children:s})]})};try{p.displayName="MetaContent",p.__docgenInfo={description:"",displayName:"MetaContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IMetaContentItem"}}}}}catch{}const _=({toggleNarrow:o,onClickToggleNarrow:t})=>o?e.exports.jsx("a",{className:a.toggleNarrow,onClick:t,children:e.exports.jsx(g,{icon:y.CHEVRON_LEFT})}):null;try{_.displayName="ToggleNarrow",_.__docgenInfo={description:"",displayName:"ToggleNarrow",props:{toggleNarrow:{defaultValue:null,description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onClickToggleNarrow:{defaultValue:null,description:"",name:"onClickToggleNarrow",required:!1,type:{name:"(() => void)"}}}}}catch{}const u=f.exports.forwardRef(({name:o,actions:t=[],toggleNarrow:i=!1,onToggleNarrow:n=()=>{},stickyHeader:s},d)=>e.exports.jsxs("div",{ref:d,className:m(a.header,s?a.stickyHeader:""),children:[e.exports.jsx(_,{toggleNarrow:i,onClickToggleNarrow:n}),o&&e.exports.jsx("div",{className:a.headerTitle,children:e.exports.jsx(h,{top:!0,marginBottom:0,children:o})}),e.exports.jsx("div",{className:a.right,children:e.exports.jsx("div",{className:a.actions,children:e.exports.jsx(b,{actions:t})})})]}));try{u.displayName="ListHeading",u.__docgenInfo={description:"",displayName:"ListHeading",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},actions:{defaultValue:{value:"[]"},description:"",name:"actions",required:!1,type:{name:"any[]"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"(() => void)"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}}}}}catch{}export{u as L,p as M,l as N,a as s};

package/dist/assets/list.c0b606e4.js

@@ -0,0 +1,8 @@
+import{j as e}from"./jsx-runtime.bc0b5389.js";import{r as i}from"./index.8c7046c4.js";import{c as C}from"./index.55214191.js";import{P as te,D as ae,C as ne,I as se}from"./index.es.5a055fee.js";import{C as le}from"./card.edc0d859.js";import{s as a,N as oe,M as ie,L as ce}from"./list-heading.647cd461.js";import{A as P}from"./actions.310c4239.js";import{B}from"./badge.c60b26e4.js";import{I as k}from"./icon.86155bc3.js";import{D as G}from"./disabled-context.47d44ea4.js";import{I as w}from"./common-enum.04de2059.js";import{L as de}from"./loader.c35b8c59.js";const T=({label:r})=>r?e.exports.jsx("span",{className:a.label,children:e.exports.jsx(B,{color:r.color,title:r.value})}):null;try{T.displayName="Label",T.__docgenInfo={description:"",displayName:"Label",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"ILabel"}}}}}catch{}const L=({item:r})=>r.metaCount!==void 0?e.exports.jsx(B,{color:"var(--color-text-faint)",title:r.metaCount}):null;try{L.displayName="MetaCount",L.__docgenInfo={description:"",displayName:"MetaCount",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ metaCount?: number | undefined; }"}}}}}catch{}const R=({item:r,expanding:o})=>{const c=p=>{p.preventDefault(),p.stopPropagation()};return o&&r.active&&r.content?e.exports.jsx("div",{className:a.itemContent,onClick:c,children:r.content}):null};try{R.displayName="ItemContent",R.__docgenInfo={description:"",displayName:"ItemContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"{ active?: boolean | undefined; content?: ReactNode; }"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}}}}}catch{}const A=i.exports.forwardRef(({item:r,index:o},c)=>{const p=i.exports.useContext(G),{actions:h,disabled:f,expanded:x,onClick:g,title:n,name:l,icon:t,testId:d}=r;return e.exports.jsx("div",{ref:m=>{c&&"current"in c&&Array.isArray(c.current)&&o!==void 0&&(c.current[o]=m)},"data-testid":d!=null?d:null,className:C(a.item,a.heading,f||p?a.disabled:"",g?a.action:""),onClick:m=>{g&&g(m)},title:n,children:e.exports.jsx("div",{children:e.exports.jsxs("div",{className:a.itemHeader,children:[typeof x=="boolean"&&e.exports.jsx("div",{className:C(a.expandIcon,x&&a.expanded),children:e.exports.jsx(k,{icon:w.CHEVRON_RIGHT})}),e.exports.jsx(oe,{name:l,icon:t}),e.exports.jsxs("div",{className:a.right,children:[e.exports.jsx(L,{item:r}),!(f||p)&&h&&e.exports.jsx("div",{className:a.actions,children:e.exports.jsx(P,{actions:r.actions})})]})]})})})});try{A.displayName="ListSubheading",A.__docgenInfo={description:"",displayName:"ListSubheading",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IListSubheadingItem"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}}}catch{}const ue=(r,o)=>r?{cursor:o.cursor?o.cursor:"",...r.style}:null,S=i.exports.forwardRef(({items:r,expanding:o,invokeEditOnRowClick:c,provided:p,draggable:h},f)=>{const x=i.exports.useContext(G),g=(n,l,t,d,m,b)=>i.exports.createElement("a",{href:t.url,ref:l==null?void 0:l.innerRef,...l.draggableProps,style:ue(l.draggableProps,t),className:C(a.item,t.active?a.active:"",t.disabled||x?a.disabled:"",m?a.action:""),onClick:u=>{if(c&&b&&b.onClick&&b.onClick(u,t.id),t.onClick)return t.onClick(u)},key:n,"data-id":n,title:t.title,"data-testid":t.testId},e.exports.jsxs("div",{ref:u=>{f&&"current"in f&&Array.isArray(f.current)&&n!==void 0&&(f.current[n]=u)},style:{paddingLeft:d},children:[e.exports.jsxs("div",{className:a.itemHeader,children:[h&&e.exports.jsx("div",{className:a.drag,...l.dragHandleProps,children:e.exports.jsx(k,{icon:w.DRAG})}),t.level&&t.level>0?e.exports.jsx("div",{className:a.indentIcon,children:e.exports.jsx(k,{icon:w.INDENT})}):null,e.exports.jsx(T,{label:t.label}),e.exports.jsx(ie,{item:t}),e.exports.jsxs("div",{className:a.right,children:[e.exports.jsx(L,{item:t}),!(t.disabled||x)&&t.actions&&e.exports.jsx("div",{className:a.actions,children:e.exports.jsx(P,{actions:t.actions})})]})]}),e.exports.jsx(R,{item:t,expanding:o})]}));return e.exports.jsxs(e.exports.Fragment,{children:[r.map((n,l)=>{const t=n.type==="Heading",d=n.actions&&n.actions.find(u=>u.label&&u.label.toLowerCase()==="edit"),m=!!(d||n.url||n.onClick),b=n.level&&n.level>1?(n.level-1)*20:0;return t?e.exports.jsx(A,{ref:f,item:n,index:l},l):h?e.exports.jsx(te,{draggableId:n.id+"",index:l,children:u=>g(l,u,n,b,m,d)},n.id):g(l,p,n,b,m,d)}),p.placeholder]})});try{S.displayName="ListRow",S.__docgenInfo={description:"",displayName:"ListRow",props:{draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((args: { from?: number; to?: number; }) => void) | undefined"}},expanding:{defaultValue:null,description:"",name:"expanding",required:!1,type:{name:"boolean"}},invokeEditOnRowClick:{defaultValue:null,description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"DroppableStateSnapshot"}},provided:{defaultValue:null,description:"",name:"provided",required:!1,type:{name:"any"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"IListItem[]"}}}}}catch{}const O=({list:r,bordered:o=!1,expanding:c=!1,narrow:p=!1,toggleNarrow:h=!1,onToggleNarrow:f=()=>{},invokeEditOnRowClick:x=!0,noHeader:g=!1,stickyHeader:n,draggable:l=!1,onListReorder:t=()=>{},marginBottom:d=0,height:m,testId:b,scrollDetails:u={scrollable:!1,hideScrollbar:!1,triggerScrollToActiveItem:!1,infiniteScroll:!1,limit:10,infiniteScrollTarget:void 0}})=>{const{scrollable:F,hideScrollbar:z,triggerScrollToActiveItem:H,infiniteScroll:E,infiniteScrollTarget:J}=u,j=i.exports.useRef(null),_=i.exports.useRef([]),v=i.exports.useRef(null),K=44,M=E?Math.ceil(window.innerHeight/K):r.items.length,[I,Q]=i.exports.useState(M),[U,W]=i.exports.useState(I<(r==null?void 0:r.items.length));i.exports.useEffect(()=>{_.current=_.current.slice(0,r.items.length)},[r.items.length]);const X=()=>{if(I>=r.items.length){W(!1);return}const s=M+I;Q(s)},Y=s=>s.findIndex(y=>y.active===!0),Z=s=>{if(!v.current||!j.current)return;const y=1;if(H&&s>=0){const D=_.current.reduce((q,ee,re)=>re<s?q+ee.clientHeight+y:q,0),V=v.current.clientHeight/2-_.current[s].clientHeight/2,N=D-V;if(n){const q=j.current.clientHeight/2;v.current.scrollTop=N+q}const $=j.current.clientHeight;v.current.scrollTop=N+$}};return i.exports.useEffect(()=>{if(H){const s=Y(r==null?void 0:r.items);Z(s)}},[v.current,j.current,H]),e.exports.jsx(ae,{onDragEnd:s=>{var V,N;const y=(V=s==null?void 0:s.source)==null?void 0:V.index,D=(N=s==null?void 0:s.destination)==null?void 0:N.index;t({from:y,to:D})},children:e.exports.jsx(ne,{droppableId:"droppable",children:(s,y)=>e.exports.jsx("div",{className:C(p?a.narrow:"",F?a.scrollableList:"",z?a.hideScrollbar:""),"data-testid":b,id:"scrollableDiv",style:{height:m,marginBottom:d},ref:v,children:e.exports.jsx("div",{ref:s.innerRef,...s.droppableProps,children:e.exports.jsxs(le,{bordered:o,padding:!1,children:[!g&&e.exports.jsx(ce,{name:r.name,actions:r.actions,toggleNarrow:h,onToggleNarrow:f,stickyHeader:n,ref:j}),e.exports.jsx("div",{className:C(a.list,o?a.bordered:""),children:E?e.exports.jsx(se,{dataLength:I,next:X,hasMore:U,scrollableTarget:J||"scrollableDiv",loader:e.exports.jsx(de,{}),children:e.exports.jsx(S,{draggable:l,items:r.items.slice(0,I),expanding:c,invokeEditOnRowClick:x,onListReorder:t,provided:s,snapshot:y,ref:_})}):e.exports.jsx(S,{draggable:l,items:r.items,expanding:c,invokeEditOnRowClick:x,onListReorder:t,provided:s,snapshot:y,ref:_})})]})})})})})};try{O.displayName="List",O.__docgenInfo={description:"",displayName:"List",props:{drawer:{defaultValue:null,description:"",name:"drawer",required:!1,type:{name:"boolean"}},list:{defaultValue:null,description:"",name:"list",required:!0,type:{name:"IListData"}},bordered:{defaultValue:{value:"false"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},expanding:{defaultValue:{value:"false"},description:"",name:"expanding",required:!1,type:{name:"boolean"}},narrow:{defaultValue:{value:"false"},description:"",name:"narrow",required:!1,type:{name:"boolean"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"(() => void)"}},invokeEditOnRowClick:{defaultValue:{value:"true"},description:"",name:"invokeEditOnRowClick",required:!1,type:{name:"boolean"}},noHeader:{defaultValue:{value:"false"},description:"",name:"noHeader",required:!1,type:{name:"boolean"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}},draggable:{defaultValue:{value:"false"},description:"",name:"draggable",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:{value:"() => {}"},description:"",name:"onListReorder",required:!1,type:{name:"((args: IReorderData) => void)"}},marginBottom:{defaultValue:{value:"0"},description:"",name:"marginBottom",required:!1,type:{name:"string | number"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string | number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},scrollDetails:{defaultValue:{value:`{
+    scrollable: false,
+    hideScrollbar: false,
+    triggerScrollToActiveItem: false,
+    infiniteScroll: false,
+    limit: 10,
+    infiniteScrollTarget: undefined,
+  }`},description:"",name:"scrollDetails",required:!1,type:{name:"IScrollDetails"}}}}}catch{}export{O as L,A as a};

package/dist/assets/list.stories-data.adf90caf.js

@@ -0,0 +1 @@
+import{j as s}from"./jsx-runtime.bc0b5389.js";import{F as o}from"./flex.f0bedd04.js";import{M as c}from"./actions.310c4239.js";import{I as i}from"./icon.86155bc3.js";import{I as n,T as d}from"./common-enum.04de2059.js";import{M as l}from"./enum.9003e5cc.js";const t=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Jaguar",disabled:!0}],p=[{id:1,name:"Marsupials",type:"Heading",metaCount:1},{id:2,name:"Aardvark"},{id:3,name:"Kangaroo",active:!0},{id:4,name:"Mammals",type:"Heading",metaCount:1},{id:5,name:"Jaguar"}],u=[{id:1,name:"Aardvark"},{id:2,name:"Kangaroo",active:!0},{id:3,name:"Grey",level:1},{id:4,name:"Eastern",level:2},{id:5,name:"Macropus giganteus giganteus",title:"Macropus giganteus giganteus",level:3},{id:6,name:"Macropus giganteus tasmaniensis",title:"Macropus giganteus tasmaniensis",level:3},{id:7,name:"Western",level:2},{id:8,name:"Red",level:1},{id:9,name:"Jaguar"}],C={items:t},r={name:"Animals",actions:[{label:"More",subActions:[{label:"Item",icon:"up",onClick:()=>{}},{label:"Item",icon:"down",onClick:()=>{}}]},{label:"Add",primary:!0,icon:"add",onClick:()=>{}}],items:t},m={...r,items:p},I={...r,name:s.exports.jsxs(o,{gap:"8px",children:["Animals",s.exports.jsx(i,{icon:n.STAR})]}),items:t.map(e=>({...e,name:s.exports.jsxs(o,{gap:"8px",alignItems:"center",children:[e.name,s.exports.jsx(i,{icon:n.STAR})]})}))};t.map(e=>({...e,actions:[{childComponent:s.exports.jsx(c,{menu:{trigger:d.COMPONENT,component:s.exports.jsx(i,{icon:n.MENU}),placement:"bottom-end",sections:[{type:l.OPTION,label:"Item",onClick:()=>{}},{type:l.OPTION,label:"Item",onClick:()=>{}}]}})}]}));const h={items:t.map(e=>({...e,actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]}]}))},k={items:t.map((e,a)=>({...e,label:{value:String(a+1),color:"var(--color-text-info)"}}))},T={...m,items:m.items.map((e,a)=>({...e,label:{value:String(a+1),color:"var(--color-text-info)"}}))},j={items:t.map(e=>({...e,actions:[{label:"Delete",icon:"delete",onClick:()=>{}}]}))},y={items:t.map((e,a)=>({...e,details:"Description goes here",metadata:"2019-05-03 09:03:51",testId:`story-list-item-${a}`}))},f={items:t.map(e=>({...e,content:s.exports.jsx("div",{children:"Example content element (for show/hide)."})}))},S={items:u},N={items:[...t,{id:4,name:"Dodo",invalid:!0}]},O={items:t.map(e=>({...e,icon:{icon:"success",color:"var(--color-text-success)",tooltip:{text:s.exports.jsx(s.exports.Fragment,{children:"Tooltip goes here"})}}}))},D={items:t.map(e=>({...e,metaCount:3}))},E={name:"Animals",items:[...Array(50)].map((e,a)=>({id:a,name:`Aardvark #${a+1}`}))};export{j as a,h as b,y as c,f as d,r as e,k as f,S as g,N as h,I as i,O as j,D as k,C as l,E as m,T as n};