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

package/dist/assets/card.1c1f9162.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)}._card_1u5nx_341{color:var(--color-text)}._card_1u5nx_341._bordered_1u5nx_344{background:var(--color-background-raised);border:1px solid var(--color-border);box-shadow:0 1px 2px #0000001a;border-radius:4px}._card_1u5nx_341._bordered_1u5nx_344._raised_1u5nx_350{box-shadow:0 0 4px #0000001a,0 3px 4px #0000001a}._card_1u5nx_341._bordered_1u5nx_344 ._cardHeader_1u5nx_353{background-color:var(--color-background);padding:10px 15px;border-top-left-radius:inherit;border-top-right-radius:inherit}._card_1u5nx_341._bordered_1u5nx_344 ._cardContentBorderTop_1u5nx_359{border-top:1px solid var(--color-border)}._card_1u5nx_341._bordered_1u5nx_344 ._padding_1u5nx_362{padding:10px 15px}._cardContent_1u5nx_359:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._cardContent_1u5nx_359:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._cardHeader_1u5nx_353{display:flex;align-items:center;padding:10px 0}

package/dist/assets/card.edc0d859.js

@@ -0,0 +1 @@
+import{j as a}from"./jsx-runtime.bc0b5389.js";import{c as d}from"./index.55214191.js";const l="_card_1u5nx_341",u="_bordered_1u5nx_344",p="_raised_1u5nx_350",_="_cardHeader_1u5nx_353",m="_cardContentBorderTop_1u5nx_359",x="_padding_1u5nx_362",f="_cardContent_1u5nx_359",e={card:l,bordered:u,raised:p,cardHeader:_,cardContentBorderTop:m,padding:x,cardContent:f},t=({bordered:n=!0,heading:r=null,children:o,margin:s="0",padding:c=!0,raised:i=!1})=>a.exports.jsxs("div",{className:d(e.card,n?e.bordered:"",i?e.raised:""),style:{margin:s},children:[r?a.exports.jsx("div",{className:d(e.cardHeader),children:r}):null,a.exports.jsx("div",{className:d(e.cardContent,r?e.cardContentBorderTop:"",c?e.padding:""),children:o})]});try{t.displayName="Card",t.__docgenInfo={description:"",displayName:"Card",props:{bordered:{defaultValue:{value:"true"},description:"",name:"bordered",required:!1,type:{name:"boolean"}},heading:{defaultValue:{value:"null"},description:"",name:"heading",required:!1,type:{name:"ReactNode"}},margin:{defaultValue:{value:"0"},description:"",name:"margin",required:!1,type:{name:"string"}},padding:{defaultValue:{value:"true"},description:"",name:"padding",required:!1,type:{name:"boolean"}},raised:{defaultValue:{value:"false"},description:"",name:"raised",required:!1,type:{name:"boolean"}}}}}catch{}export{t as C};

package/dist/assets/card.stories.66e7ff29.js

@@ -0,0 +1 @@
+import{j as d}from"./jsx-runtime.bc0b5389.js";import{C as S}from"./card.edc0d859.js";import{H as N}from"./heading.d8accca2.js";import"./index.8c7046c4.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 w={title:"Layout/Card",component:S,args:{raised:!1,children:"Content goes here",padding:!0,bordered:!0}},o=W=>d.exports.jsx(S,{...W}),t=o.bind({}),r=o.bind({});r.args={heading:d.exports.jsx(N,{children:"Heading"})};const e=o.bind({});e.args={heading:d.exports.jsx(N,{onClickHelp:()=>console.log("help!"),children:"Heading"})};const a=o.bind({});a.args={padding:!1};const s=o.bind({});s.args={bordered:!1};var i,p,c;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:"args => <Card {...args} />",...(c=(p=t.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var n,m,g;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"args => <Card {...args} />",...(g=(m=r.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var l,u,h;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:"args => <Card {...args} />",...(h=(u=e.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var H,C,f;a.parameters={...a.parameters,docs:{...(H=a.parameters)==null?void 0:H.docs,source:{originalSource:"args => <Card {...args} />",...(f=(C=a.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};var x,b,j;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:"args => <Card {...args} />",...(j=(b=s.parameters)==null?void 0:b.docs)==null?void 0:j.source}}};const z=["Default","WithHeading","WithHelpHeading","NoPadding","NoBorder"];export{t as Default,s as NoBorder,a as NoPadding,r as WithHeading,e as WithHelpHeading,z as __namedExportsOrder,w as default};

package/dist/assets/casing-loads.stories.e0ccfa32.js

@@ -0,0 +1,209 @@
+import{j as e}from"./jsx-runtime.bc0b5389.js";import{r as c}from"./index.8c7046c4.js";import{T}from"./top-bar.d067e7e6.js";import{S as I}from"./side-bar.38b8fdc1.js";import{H as i}from"./heading.d8accca2.js";import{B as n}from"./button.4d73be0d.js";import{D as m}from"./drawer.cd7dde21.js";import{L as O}from"./list.c0b606e4.js";import{F as o}from"./field.34841a80.js";import{I as t}from"./input.c3176058.js";import{M as D,D as E}from"./dialog.d82a54f5.js";import{C as H}from"./check-box.fe165636.js";import{F as u}from"./form-row.78983423.js";import{P as k}from"./page.0fb98747.js";import{R as y,C as R}from"./row.1d0d4b93.js";import{S as p}from"./select.0c940187.js";import{S as a}from"./spacer.17f9f9e6.js";import{T as B}from"./tabs.408b21fe.js";import{T as M}from"./table.34589fe4.js";import{I as h}from"./common-enum.04de2059.js";import"./index.55214191.js";import"./actions.310c4239.js";import"./lodash.96de7017.js";import"./tooltip.47b8435e.js";import"./index.cb615f32.js";import"./disabled-context.47d44ea4.js";import"./icon.86155bc3.js";import"./inheritsLoose.5387fada.js";import"./index.73b4811b.js";import"./enum.9003e5cc.js";import"./badge.c60b26e4.js";import"./types.f0417c6d.js";import"./index.eeb00e59.js";import"./help-icon.8deae1d5.js";import"./spinner.f0fdc45e.js";import"./index.es.5a055fee.js";import"./extends.946277fc.js";import"./redux.afc48bf2.js";import"./objectSpread2.62d3bde3.js";import"./hoist-non-react-statics.cjs.10bac274.js";import"./memoize-one.esm.7a54f149.js";import"./card.edc0d859.js";import"./list-heading.647cd461.js";import"./loader.c35b8c59.js";import"./label.71b4dc9a.js";import"./portal.23946b05.js";import"./styled-components.browser.esm.611ca86c.js";import"./assertThisInitialized.962dde02.js";import"./text.3e08313f.js";import"./select.input.395daa83.js";import"./pagination.4f19f4f6.js";import"./input-group.655922b4.js";import"./input-group-addon.d746d2dd.js";import"./number-input.9aea4872.js";import"./index.cb879655.js";import"./slider.295b80b6.js";import"./popover.deb1280b.js";const We={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},r=()=>{const[v,s]=c.exports.useState(!1),C=()=>e.exports.jsx("div",{style:{color:"#aaa",display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",overflow:"hidden",top:0,left:0,right:0,bottom:0},children:"SCHEMATIC"}),x=[{label:"Casing Loads",value:"casingloads"},{label:"Plot Charts",value:"charts"}],j={name:"Casing Loads",items:[{id:1,name:"Sections",type:"Heading"},{id:2,name:'30" Conductor Casing',active:!0},{id:3,name:"Ipsum"},{id:4,name:"Dolor"}]},w={columnWidths:["auto","auto","auto","auto","1%"],headers:[{cells:[{value:"Load case name"},{value:"Internal profile"},{value:"External profile"},{value:"Temperature profile"},{value:""}]}],rows:[{cells:[{value:"Load case 1"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>s(!0)}]},{cells:[{value:"Load case 2"},{value:"Profile 1"},{value:"Profile 2"},{value:"Profile 3"},{value:"Edit",type:"Link",onClick:()=>s(!0)}]}]},L=()=>e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(o,{label:"Name",children:e.exports.jsx(t,{value:"Load case 1"})}),e.exports.jsx(a,{}),e.exports.jsx(i,{children:"Internal Profile"}),e.exports.jsx(a,{height:"10px"}),e.exports.jsxs(u,{children:[e.exports.jsx(o,{label:"Profile",children:e.exports.jsx(p,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.exports.jsx(o,{label:"Influx depth",children:e.exports.jsx(t,{width:"120px"})}),e.exports.jsx(o,{label:"Gas gradient",children:e.exports.jsx(t,{width:"120px"})}),e.exports.jsx(o,{label:"Mud weight",children:e.exports.jsx(t,{width:"120px"})}),e.exports.jsx(o,{label:"Input n",children:e.exports.jsx(t,{width:"120px"})}),e.exports.jsx(o,{children:e.exports.jsx(H,{label:"Limit gas at shoe"})})]}),e.exports.jsx(a,{}),e.exports.jsx(i,{children:"External Profile"}),e.exports.jsx(a,{height:"10px"}),e.exports.jsxs(u,{children:[e.exports.jsx(o,{label:"Profile",children:e.exports.jsx(p,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.exports.jsx(o,{label:"FG above TOC",children:e.exports.jsx(t,{width:"120px"})}),e.exports.jsx(o,{label:"FG below TOC",children:e.exports.jsx(t,{width:"120px"})})]}),e.exports.jsx(a,{}),e.exports.jsx(i,{children:"Temperature Profile"}),e.exports.jsx(a,{height:"10px"}),e.exports.jsxs(u,{children:[e.exports.jsx(o,{label:"Profile",children:e.exports.jsx(p,{native:!0,width:"auto",options:[{label:"Profile 1",value:"1"},{label:"Profile 2",value:"2"}]})}),e.exports.jsx(o,{label:"Custome table",children:e.exports.jsx(p,{native:!0,width:"auto",options:[{label:"Custome table 1",value:"1"},{label:"Custome table 2",value:"2"}]})})]})]}),F=()=>{const[l,d]=c.exports.useState(!0);return e.exports.jsx(m,{button:e.exports.jsx(n,{onClick:()=>d(!l),round:!0,icon:h.CHEVRON_LEFT}),open:l,width:300,closedWidth:50,children:e.exports.jsx(O,{drawer:!0,narrow:!l,list:j})})},P=()=>{const[l,d]=c.exports.useState(!0);return e.exports.jsx(m,{right:!0,background:"white",button:e.exports.jsx(n,{onClick:()=>d(!l),round:!0,icon:h.CHEVRON_RIGHT}),open:l,width:300,closedWidth:50,children:e.exports.jsx(C,{})})},S=()=>e.exports.jsx(D,{visible:v,children:e.exports.jsx(E,{dialog:{heading:"Load case 1",content:e.exports.jsx(L,{}),footer:e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(n,{label:"Save",colored:!0,onClick:()=>s(!1)}),e.exports.jsx(n,{label:"Cancel",onClick:()=>s(!1)})]}),onClose:()=>s(!1)}})});return e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(T,{}),e.exports.jsx(I,{options:{title:"",sections:[]}}),e.exports.jsx(k,{padding:!1,scroll:!1,children:e.exports.jsxs(y,{spacing:0,flex:!0,children:[e.exports.jsx(F,{}),e.exports.jsxs(R,{borderLeft:!0,borderRight:!0,padding:!0,scroll:!0,children:[e.exports.jsx(i,{top:!0,marginBottom:0,children:'30" Conductor Casing'}),e.exports.jsx(B,{margin:!1,options:x,value:x[0]}),e.exports.jsx(a,{}),e.exports.jsx(M,{table:w})]}),e.exports.jsx(P,{})]})}),e.exports.jsx(S,{})]})};var g,f,b;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`() => {
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const SchematicPlaceholder = () => <div style={{
+    color: '#aaa',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    position: 'absolute',
+    overflow: 'hidden',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  }}>
+      SCHEMATIC
+    </div>;
+  const casingTabs = [{
+    label: 'Casing Loads',
+    value: 'casingloads'
+  }, {
+    label: 'Plot Charts',
+    value: 'charts'
+  }];
+  const casingListData = {
+    name: 'Casing Loads',
+    items: [{
+      id: 1,
+      name: 'Sections',
+      type: 'Heading'
+    }, {
+      id: 2,
+      name: '30" Conductor Casing',
+      active: true
+    }, {
+      id: 3,
+      name: 'Ipsum'
+    }, {
+      id: 4,
+      name: 'Dolor'
+    }]
+  };
+  const loadsTableData = {
+    columnWidths: ['auto', 'auto', 'auto', 'auto', '1%'],
+    headers: [{
+      cells: [{
+        value: 'Load case name'
+      }, {
+        value: 'Internal profile'
+      }, {
+        value: 'External profile'
+      }, {
+        value: 'Temperature profile'
+      }, {
+        value: ''
+      }]
+    }],
+    rows: [{
+      cells: [{
+        value: 'Load case 1'
+      }, {
+        value: 'Profile 1'
+      }, {
+        value: 'Profile 2'
+      }, {
+        value: 'Profile 3'
+      }, {
+        value: 'Edit',
+        type: 'Link',
+        onClick: () => setDialogOpen(true)
+      }]
+    }, {
+      cells: [{
+        value: 'Load case 2'
+      }, {
+        value: 'Profile 1'
+      }, {
+        value: 'Profile 2'
+      }, {
+        value: 'Profile 3'
+      }, {
+        value: 'Edit',
+        type: 'Link',
+        onClick: () => setDialogOpen(true)
+      }]
+    }]
+  };
+  const LoadCaseForm = () => <>
+      <Field label="Name">
+        <Input value="Load case 1" />
+      </Field>
+      <Spacer />
+      <Heading>Internal Profile</Heading>
+      <Spacer height="10px" />
+      <FormRow>
+        <Field label="Profile">
+          <Select native width="auto" options={[{
+          label: 'Profile 1',
+          value: '1'
+        }, {
+          label: 'Profile 2',
+          value: '2'
+        }]} />
+        </Field>
+        <Field label="Influx depth">
+          <Input width="120px" />
+        </Field>
+        <Field label="Gas gradient">
+          <Input width="120px" />
+        </Field>
+        <Field label="Mud weight">
+          <Input width="120px" />
+        </Field>
+        <Field label="Input n">
+          <Input width="120px" />
+        </Field>
+        <Field>
+          <CheckBox label="Limit gas at shoe" />
+        </Field>
+      </FormRow>
+      <Spacer />
+      <Heading>External Profile</Heading>
+      <Spacer height="10px" />
+      <FormRow>
+        <Field label="Profile">
+          <Select native width="auto" options={[{
+          label: 'Profile 1',
+          value: '1'
+        }, {
+          label: 'Profile 2',
+          value: '2'
+        }]} />
+        </Field>
+        <Field label="FG above TOC">
+          <Input width="120px" />
+        </Field>
+        <Field label="FG below TOC">
+          <Input width="120px" />
+        </Field>
+      </FormRow>
+      <Spacer />
+      <Heading>Temperature Profile</Heading>
+      <Spacer height="10px" />
+      <FormRow>
+        <Field label="Profile">
+          <Select native width="auto" options={[{
+          label: 'Profile 1',
+          value: '1'
+        }, {
+          label: 'Profile 2',
+          value: '2'
+        }]} />
+        </Field>
+        <Field label="Custome table">
+          <Select native width="auto" options={[{
+          label: 'Custome table 1',
+          value: '1'
+        }, {
+          label: 'Custome table 2',
+          value: '2'
+        }]} />
+        </Field>
+      </FormRow>
+    </>;
+  const CasingLoadsList = () => {
+    const [open, setOpen] = useState(true);
+    return <Drawer button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_LEFT} />} open={open} width={300} closedWidth={50}>
+        <List drawer narrow={!open} list={casingListData} />
+      </Drawer>;
+  };
+  const CasingLoadsSchematic = () => {
+    const [open, setOpen] = useState(true);
+    return <Drawer right background="white" button={<Button onClick={() => setOpen(!open)} round icon={IconType.CHEVRON_RIGHT} />} open={open} width={300} closedWidth={50}>
+        <SchematicPlaceholder />
+      </Drawer>;
+  };
+  const CasingLoadsEditModal = () => <Modal visible={dialogOpen}>
+      <Dialog dialog={{
+      heading: 'Load case 1',
+      content: <LoadCaseForm />,
+      footer: <>
+              <Button label="Save" colored onClick={() => setDialogOpen(false)} />
+              <Button label="Cancel" onClick={() => setDialogOpen(false)} />
+            </>,
+      onClose: () => setDialogOpen(false)
+    }} />
+    </Modal>;
+  return <>
+      <TopBar />
+      <SideBar options={{
+      title: '',
+      sections: []
+    }} />
+      <Page padding={false} scroll={false}>
+        <Row spacing={0} flex>
+          <CasingLoadsList />
+          <Column borderLeft borderRight padding scroll>
+            <Heading top marginBottom={0}>
+              30&quot; Conductor Casing
+            </Heading>
+            <Tabs margin={false} options={casingTabs} value={casingTabs[0]} />
+            <Spacer />
+            <Table table={loadsTableData} />
+          </Column>
+          <CasingLoadsSchematic />
+        </Row>
+      </Page>
+      <CasingLoadsEditModal />
+    </>;
+}`,...(b=(f=r.parameters)==null?void 0:f.docs)==null?void 0:b.source}}};r.__docgenInfo={description:"",methods:[],displayName:"CasingLoads"};const Ve=["CasingLoads"];export{r as CasingLoads,Ve as __namedExportsOrder,We as default};

package/dist/assets/cell.stories.e3104e33.js

@@ -0,0 +1,208 @@
+import{j as e}from"./jsx-runtime.bc0b5389.js";import{r as E}from"./index.8c7046c4.js";import{T as I}from"./table.34589fe4.js";import{F as De}from"./field.34841a80.js";import{B as F}from"./button.4d73be0d.js";import{I as Me}from"./input.c3176058.js";import{F as Je}from"./flex.f0bedd04.js";import{t as ze,s as Xe,u as Ge,v as qe,w as Ke,x as Ne,y as Qe,z as Ve,A as Ye,B as Ze,C as $e,D as _e,E as er,F as rr,G as sr,H as ar,I as tr}from"./table.stories-data.ad50babd.js";import"./index.55214191.js";import"./index.es.5a055fee.js";import"./inheritsLoose.5387fada.js";import"./extends.946277fc.js";import"./redux.afc48bf2.js";import"./objectSpread2.62d3bde3.js";import"./hoist-non-react-statics.cjs.10bac274.js";import"./index.cb615f32.js";import"./memoize-one.esm.7a54f149.js";import"./icon.86155bc3.js";import"./index.73b4811b.js";import"./disabled-context.47d44ea4.js";import"./lodash.96de7017.js";import"./actions.310c4239.js";import"./tooltip.47b8435e.js";import"./common-enum.04de2059.js";import"./enum.9003e5cc.js";import"./badge.c60b26e4.js";import"./types.f0417c6d.js";import"./heading.d8accca2.js";import"./help-icon.8deae1d5.js";import"./pagination.4f19f4f6.js";import"./select.0c940187.js";import"./assertThisInitialized.962dde02.js";import"./text.3e08313f.js";import"./select.input.395daa83.js";import"./input-group.655922b4.js";import"./input-group-addon.d746d2dd.js";import"./number-input.9aea4872.js";import"./index.cb879655.js";import"./check-box.fe165636.js";import"./slider.295b80b6.js";import"./index.eeb00e59.js";import"./popover.deb1280b.js";import"./label.71b4dc9a.js";import"./spinner.f0fdc45e.js";const Qr={title:"Basic/Table/Cell",component:I,args:{table:{...ze}}},r=t=>e.exports.jsx(I,{...t}),d=r.bind({});d.args={table:Xe};const m=r.bind({});m.args={table:Ge};const u=r.bind({});u.args={table:qe};const b=r.bind({});b.args={table:Ke};const g=r.bind({});g.args={table:Ne};const x=r.bind({});x.args={table:Qe};const v=r.bind({});v.args={table:Ve};const C=r.bind({});C.args={table:Ye};const h=r.bind({});h.args={table:Ze};const S=r.bind({});S.args={table:$e};const f=r.bind({});f.args={table:_e};const j=r.bind({});j.args={table:er};const y=r.bind({});y.args={table:rr};const T=r.bind({});T.args={table:sr};const n=r.bind({});n.args={table:ar};n.parameters={docs:{description:{story:"Setting `breakWord: true` on a cell will allow very long text strings to break"}}};const P=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,s)=>[s,s*2,s*2]);const A=()=>{const l=({close:a,value:O})=>e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(De,{label:"Input",children:e.exports.jsx(Me,{value:O,width:"100%"})}),e.exports.jsxs(Je,{gap:!0,children:[e.exports.jsx(F,{colored:!0,label:"Save",onClick:()=>{}}),e.exports.jsx(F,{label:"Cancel",onClick:a})]})]}),s={fixedWidth:"100%",headers:[{cells:t.map(a=>({value:a}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((a,O)=>({cells:[...Array(3).keys()].map((o,c)=>({value:a[c],type:"Popover",content:e.exports.jsx(l,{value:a[c]})}))}))};return e.exports.jsx(I,{table:s})};return e.exports.jsx(A,{})},w=()=>{const t=["Section","Width","Height"];let p=["","m","m"],W=[...Array(10).keys()].map((l,s)=>[s,s*2,s*2]);const A=()=>{const[l,s]=E.exports.useState(!1),a=({close:o,value:c})=>{E.exports.useEffect(()=>{l||s(!0)},[]);const B=()=>{s(!1),o()};return e.exports.jsxs(e.exports.Fragment,{children:[e.exports.jsx(De,{label:"Input",children:e.exports.jsx(Me,{value:c,width:"100%"})}),e.exports.jsxs(Je,{gap:!0,children:[e.exports.jsx(F,{colored:!0,label:"Save",onClick:B}),e.exports.jsx(F,{label:"Cancel",onClick:B})]})]})},O={headers:[{cells:t.map(o=>({value:o}))},{cells:[{},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[1],type:"Unit"},{menu:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:p[2],type:"Unit"}]}],rows:W.map((o,c)=>({cells:[...Array(3).keys()].map((B,U)=>({value:o[U],type:"Popover",disabled:l,closeOnOutsideClick:!1,content:e.exports.jsx(a,{value:o[U]})}))}))};return e.exports.jsx(I,{table:O})};return e.exports.jsx(A,{})},k=r.bind({});k.args={table:tr};const i=r.bind({});i.args={table:{..._e,name:"Food"}};i.decorators=[t=>e.exports.jsx("div",{style:{width:180,height:180,overflow:"hidden",resize:"both"},children:e.exports.jsx(t,{})})];var L,R,H;d.parameters={...d.parameters,docs:{...(L=d.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(H=(R=d.parameters)==null?void 0:R.docs)==null?void 0:H.source}}};var D,M,J;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(J=(M=m.parameters)==null?void 0:M.docs)==null?void 0:J.source}}};var _,z,X;u.parameters={...u.parameters,docs:{...(_=u.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(X=(z=u.parameters)==null?void 0:z.docs)==null?void 0:X.source}}};var G,q,K;b.parameters={...b.parameters,docs:{...(G=b.parameters)==null?void 0:G.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(K=(q=b.parameters)==null?void 0:q.docs)==null?void 0:K.source}}};var N,Q,V;g.parameters={...g.parameters,docs:{...(N=g.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(V=(Q=g.parameters)==null?void 0:Q.docs)==null?void 0:V.source}}};var Y,Z,$;x.parameters={...x.parameters,docs:{...(Y=x.parameters)==null?void 0:Y.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...($=(Z=x.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,re,se;v.parameters={...v.parameters,docs:{...(ee=v.parameters)==null?void 0:ee.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(se=(re=v.parameters)==null?void 0:re.docs)==null?void 0:se.source}}};var ae,te,oe;C.parameters={...C.parameters,docs:{...(ae=C.parameters)==null?void 0:ae.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(oe=(te=C.parameters)==null?void 0:te.docs)==null?void 0:oe.source}}};var le,ne,ie;h.parameters={...h.parameters,docs:{...(le=h.parameters)==null?void 0:le.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(ie=(ne=h.parameters)==null?void 0:ne.docs)==null?void 0:ie.source}}};var pe,ce,de;S.parameters={...S.parameters,docs:{...(pe=S.parameters)==null?void 0:pe.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(de=(ce=S.parameters)==null?void 0:ce.docs)==null?void 0:de.source}}};var me,ue,be;f.parameters={...f.parameters,docs:{...(me=f.parameters)==null?void 0:me.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(be=(ue=f.parameters)==null?void 0:ue.docs)==null?void 0:be.source}}};var ge,xe,ve;j.parameters={...j.parameters,docs:{...(ge=j.parameters)==null?void 0:ge.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(ve=(xe=j.parameters)==null?void 0:xe.docs)==null?void 0:ve.source}}};var Ce,he,Se;y.parameters={...y.parameters,docs:{...(Ce=y.parameters)==null?void 0:Ce.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(Se=(he=y.parameters)==null?void 0:he.docs)==null?void 0:Se.source}}};var fe,je,ye;T.parameters={...T.parameters,docs:{...(fe=T.parameters)==null?void 0:fe.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(ye=(je=T.parameters)==null?void 0:je.docs)==null?void 0:ye.source}}};var Te,ke,Oe;n.parameters={...n.parameters,docs:{...(Te=n.parameters)==null?void 0:Te.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(Oe=(ke=n.parameters)==null?void 0:ke.docs)==null?void 0:Oe.source}}};var Pe,we,Fe;P.parameters={...P.parameters,docs:{...(Pe=P.parameters)==null?void 0:Pe.docs,source:{originalSource:`() => {
+  const headings = ['Section', 'Width', 'Height'];
+  let units = ['', 'm', 'm'];
+  let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
+  /*
+      Mock table data store (real apps should use Redux or similar)
+    */
+  const PopoverTable = () => {
+    const CellInputForm = ({
+      close,
+      value
+    }: any) => <>
+        <Field label="Input">
+          <Input value={value} width="100%" />
+        </Field>
+        <Flex gap>
+          <Button colored label="Save" onClick={() => {}} />
+          <Button label="Cancel" onClick={close} />
+        </Flex>
+      </>;
+    const table = {
+      fixedWidth: '100%',
+      headers: [{
+        cells: headings.map(h => ({
+          value: h
+        }))
+      }, {
+        cells: [{}, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[1],
+          type: 'Unit'
+        }, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[2],
+          type: 'Unit'
+        }]
+      }],
+      rows: data.map((row, i) => {
+        return {
+          cells: [...Array(3).keys()].map((c, i) => ({
+            //https://stackoverflow.com/a/33352604
+            value: row[i],
+            type: 'Popover',
+            content: <CellInputForm value={row[i]} />
+          }))
+        };
+      })
+    };
+    return <Table table={(table as any)} />;
+  };
+  return <PopoverTable />;
+}`,...(Fe=(we=P.parameters)==null?void 0:we.docs)==null?void 0:Fe.source}}};var Ie,We,Ae;w.parameters={...w.parameters,docs:{...(Ie=w.parameters)==null?void 0:Ie.docs,source:{originalSource:`() => {
+  const headings = ['Section', 'Width', 'Height'];
+  let units = ['', 'm', 'm'];
+  let data = [...Array(10).keys()].map((c, i) => [i, i * 2, i * 2]);
+  /*
+    Mock table data store (real apps should use Redux or similar)
+  */
+  const SinglePopoverOpenedTable = () => {
+    const [isPopOverCellOpened, setIsPopOverCellOpened] = useState(false);
+    const CellInputForm = ({
+      close,
+      value
+    }: any) => {
+      useEffect(() => {
+        if (!isPopOverCellOpened) {
+          setIsPopOverCellOpened(true);
+        }
+      }, []);
+      const onClosePopOver = () => {
+        setIsPopOverCellOpened(false);
+        close();
+      };
+      return <>
+          <Field label="Input">
+            <Input value={value} width="100%" />
+          </Field>
+          <Flex gap>
+            <Button colored label="Save" onClick={onClosePopOver} />
+            <Button label="Cancel" onClick={onClosePopOver} />
+          </Flex>
+        </>;
+    };
+    const table = {
+      headers: [{
+        cells: headings.map(h => ({
+          value: h
+        }))
+      }, {
+        cells: [{}, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[1],
+          type: 'Unit'
+        }, {
+          menu: [{
+            label: 'm',
+            value: 'm'
+          }, {
+            label: 'ft',
+            value: 'ft'
+          }],
+          value: units[2],
+          type: 'Unit'
+        }]
+      }],
+      rows: data.map((row, i) => {
+        return {
+          cells: [...Array(3).keys()].map((c, i) => ({
+            //https://stackoverflow.com/a/33352604
+            value: row[i],
+            type: 'Popover',
+            disabled: isPopOverCellOpened,
+            closeOnOutsideClick: false,
+            content: <CellInputForm value={row[i]} />
+          }))
+        };
+      })
+    };
+    return <Table table={(table as any)} />;
+  };
+  return <SinglePopoverOpenedTable />;
+}`,...(Ae=(We=w.parameters)==null?void 0:We.docs)==null?void 0:Ae.source}}};var Be,Ue,Ee;k.parameters={...k.parameters,docs:{...(Be=k.parameters)==null?void 0:Be.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(Ee=(Ue=k.parameters)==null?void 0:Ue.docs)==null?void 0:Ee.source}}};var Le,Re,He;i.parameters={...i.parameters,docs:{...(Le=i.parameters)==null?void 0:Le.docs,source:{originalSource:`args => {
+  return <Table
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} />;
+}`,...(He=(Re=i.parameters)==null?void 0:Re.docs)==null?void 0:He.source}}};const Vr=["Editable","Disabled","Colspan","ColspanWithWidths","CellWidths","CellStyleProp","Rowspan","Checkboxes","Icons","Links","Actions","Menus","JSXContent","StaticCellTooltips","WordbreakLongContent","Popover","SinglePopoverAtOnce","OverflowingCells","TestScrolling"];export{f as Actions,x as CellStyleProp,g as CellWidths,C as Checkboxes,u as Colspan,b as ColspanWithWidths,m as Disabled,d as Editable,h as Icons,y as JSXContent,S as Links,j as Menus,k as OverflowingCells,P as Popover,v as Rowspan,w as SinglePopoverAtOnce,T as StaticCellTooltips,i as TestScrolling,n as WordbreakLongContent,Vr as __namedExportsOrder,Qr as default};

package/dist/assets/check-box.01bce682.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)}._checkbox_gaiiv_341{margin:calc((var(--size) - var(--size-xs)) / 2) 0;position:relative;display:flex;align-items:center;gap:8px;backface-visibility:hidden;vertical-align:baseline;font-style:normal;min-height:var(--size-xs);font-size:inherit;line-height:var(--size-xs);min-width:var(--size-xs);outline:0px}._checkbox_gaiiv_341._noLabel_gaiiv_356{width:var(--size-xs)}._checkbox_gaiiv_341._small_gaiiv_359{margin:calc((var(--size-sm) - var(--size-xs)) / 2) 0;font-size:12px}._checkbox_gaiiv_341 input{cursor:pointer;position:absolute;top:0px;left:0px;width:var(--size-xs);height:var(--size-xs);opacity:0!important;outline:0px;z-index:-1}._checkbox_gaiiv_341 label{cursor:pointer;user-select:none;color:var(--color-text);transition:color .1s ease 0s;display:block;padding-left:1.85714em;font-size:1em;outline:0px}._checkbox_gaiiv_341 label ._checkmark_gaiiv_384{position:absolute;top:0px;left:0px;width:var(--size-xs);height:var(--size-xs);font-size:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-background-input);border-radius:.214286rem;transition:border .1s ease 0s,opacity .1s ease 0s,transform .1s ease 0s,box-shadow .1s ease 0s;border:1px solid var(--color-border-checkbox);color:transparent}._checkbox_gaiiv_341 label ._checkmark_gaiiv_384:hover{border-color:var(--color-border-hover)}._checkbox_gaiiv_341 input:checked~label ._checkmark_gaiiv_384{background:var(--color-background-primary);border-color:transparent;color:#fff}._checkbox_gaiiv_341._disabled_gaiiv_408{cursor:default;pointer-events:none}._checkbox_gaiiv_341._disabled_gaiiv_408 label{color:var(--color-text-muted)}._checkbox_gaiiv_341._disabled_gaiiv_408 ._checkmark_gaiiv_384{background:var(--color-background-disabled)!important;border-color:var(--color-border-checkbox)!important}._checkbox_gaiiv_341._disabled_gaiiv_408 input:checked~label ._checkmark_gaiiv_384{color:var(--color-text-faint)}._noMargin_gaiiv_422,._isInTable_gaiiv_425{margin:0}

package/dist/assets/check-box.fe165636.js

@@ -0,0 +1 @@
+import{j as a}from"./jsx-runtime.bc0b5389.js";import{r as y}from"./index.8c7046c4.js";import{c as k}from"./index.55214191.js";import{D as I}from"./disabled-context.47d44ea4.js";import{H as C}from"./help-icon.8deae1d5.js";import{I as q}from"./icon.86155bc3.js";import{I as V}from"./common-enum.04de2059.js";const T="_checkbox_gaiiv_341",j="_noLabel_gaiiv_356",M="_small_gaiiv_359",H="_checkmark_gaiiv_384",L="_disabled_gaiiv_408",N="_noMargin_gaiiv_422",B="_isInTable_gaiiv_425",e={checkbox:T,noLabel:j,small:M,checkmark:H,disabled:L,noMargin:N,isInTable:B},m=({noMargin:s=!1,dataix:p=0,isInTable:f=!1,tabIndex:b=0,checked:l=!1,name:n,key:x="",label:i="",disabled:r=!1,small:_=!1,onChange:g,testId:h,value:E,helpText:o,onClickHelp:d})=>{const c=y.exports.useContext(I),v=o||d;return a.exports.jsxs("div",{className:k(e.checkbox,s&&e.noMargin,f&&e.isInTable,(r||c)&&e.disabled,_&&e.small,!i&&e.noLabel),"data-ix":p,onClick:u=>{const t=u.target;t.name=n,t.value=String(!l),t.checked=!l,g(u)},"data-testid":h,children:[a.exports.jsx("input",{type:"checkbox",tabIndex:b,checked:l,name:n,onChange:()=>{},disabled:r||c},x),a.exports.jsxs("label",{htmlFor:n,children:[a.exports.jsx("span",{className:e.checkmark,children:a.exports.jsx(q,{icon:V.CHECK})}),i]}),v&&a.exports.jsx(C,{text:o,onClick:d})]})};try{m.displayName="CheckBox",m.__docgenInfo={description:"",displayName:"CheckBox",props:{checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},key:{defaultValue:{value:""},description:"",name:"key",required:!1,type:{name:"string"}},dataix:{defaultValue:{value:"0"},description:"",name:"dataix",required:!1,type:{name:"number"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"(() => void)"}}}}}catch{}export{m as C};

package/dist/assets/check-box.stories.57dad348.js

@@ -0,0 +1,37 @@
+import{j as C}from"./jsx-runtime.bc0b5389.js";import{C as h}from"./check-box.fe165636.js";import"./index.8c7046c4.js";import"./index.55214191.js";import"./disabled-context.47d44ea4.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"./common-enum.04de2059.js";const{useArgs:A}=__STORYBOOK_MODULE_ADDONS__,R={title:"Forms/CheckBox",component:h,args:{disabled:!1,label:"Label"}},s=m=>{const[{checked:u},k]=A(),x=()=>{k({checked:!u})};return C.exports.jsx(h,{...m,onChange:x})},r=s.bind({}),e=s.bind({});e.args={helpText:"Help text"};const n=s.bind({});n.args={onClickHelp:()=>console.log("Help clicked")};var a,o,t;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <CheckBox
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(t=(o=r.parameters)==null?void 0:o.docs)==null?void 0:t.source}}};var c,p,d;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <CheckBox
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(d=(p=e.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var l,i,g;n.parameters={...n.parameters,docs:{...(l=n.parameters)==null?void 0:l.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <CheckBox
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(g=(i=n.parameters)==null?void 0:i.docs)==null?void 0:g.source}}};const F=["Default","HelpText","OnClickHelp"];export{r as Default,e as HelpText,n as OnClickHelp,F as __namedExportsOrder,R as default};

package/dist/assets/chunk-S4VUQJ4A.f7cc51cc.js

@@ -0,0 +1 @@
+import{_ as i}from"./iframe.3e65cb98.js";import{R as t,r as p}from"./index.8c7046c4.js";import{r as u,u as h}from"./react-16.27cfc332.js";import{C as l,A as d,H as E,a as x}from"./index.366d4da9.js";var _={code:l,a:d,...E},D=class extends p.exports.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:r}},R=class{constructor(){this.render=async(e,r,o)=>{let n={..._,...r==null?void 0:r.components},s=x;return new Promise((a,m)=>{i(()=>import("./index.c3ebe287.js"),["./index.c3ebe287.js","./index.24227caa.js","./index.8c7046c4.js"],import.meta.url).then(({MDXProvider:c})=>u(t.createElement(D,{showException:m,key:Math.random()},t.createElement(c,{components:n},t.createElement(s,{context:e,docsParameter:r}))),o)).then(()=>a())})},this.unmount=e=>{h(e)}}};export{R as D,_ as d};

package/dist/assets/color.057758bc.js

@@ -0,0 +1,11 @@
+import{j as o}from"./jsx-runtime.bc0b5389.js";import"./chunk-S4VUQJ4A.f7cc51cc.js";import{M as a}from"./index.366d4da9.js";import{r as p}from"./index.8c7046c4.js";import{t as d,T as x}from"./toaster.b90d2fdf.js";import{u as i}from"./index.24227caa.js";import"./iframe.3e65cb98.js";import"../sb-preview/runtime.js";import"./react-16.27cfc332.js";import"./index.cb615f32.js";import"./extends.946277fc.js";import"./assertThisInitialized.962dde02.js";import"./inheritsLoose.5387fada.js";import"./index.b8646d95.js";import"./message.65e5823f.js";import"./index.55214191.js";import"./icon.86155bc3.js";import"./index.73b4811b.js";import"./disabled-context.47d44ea4.js";import"./common-enum.04de2059.js";const m=["--color-text","--color-text-muted","--color-text-faint","--color-text-error","--color-text-warning","--color-text-success","--color-text-info","--color-text-primary","--color-text-primary-hover","--color-text-primary-active"],u=["--color-background","--color-background-raised","--color-background-primary","--color-background-info","--color-background-warning","--color-background-success","--color-background-error"],g=["--color-border","--color-border-error","--color-border-warning","--color-border-focus"],e=({colors:t})=>o.exports.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:t.map((r,l)=>{const s=`var(${r})`,n=()=>{navigator.clipboard.writeText(s),d({message:{type:"Success",content:"Copied to clipboard"}})};return o.exports.jsxs(p.exports.Fragment,{children:[o.exports.jsx("div",{style:{padding:"16px 20px",backgroundColor:s,border:"1px solid rgba(0,0,0,0.1)"},onClick:n}),o.exports.jsx("code",{onClick:n,children:s})]},l)})});try{e.displayName="ColorPalette",e.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function c(t){const r=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2"},i(),t.components);return o.exports.jsxs(o.exports.Fragment,{children:[o.exports.jsx(a,{title:"Colors"}),`
+`,o.exports.jsx(r.h1,{id:"colors",children:"Colors"}),`
+`,o.exports.jsx(r.p,{children:"When setting colors (either by component props or in custom styling), prefer CSS variables to literal color values."}),`
+`,o.exports.jsx(r.p,{children:o.exports.jsx(r.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`
+`,o.exports.jsx(r.h2,{id:"text",children:"Text"}),`
+`,o.exports.jsx(e,{colors:m}),`
+`,o.exports.jsx(r.h2,{id:"backgrounds",children:"Backgrounds"}),`
+`,o.exports.jsx(e,{colors:u}),`
+`,o.exports.jsx(r.h2,{id:"borders",children:"Borders"}),`
+`,o.exports.jsx(e,{colors:g}),`
+`,o.exports.jsx(x,{})]})}function N(t={}){const{wrapper:r}=Object.assign({},i(),t.components);return r?o.exports.jsx(r,Object.assign({},t,{children:o.exports.jsx(c,t)})):c(t)}export{N as default};