@oliasoft-open-source/react-ui-library 4.0.0-beta-67 → 4.0.0-beta-69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{index-22dccc68.css → index-a25a52fe.css} +79 -78
- package/dist/assets/{index-6c3715e0.js → index-f50e8be4.js} +34 -34
- package/dist/global.css +79 -78
- package/dist/index.html +1 -1
- package/dist/index.js +34 -34
- package/dist/storybook/assets/{Color-6VNJS4EI-a3c17fbd.js → Color-6VNJS4EI-20930c49.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-4c4dc5fb.js → DocsRenderer-NNNQARDV-12a735d5.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-4HIR6TLV-7f624628.js → WithTooltip-4HIR6TLV-40d01860.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-2bdf67d7.js → accordion.stories-1694fc63.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-e8f23fe6.js → buttons-and-links-112789e1.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-71a3ac30.js → casing-loads.stories-76f17dfc.js} +1 -1
- package/dist/storybook/assets/{cell.stories-86eba84e.js → cell.stories-6da6c15f.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-66006f50.js → chunk-HLWAVYOI-c45fe1cf.js} +1 -1
- package/dist/storybook/assets/{color-61b32e07.js → color-5588716c.js} +1 -1
- package/dist/storybook/assets/{footer.stories-3fff2df0.js → footer.stories-de732201.js} +1 -1
- package/dist/storybook/assets/{form.stories-ffa46c50.js → form.stories-910fbc0a.js} +1 -1
- package/dist/storybook/assets/{formation.stories-2177f04f.js → formation.stories-1f1a8bea.js} +1 -1
- package/dist/storybook/assets/{formatter-SWP5E3XI-ca475c18.js → formatter-SWP5E3XI-b688fd88.js} +1 -1
- package/dist/storybook/assets/{iframe-31e58352.js → iframe-f313aa33.js} +1 -1
- package/dist/storybook/assets/{index-b111bd62.js → index-8c976b43.js} +4 -4
- package/dist/storybook/assets/{input-validation-f7dec37f.js → input-validation-fcbceae4.js} +1 -1
- package/dist/storybook/assets/{inputs-187aed2b.js → inputs-85a93e93.js} +1 -1
- package/dist/storybook/assets/{layout-forms-f8afaf7f.js → layout-forms-a15719ea.js} +1 -1
- package/dist/storybook/assets/{layout-general-5da45136.js → layout-general-dae3a870.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-b15d01ab.js → padding-and-spacing-af03817f.js} +1 -1
- package/dist/storybook/assets/preview-56167c0b.js +1 -0
- package/dist/storybook/assets/{preview-fee88e72.js → preview-f828930c.js} +1 -1
- package/dist/storybook/assets/{row.stories-51068ee2.js → row.stories-0844f68b.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-bb952ca3.js → syntaxhighlighter-NMPM6SWI-c22baeed.js} +1 -1
- package/dist/storybook/assets/{table-831dda54.js → table-3a28ed27.js} +1 -1
- package/dist/storybook/assets/{table-e3d80651.css → table-9455392a.css} +1 -1
- package/dist/storybook/assets/{table.stories-454a620a.js → table.stories-a4f6c42f.js} +1 -1
- package/dist/storybook/assets/{title.stories-266c7253.js → title.stories-9b98e384.js} +1 -1
- package/dist/storybook/assets/toggle-35349f40.css +1 -0
- package/dist/storybook/assets/{toggle-fc36615a.js → toggle-bb34b2a2.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-7166588b.js → toggle.stories-b771ed81.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/project.json +1 -1
- package/package.json +1 -1
- package/dist/storybook/assets/preview-dd2d0e7c.js +0 -1
- package/dist/storybook/assets/toggle-239108ba.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
._inputInTable_cydch_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_cydch_1:not(:hover){border-color:transparent}._inputInTable_cydch_1:not(:focus){box-shadow:none}._inputHover_cydch_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_cydch_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_cydch_25,._inputWarning_cydch_26{position:relative}._inputError_cydch_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_cydch_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_cydch_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_cydch_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_cydch_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_cydch_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_cydch_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_cydch_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_cydch_67::-webkit-scrollbar{display:none}:root{--color-background-table-header: var(--color-neutral-150);--color-background-table-row-tinted: var(--color-neutral-50)}html[data-theme=dark]{--color-background-table-header: var(--color-neutral-800);--color-background-table-row-tinted: rgba(255, 255, 255, .025)}._wrapper_cydch_85{border-radius:inherit;max-height:100%;max-width:100%;display:flex;flex-direction:column;overflow:hidden}._wrapper_cydch_85._bordered_cydch_93{border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}._scroll_cydch_98{overflow-y:auto;border-radius:inherit;flex:1;min-height:0}._scroll_cydch_98:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}._table_cydch_108{background:var(--color-background-raised);color:var(--color-text);border-collapse:separate;border-spacing:0;border-radius:inherit;width:100%;font-variant-numeric:tabular-nums}._table_cydch_108>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_cydch_108>:first-child>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_cydch_108>:first-child>:first-child>:first-child{border-top-left-radius:inherit}._table_cydch_108>:first-child>:first-child>:last-child{border-top-right-radius:inherit}._table_cydch_108>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_cydch_108>:last-child>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_cydch_108>:last-child>:last-child>:first-child{border-bottom-left-radius:inherit}._table_cydch_108>:last-child>:last-child>:last-child{border-bottom-right-radius:inherit}th,td{padding:var(--padding-input)!important;height:var(--size);background:inherit;border-color:var(--color-border);border-style:solid;border-width:0}th:not(:first-child),td:not(:first-child){border-left-width:1px}._table_cydch_108>*:not(:last-child)>tr th,._table_cydch_108>*:not(:last-child)>tr td,._table_cydch_108>*:last-child>tr:not(:last-child) th,._table_cydch_108>*:last-child>tr:not(:last-child) td{border-bottom-width:1px}@-moz-document url-prefix(){tr{height:var(--size)}td,th{height:100%}}thead{position:sticky;top:0;overflow:hidden;z-index:5}thead tr{background-color:var(--color-background-table-header)}tbody{overflow:hidden}tbody tr{background-color:var(--color-background-raised)}._striped_cydch_188 tbody tr:nth-child(2n){background-color:var(--color-background-table-row-tinted)}._title_11pbp_1{background-color:var(--color-background-cardheader);border-bottom:1px solid var(--color-border);padding:var(--padding-xxs) var(--padding-sm);display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;border-top-left-radius:inherit;border-top-right-radius:inherit}._footer_4sumy_1{background-color:var(--color-background-table-header);z-index:4;overflow:hidden;flex-shrink:0}._section_4sumy_7{padding:var(--padding-input);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border)}._clickableRow_11d5t_1{cursor:pointer}._hoverableRow_11d5t_4:not(._rowActive_11d5t_4):hover,._clickableRow_11d5t_1:not(._rowActive_11d5t_4):hover{background-color:var(--color-background-listitem-hover)!important}._expandableRow_11d5t_8._flush_11d5t_8{padding:0!important;height:auto!important}._rowActive_11d5t_4{position:relative;background-color:var(--color-background-listitem-active)!important}._rowActive_11d5t_4:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-top-left-radius:inherit;border-bottom-left-radius:inherit;transition:background .3s;background:var(--color-background-primary)}._dragIconCell_11d5t_28{width:var(--size);min-width:var(--size);position:relative}._dragIcon_11d5t_28{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;color:var(--color-text-faint)}._dragIcon_11d5t_28:hover{color:var(--color-text-primary-hover)}._dragIcon_11d5t_28:active{color:var(--color-text-primary-active)}._inputInTable_17dgc_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_17dgc_1:not(:hover){border-color:transparent}._inputInTable_17dgc_1:not(:focus){box-shadow:none}._inputHover_17dgc_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_17dgc_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_17dgc_25,._inputWarning_17dgc_26{position:relative}._inputError_17dgc_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_17dgc_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_17dgc_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_17dgc_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_17dgc_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_17dgc_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_17dgc_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_17dgc_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_17dgc_67::-webkit-scrollbar{display:none}._cell_17dgc_77 a{cursor:pointer;color:var(--color-text-primary)}._cell_17dgc_77 a:hover{color:var(--color-text-primary-hover)}._cell_17dgc_77 a:active{color:var(--color-text-primary-active)}._cell_17dgc_77 a._disabledLink_17dgc_87{color:var(--color-text-faint)!important;cursor:default!important}._inputWrapper_17dgc_91{height:100%;border-radius:inherit}._inputWrapper_17dgc_91>span,._inputWrapper_17dgc_91>span>span,._inputWrapper_17dgc_91>span>span>div{height:100%;border-radius:inherit}._inputWrapper_17dgc_91>div,._inputWrapper_17dgc_91>div>span{height:100%;border-radius:inherit}._breakWord_17dgc_106{word-break:break-word}._inputCell_17dgc_109{padding:0!important}._sliderCell_17dgc_112{padding-top:0!important;padding-bottom:0!important}._staticCell_17dgc_116{padding:0!important}._staticCell_17dgc_116 ._staticCellContent_17dgc_119{line-height:1.25;min-height:100%;padding:var(--padding-input);position:relative;border-radius:inherit;display:flex;align-items:center}tbody ._staticCell_17dgc_116 ._staticCellContent_17dgc_119{color:var(--color-text-muted)}._staticCell_17dgc_116 ._staticCellContent_17dgc_119._error_17dgc_131,._staticCell_17dgc_116 ._staticCellContent_17dgc_119._warning_17dgc_132{border:1px solid transparent}._staticCell_17dgc_116 ._staticCellContent_17dgc_119._error_17dgc_131{background-color:var(--color-background-error)}._staticCell_17dgc_116 ._staticCellContent_17dgc_119._warning_17dgc_132{background-color:var(--color-background-warning)}._staticCell_17dgc_116 ._staticCellContent_17dgc_119._unit_17dgc_141{font-weight:400}._sortingCell_17dgc_144 ._staticCellContent_17dgc_119{position:relative;padding-right:calc(var(--size) + var(--padding-xxs))!important;cursor:pointer!important}._sortingCell_17dgc_144 ._staticCellContent_17dgc_119:hover{background-color:#0000000d!important}[data-theme=dark] ._sortingCell_17dgc_144 ._staticCellContent_17dgc_119:hover{background-color:#ffffff1a!important}._sortingCell_17dgc_144 ._sortingCellIcon_17dgc_155{font-size:var(--size-xs);position:absolute;right:var(--padding-input-x);top:50%;transform:translateY(-50%);display:flex}._sortingCell_17dgc_144 ._sortingCellIcon_17dgc_155>*{display:flex}._icon_17dgc_166{display:inline-flex;margin-left:var(--padding-xxs)}._checkBoxCell_17dgc_170{padding-block:0!important;width:var(--size)}._iconCellWrapper_17dgc_174{display:flex;justify-content:center}._actionsCell_17dgc_178{width:var(--size-sm);padding:0 calc((var(--size) - var(--size-sm)) / 2)!important;position:sticky;right:0;background:inherit;z-index:4}._rightAligned_17dgc_186{text-align:right!important}._rightAligned_17dgc_186 ._staticCellContent_17dgc_119{justify-content:flex-end}._centerAligned_17dgc_192{text-align:center!important}._centerAligned_17dgc_192 ._staticCellContent_17dgc_119{justify-content:center}._leftAligned_17dgc_198{text-align:left!important}._popover_17dgc_201{padding:var(--padding-input)}._disabledPointerEvents_17dgc_204{pointer-events:none}
|
|
1
|
+
._inputInTable_cydch_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_cydch_1:not(:hover){border-color:transparent}._inputInTable_cydch_1:not(:focus){box-shadow:none}._inputHover_cydch_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_cydch_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_cydch_25,._inputWarning_cydch_26{position:relative}._inputError_cydch_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_cydch_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_cydch_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_cydch_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_cydch_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_cydch_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_cydch_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_cydch_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_cydch_67::-webkit-scrollbar{display:none}:root{--color-background-table-header: var(--color-neutral-150);--color-background-table-row-tinted: var(--color-neutral-50)}html[data-theme=dark]{--color-background-table-header: var(--color-neutral-800);--color-background-table-row-tinted: rgba(255, 255, 255, .025)}._wrapper_cydch_85{border-radius:inherit;max-height:100%;max-width:100%;display:flex;flex-direction:column;overflow:hidden}._wrapper_cydch_85._bordered_cydch_93{border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}._scroll_cydch_98{overflow-y:auto;border-radius:inherit;flex:1;min-height:0}._scroll_cydch_98:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}._table_cydch_108{background:var(--color-background-raised);color:var(--color-text);border-collapse:separate;border-spacing:0;border-radius:inherit;width:100%;font-variant-numeric:tabular-nums}._table_cydch_108>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_cydch_108>:first-child>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._table_cydch_108>:first-child>:first-child>:first-child{border-top-left-radius:inherit}._table_cydch_108>:first-child>:first-child>:last-child{border-top-right-radius:inherit}._table_cydch_108>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_cydch_108>:last-child>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._table_cydch_108>:last-child>:last-child>:first-child{border-bottom-left-radius:inherit}._table_cydch_108>:last-child>:last-child>:last-child{border-bottom-right-radius:inherit}th,td{padding:var(--padding-input)!important;height:var(--size);background:inherit;border-color:var(--color-border);border-style:solid;border-width:0}th:not(:first-child),td:not(:first-child){border-left-width:1px}._table_cydch_108>*:not(:last-child)>tr th,._table_cydch_108>*:not(:last-child)>tr td,._table_cydch_108>*:last-child>tr:not(:last-child) th,._table_cydch_108>*:last-child>tr:not(:last-child) td{border-bottom-width:1px}@-moz-document url-prefix(){tr{height:var(--size)}td,th{height:100%}}thead{position:sticky;top:0;overflow:hidden;z-index:5}thead tr{background-color:var(--color-background-table-header)}tbody{overflow:hidden}tbody tr{background-color:var(--color-background-raised)}._striped_cydch_188 tbody tr:nth-child(2n){background-color:var(--color-background-table-row-tinted)}._title_11pbp_1{background-color:var(--color-background-cardheader);border-bottom:1px solid var(--color-border);padding:var(--padding-xxs) var(--padding-sm);display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;border-top-left-radius:inherit;border-top-right-radius:inherit}._footer_4sumy_1{background-color:var(--color-background-table-header);z-index:4;overflow:hidden;flex-shrink:0}._section_4sumy_7{padding:var(--padding-input);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border)}._clickableRow_11d5t_1{cursor:pointer}._hoverableRow_11d5t_4:not(._rowActive_11d5t_4):hover,._clickableRow_11d5t_1:not(._rowActive_11d5t_4):hover{background-color:var(--color-background-listitem-hover)!important}._expandableRow_11d5t_8._flush_11d5t_8{padding:0!important;height:auto!important}._rowActive_11d5t_4{position:relative;background-color:var(--color-background-listitem-active)!important}._rowActive_11d5t_4:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-top-left-radius:inherit;border-bottom-left-radius:inherit;transition:background .3s;background:var(--color-background-primary)}._dragIconCell_11d5t_28{width:var(--size);min-width:var(--size);position:relative}._dragIcon_11d5t_28{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;color:var(--color-text-faint)}._dragIcon_11d5t_28:hover{color:var(--color-text-primary-hover)}._dragIcon_11d5t_28:active{color:var(--color-text-primary-active)}._inputInTable_u3xdj_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_u3xdj_1:not(:hover){border-color:transparent}._inputInTable_u3xdj_1:not(:focus){box-shadow:none}._inputHover_u3xdj_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_u3xdj_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_u3xdj_25,._inputWarning_u3xdj_26{position:relative}._inputError_u3xdj_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_u3xdj_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_u3xdj_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_u3xdj_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_u3xdj_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_u3xdj_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_u3xdj_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_u3xdj_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_u3xdj_67::-webkit-scrollbar{display:none}._cell_u3xdj_77 a{cursor:pointer;color:var(--color-text-primary)}._cell_u3xdj_77 a:hover{color:var(--color-text-primary-hover)}._cell_u3xdj_77 a:active{color:var(--color-text-primary-active)}._cell_u3xdj_77 a._disabledLink_u3xdj_87{color:var(--color-text-faint)!important;cursor:default!important}._inputWrapper_u3xdj_91{height:100%;border-radius:inherit}._inputWrapper_u3xdj_91>span,._inputWrapper_u3xdj_91>span>span,._inputWrapper_u3xdj_91>span>span>div{height:100%;border-radius:inherit}._inputWrapper_u3xdj_91>div,._inputWrapper_u3xdj_91>div>span{height:100%;border-radius:inherit}._breakWord_u3xdj_106{word-break:break-word}._inputCell_u3xdj_109{padding:0!important}._sliderCell_u3xdj_112{padding-top:0!important;padding-bottom:0!important}._staticCell_u3xdj_116{padding:0!important}._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119{line-height:1.25;min-height:100%;padding:var(--padding-input);position:relative;border-radius:inherit;display:flex;align-items:center}tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119{color:var(--color-text-muted)}._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._error_u3xdj_131,._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._warning_u3xdj_132{border:1px solid transparent}._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._error_u3xdj_131{background-color:var(--color-background-error-muted)}._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._warning_u3xdj_132{background-color:var(--color-background-warning-muted)}._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119._unit_u3xdj_141{font-weight:400}._sortingCell_u3xdj_144 ._staticCellContent_u3xdj_119{position:relative;padding-right:calc(var(--size) + var(--padding-xxs))!important;cursor:pointer!important}._sortingCell_u3xdj_144 ._staticCellContent_u3xdj_119:hover{background-color:#0000000d!important}[data-theme=dark] ._sortingCell_u3xdj_144 ._staticCellContent_u3xdj_119:hover{background-color:#ffffff1a!important}._sortingCell_u3xdj_144 ._sortingCellIcon_u3xdj_155{font-size:var(--size-xs);position:absolute;right:var(--padding-input-x);top:50%;transform:translateY(-50%);display:flex}._sortingCell_u3xdj_144 ._sortingCellIcon_u3xdj_155>*{display:flex}._icon_u3xdj_166{display:inline-flex;margin-left:var(--padding-xxs)}._checkBoxCell_u3xdj_170{padding-block:0!important;width:var(--size)}._iconCellWrapper_u3xdj_174{display:flex;justify-content:center}._actionsCell_u3xdj_178{width:var(--size-sm);padding:0 calc((var(--size) - var(--size-sm)) / 2)!important;position:sticky;right:0;background:inherit;z-index:4}._rightAligned_u3xdj_186{text-align:right!important}._rightAligned_u3xdj_186 ._staticCellContent_u3xdj_119{justify-content:flex-end}._centerAligned_u3xdj_192{text-align:center!important}._centerAligned_u3xdj_192 ._staticCellContent_u3xdj_119{justify-content:center}._leftAligned_u3xdj_198{text-align:left!important}._popover_u3xdj_201{padding:var(--padding-input)}._disabledPointerEvents_u3xdj_204{pointer-events:none}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as c}from"./jsx-runtime-f961835c.js";import{r as S}from"./index-f80c8c95.js";import{f as K}from"./immer.esm-5c06d4d0.js";import{l as ae}from"./lodash-75c70a11.js";import{T}from"./table-
|
|
1
|
+
import{j as c}from"./jsx-runtime-f961835c.js";import{r as S}from"./index-f80c8c95.js";import{f as K}from"./immer.esm-5c06d4d0.js";import{l as ae}from"./lodash-75c70a11.js";import{T}from"./table-3a28ed27.js";import{C as Ge}from"./card-3847c251.js";import{I as ee}from"./input-d68625a5.js";import{F as ne}from"./field-a094cd72.js";import{H as Je}from"./heading-d29eb744.js";import{t as Y,a as Xe,b as Ye,c as Ze,d as en,e as nn,f as tn,g as an}from"./table.stories-data-082f441e.js";import"./index-a80ed1cf.js";import"./index.es-85cc7dfc.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-53fa4699.js";import"./common-types-2c81813f.js";import"./button-cb591f08.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./pagination-9bf8f6d8.js";import"./select-1b2bde07.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./check-box-e21258d5.js";import"./help-icon-d4189b1b.js";import"./slider-863e5ef6.js";import"./index-c7f280f6.js";import"./popover-8eb441fd.js";import"./label-13d490a3.js";import"./flex-47732c42.js";const Jn={title:"Basic/Table",component:T,args:{table:{...Y}}},I=h=>c.jsx(T,{...h}),B=I.bind({}),N=I.bind({});N.args={table:{...Y,fixedWidth:"400px"}};const M=I.bind({});M.args={table:{...Y,fixedWidth:"auto"}};const O=I.bind({});O.args={table:Xe};O.parameters={docs:{description:{story:"Use sparingly when certain columns cannot be below a certain width. Unless the Table is auto width, set one column to `auto` to use remaining space."}}};const Q=I.bind({});Q.args={table:Ye};const W=I.bind({});W.args={table:Ze};W.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const _=I.bind({});_.args={table:en};const U=I.bind({});U.args={table:nn};U.decorators=[h=>c.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:c.jsx(h,{})})];const E=I.bind({});E.args={table:tn};E.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const L=I.bind({});L.args={table:an};const q=()=>c.jsx(Ge,{heading:c.jsx(Je,{children:"Card heading"}),padding:!1,children:c.jsx(T,{table:{...Y,bordered:!1}})});q.parameters={docs:{source:{type:"dynamic"}}};const z=()=>{const h=["Section","Width","Height"];let m=["","m","m"],o=[...Array(175).keys()].map((a,n)=>[n,n*2,n*2]);const k=(a,n,s)=>a==="m"&&n==="ft"?s*3.28084:a==="ft"&&n==="m"?s/3.28084:s,l=(a,n,s,u)=>{o[n][s]=a.target.value,u()},C=a=>{o=o.concat([["","",""]]),a()},A=(a,n)=>{o=o.filter((s,u)=>u!==a),n()},d=(a,n,s)=>{const u=m[n],y=a.target.value;m=m.map((R,b)=>b===n?y:R),o=o.map(R=>R.map((b,g)=>g===n?k(u,y,b):b)),s()},p=()=>{const a=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[n,s]=S.useState(10),[u,y]=S.useState(1),[R,b]=S.useState(!1),g=()=>{b(!R)},F=()=>{const e=Math.ceil(o.length/n);y(e)},D=(u-1)*n,t=n===0?o.length-1:D+n,i={headers:[{cells:h.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{C(g),F()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[1],type:"Select",native:!0,onChange:e=>d(e,1,g)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[2],type:"Select",native:!0,onChange:e=>d(e,2,g)}]}],rows:o.slice(D,t).map((e,r)=>{const x=D+r;return{cells:[...Array(3).keys()].map((f,w)=>({value:e[w],type:"Input",onChange:P=>l(P,x,w,g)})),actions:[{label:"Delete",icon:"minus",onClick:()=>A(x,g)}]}}),footer:{pagination:{rowCount:o.length,selectedPage:u,rowsPerPage:{onChange:e=>{const{value:r}=e.target;s(Number(r))},options:a,value:n},onSelectPage:e=>y(e),small:!0}}};return c.jsx(T,{table:i})};return c.jsx(p,{})},G=()=>{const h=["Section","Width","Height"];let m=[...Array(175).keys()].map((k,l)=>({Section:l,Width:l*2,Height:l*2}));const o=()=>{const k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[l,C]=S.useState(10),[A,d]=S.useState(1),[p,a]=S.useState({}),[n,s]=S.useState({});S.useEffect(()=>{d(1)},[p,n]);const u=(A-1)*l,y=l===0?m.length-1:u+l,R=(e,r,x)=>e.filter(f=>Object.keys(r).every(w=>r[w]===""?!0:f[w].toString().includes(r[w]))).sort((f,w)=>Object.entries(x).map(([P,j])=>{switch(j){case"up":return f[P]-w[P];case"down":return w[P]-f[P];default:return 0}}).reduce((P,j)=>P||j,0)),b=(e,r,x,f,w)=>{const P=e.map(v=>{const V=Object.keys(f).includes(v)?f[v]:"",H=`${v[0].toUpperCase()}${v.slice(1)}`;return{key:v,value:H,hasSort:!0,sort:V,onSort:()=>{const $=V===""?"up":V==="up"?"down":"";w({...f,[v]:$})}}}),j=e.map(v=>{const V=Object.keys(r).includes(v)?r[v]:"";return{key:v,value:V,type:"Input",placeholder:"Filter",onChange:H=>x({...r,[v]:H.target.value})}});return{dataSortCells:P,dataFilterCells:j}},{dataSortCells:g,dataFilterCells:F}=b(h,p,a,n,s),D=R(m,p,n),t=[...D.slice(u,y).map(e=>({cells:Object.entries(e).map(([x,f])=>({key:x,value:f,type:"Input",disabled:!0}))}))],i={headers:[{cells:g},{cells:F}],rows:t,footer:{pagination:{rowCount:D.length,selectedPage:A,rowsPerPage:{onChange:e=>{const{value:r}=e.target;C(Number(r))},options:k,value:l},onSelectPage:e=>d(e),small:!0}}};return c.jsx(T,{table:i})};return c.jsx(o,{})},J=()=>{const h={tea:3.6,coffee:3.2,orange:4.1},m=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],o={cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},k=[...Array(15).keys()].map((t,i)=>({cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input",value:i+1},{type:"Static"}]})),[l,C]=S.useState(k),A=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[d,p]=S.useState(10),[a,n]=S.useState(1),s=(a-1)*d,u=d===0?l.length-1:s+d,y=({newRow:t}={})=>{const i=K(l,e=>{e.push(t??o)});C(i)},R=({rowIndex:t})=>{const i=K(l,e=>{delete e[t]}).filter(e=>e);C(i)},b=({rowIndex:t,value:i})=>{const e=K(l,r=>{r[t].cells[0].value.value=i});C(e)},g=({rowIndex:t,value:i})=>{const e=K(l,r=>{r[t].cells[1].value=i});C(e)},F=({value:t})=>{const i=Number(t);return!ae.isNaN(i)&&ae.isInteger(i)&&i>0},D=l.slice(s,u).map((t,i)=>{const e=s+i;return l.length-1,{...t,cells:t==null?void 0:t.cells.map((r,x)=>{var v,V,H,$,te;const f=(H=(V=(v=t==null?void 0:t.cells)==null?void 0:v[0])==null?void 0:V.value)==null?void 0:H.value,w=Number((te=($=t==null?void 0:t.cells)==null?void 0:$[1])==null?void 0:te.value),P=h==null?void 0:h[f],j=P&&F({value:w})?(P*w).toFixed(2):null;if(x===0)return{...r,onChange:Z=>b({rowIndex:e,value:Z.target.value})};if(x===1)return{...r,onChange:Z=>g({rowIndex:e,value:Z.target.value}),error:F({value:r.value})?null:"Must be valid whole number"};if(x===2)return{...r,value:j}}),actions:[{label:"Delete",icon:"minus",onClick:()=>R({rowIndex:e})}]}});return c.jsx(T,{table:{defaultEmptyRow:o,onAddRow:y,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>y()}]}],rows:D,footer:{pagination:{rowCount:l.length,selectedPage:a,rowsPerPage:{onChange:t=>{const{value:i}=t.target;p(Number(i))},options:A,value:d},onSelectPage:t=>n(t),small:!0}}}})},X=()=>{const h=["Section","Width","Height"];let m=Array.from(Array(10),(d,p)=>[p,p*2,p*2]);const[o,k]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),l=(d,p,a,n)=>{m[p][a]=Number(d.target.value),n()},C=(d,p,a,n)=>{var u;let s=((u=d==null?void 0:d.clipboardData)==null?void 0:u.getData("text"))??"";return k({rowIndex:p,cellIndex:a,pastedValues:s}),n(),{pastedData:o}},A=()=>{const[d,p]=S.useState(!1),a=()=>{p(!d)},n={headers:[{cells:h.map(s=>({value:s}))}],rows:m.map((s,u)=>{const y=u;return{cells:[...Array(3).keys()].map((R,b)=>({value:s[b],type:"Input",onChange:g=>l(g,y,b,a),onPaste:g=>C(g,y,b,a)}))}})};return c.jsxs(c.Fragment,{children:[c.jsx(T,{table:n}),c.jsx(ne,{label:"Pasted Data",children:c.jsx(ee,{value:o.pastedValues})}),c.jsx(ne,{label:"At Row",children:c.jsx(ee,{value:o.rowIndex})}),c.jsx(ne,{label:"At Cell Index",children:c.jsx(ee,{value:o.cellIndex})})]})};return c.jsx(A,{})};var re,se,oe;B.parameters={...B.parameters,docs:{...(re=B.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as B}from"./jsx-runtime-f961835c.js";import{T as X}from"./table-
|
|
1
|
+
import{j as B}from"./jsx-runtime-f961835c.js";import{T as X}from"./table-3a28ed27.js";import{t as O,h as W,i as q,j as z,k as D,l as G,m as K,n as M,o as P,p as Q}from"./table.stories-data-082f441e.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index.es-85cc7dfc.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-e9cbb4d7.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-53fa4699.js";import"./common-types-2c81813f.js";import"./button-cb591f08.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./heading-d29eb744.js";import"./help-icon-d4189b1b.js";import"./pagination-9bf8f6d8.js";import"./select-1b2bde07.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-d68625a5.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-42f50494.js";import"./index-54f0d271.js";import"./check-box-e21258d5.js";import"./slider-863e5ef6.js";import"./index-c7f280f6.js";import"./popover-8eb441fd.js";import"./flex-47732c42.js";const Xr={title:"Basic/Table/Title & Header",component:X,args:{table:{...O}}},r=k=>B.jsx(X,{...k}),e=r.bind({});e.args={table:W};const s=r.bind({});s.args={table:q};const a=r.bind({});a.args={table:z};const t=r.bind({});t.args={table:D};const o=r.bind({});o.args={table:G};const n=r.bind({});n.args={table:K};const i=r.bind({});i.args={table:M};const p=r.bind({});p.args={table:P};const l=r.bind({});l.args={table:Q};var m,c,d;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--color-background-toggle: rgba(0, 0, 0, .2);--color-background-toggle-hover: rgba(0, 0, 0, .25)}[data-theme=dark]{--color-background-toggle: rgba(255, 255, 255, .2);--color-background-toggle-hover: rgba(255, 255, 255, .3)}._toggle_1mo1i_9{--size-toggle: var(--size-xs);position:relative;display:inline-flex;align-items:center;gap:var(--padding-xxs);backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;min-height:var(--size-toggle);font-size:inherit;line-height:var(--size-toggle);min-width:var(--size-toggle);margin:calc((var(--size) - var(--size-toggle)) / 2) 0}._toggle_1mo1i_9._small_1mo1i_25{--size-toggle: calc(var(--size-xs) - 4px);margin:calc((var(--size-sm) - var(--size-toggle)) / 2) 0;font-size:var(--font-size-sm)}._toggle_1mo1i_9 input{width:calc(var(--size-toggle) * 2);height:var(--size-toggle);cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:3;box-sizing:border-box;padding:0;overflow:visible;font-family:sans-serif;margin:0}._toggle_1mo1i_9 label{min-height:var(--size-toggle);padding-left:calc((var(--size-toggle) * 2) + var(--padding-xs));transition:color .1s ease;cursor:auto;position:relative;display:block;outline:0}._toggle_1mo1i_9 label:empty{padding-left:calc(var(--size-toggle) * 2)}._toggle_1mo1i_9 label:before,._toggle_1mo1i_9 label:after{display:block;position:absolute;content:""}._toggle_1mo1i_9 label:before{height:var(--size-toggle);border-radius:calc(var(--size-toggle) / 2);z-index:1;transform:none;background:var(--color-background-toggle);box-shadow:none;width:calc(var(--size-toggle) * 2);left:0;top:0;transition:background .3s ease,border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease}._toggle_1mo1i_9 label:after{--size-toggle-handle: calc(var(--size-toggle) - 4px);--padding-toggle-handle: calc((var(--size-toggle) - var(--size-toggle-handle)) / 2);height:var(--size-toggle-handle);width:var(--size-toggle-handle);border-radius:50%;left:var(--padding-toggle-handle);top:var(--padding-toggle-handle);box-shadow:var(--shadow-button);background:white;opacity:1;z-index:2;transition:background .3s ease,left .3s ease}._toggle_1mo1i_9 input:hover~label:before{background:var(--color-background-toggle-hover)}._toggle_1mo1i_9 input:checked~label:before{background-color:var(--color-background-button-primary)}._toggle_1mo1i_9 input:checked~label:after{left:calc(var(--size-toggle) + 2px)}._toggle_1mo1i_9 input:checked:hover~label:before{background-color:var(--color-background-button-primary-hover)}._toggle_1mo1i_9._disabled_1mo1i_102{cursor:default;pointer-events:none;color:var(--color-text-faint)}._toggle_1mo1i_9._disabled_1mo1i_102 label:before{background-color:var(--color-background-disabled)}._toggle_1mo1i_9._disabled_1mo1i_102 label:after{opacity:.4}._noMargin_1mo1i_113{margin:0}._helpIconEnabled_1mo1i_116{pointer-events:auto}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as l}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{c as y}from"./index-a80ed1cf.js";import{b as x}from"./common-types-2c81813f.js";import{D as C}from"./disabled-context-d654f6ff.js";import{H as
|
|
1
|
+
import{j as l}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{c as y}from"./index-a80ed1cf.js";import{b as x}from"./common-types-2c81813f.js";import{D as C}from"./disabled-context-d654f6ff.js";import{H as E}from"./help-icon-d4189b1b.js";const h="_toggle_1mo1i_9",q="_small_1mo1i_25",I="_disabled_1mo1i_102",V="_noMargin_1mo1i_113",v="_helpIconEnabled_1mo1i_116",a={toggle:h,small:q,disabled:I,noMargin:V,helpIconEnabled:v},r=({name:t,label:d,checked:e=!1,disabled:u,small:m=!1,onChange:p,noMargin:c=!1,testId:g,helpText:o,onClickHelp:i})=>{const f=b.useContext(C),_=o||i,s=u||f;return l.jsxs("div",{className:y(a.toggle,s?a.disabled:null,m?a.small:null,c?a.noMargin:null),onClick:n=>{s||(n.target.name=t,n.target.checked=!e,n.target.value=!e,p(n))},"data-testid":g,children:[l.jsx("input",{type:x.CHECKBOX,name:t,value:e==null?void 0:e.toString(),disabled:s,checked:e,onChange:()=>{}}),l.jsx("label",{children:d}),_&&l.jsx("div",{className:a.helpIconEnabled,onClick:i,children:l.jsx(E,{text:o})})]})};try{r.displayName="Toggle",r.__docgenInfo={description:"",displayName:"Toggle",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | ReactElement<any, string | JSXElementConstructor<any>> | null"}},checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",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:"((evt: any) => void)"}}}}}catch{}export{r as T};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as y}from"./jsx-runtime-f961835c.js";import{r as G}from"./index-f80c8c95.js";import{T as u}from"./toggle-
|
|
1
|
+
import{j as y}from"./jsx-runtime-f961835c.js";import{r as G}from"./index-f80c8c95.js";import{T as u}from"./toggle-bb34b2a2.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./help-icon-d4189b1b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const{useArgs:I}=__STORYBOOK_MODULE_ADDONS__,ce={title:"Forms/Toggle",component:u,args:{label:"Label"}},e=g=>{const[{checked:p},i]=I(),h=()=>{i({checked:!p})};return y.jsx(u,{...g,onChange:h})},d=e.bind({}),n=e.bind({});n.args={disabled:!0};const s=e.bind({});s.args={checked:!0,disabled:!0};const a=e.bind({});a.args={small:!0};const r=e.bind({});r.args={label:null};const t=e.bind({});t.args={helpText:"Help text"};const c=e.bind({});c.args={onClickHelp:()=>console.log("Help clicked")};const l=()=>{const[g,p]=G.useState(!1);return y.jsx(u,{name:"name",label:"Label",checked:g,onChange:i=>{const{name:h,value:z,checked:m}=i.target;p(m),console.log(h,z,m)}})},o=e.bind({});o.args={helpText:"Help text",disabled:!0};var k,C,b;d.parameters={...d.parameters,docs:{...(k=d.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
|
|
2
2
|
const [{
|
|
3
3
|
checked
|
|
4
4
|
}, updateArgs] = useArgs();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1704190446971,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"features":{"storyStoreV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.5.3","storybookVersionSpecifier":"^7.5.3","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"7.5.3"},"@storybook/addon-links":{"version":"7.5.3"},"@storybook/addons":{"version":"7.5.3"},"@storybook/react":{"version":"7.5.3"},"@storybook/react-vite":{"version":"7.5.3"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.5.3"}},"addons":{"@storybook/addon-actions":{"version":"7.5.3"},"@storybook/addon-docs":{"version":"7.5.3"},"storybook-dark-mode":{"version":"3.0.1"}}}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{_ as e}from"./iframe-31e58352.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-4c4dc5fb.js"),["./DocsRenderer-NNNQARDV-4c4dc5fb.js","./chunk-HLWAVYOI-66006f50.js","./iframe-31e58352.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-b111bd62.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-97a99495.js"],import.meta.url);return new r}}};export{a as parameters};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root{--color-background-toggle: rgba(0, 0, 0, .2);--color-background-toggle-hover: rgba(0, 0, 0, .25)}[data-theme=dark]{--color-background-toggle: rgba(255, 255, 255, .2);--color-background-toggle-hover: rgba(255, 255, 255, .3)}._toggle_3ujcm_9{--size-toggle: var(--size-xs);position:relative;display:inline-flex;align-items:center;gap:var(--padding-xxs);backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;min-height:var(--size-toggle);font-size:inherit;line-height:var(--size-toggle);min-width:var(--size-toggle);margin:calc((var(--size) - var(--size-toggle)) / 2) 0}._toggle_3ujcm_9._small_3ujcm_25{--size-toggle: calc(var(--size-xs) - 4px);margin:calc((var(--size-sm) - var(--size-toggle)) / 2) 0;font-size:var(--font-size-sm)}._toggle_3ujcm_9 input{width:calc(var(--size-toggle) * 2);height:var(--size-toggle);cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:3;box-sizing:border-box;padding:0;overflow:visible;font-family:sans-serif;margin:0}._toggle_3ujcm_9 label{min-height:var(--size-toggle);padding-left:calc((var(--size-toggle) * 2) + var(--padding-xs));transition:color .1s ease;cursor:auto;position:relative;display:block;outline:0}._toggle_3ujcm_9 label:empty{padding-left:calc(var(--size-toggle) * 2)}._toggle_3ujcm_9 label:before,._toggle_3ujcm_9 label:after{display:block;position:absolute;content:""}._toggle_3ujcm_9 label:before{height:var(--size-toggle);border-radius:calc(var(--size-toggle) / 2);z-index:1;transform:none;background:var(--color-background-toggle);box-shadow:none;width:calc(var(--size-toggle) * 2);left:0;top:0;transition:background .3s ease,border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease}._toggle_3ujcm_9 label:after{height:calc(var(--size-toggle) - 4px);width:calc(var(--size-toggle) - 4px);border-radius:50%;left:2px;top:50%;transform:translateY(-50%);box-shadow:var(--shadow-button);background:white;opacity:1;z-index:2;transition:background .3s ease,left .3s ease}._toggle_3ujcm_9 input:hover~label:before{background:var(--color-background-toggle-hover)}._toggle_3ujcm_9 input:checked~label:before{background-color:var(--color-background-button-primary)}._toggle_3ujcm_9 input:checked~label:after{left:calc(var(--size-toggle) + 2px)}._toggle_3ujcm_9 input:checked:hover~label:before{background-color:var(--color-background-button-primary-hover)}._toggle_3ujcm_9._disabled_3ujcm_101{cursor:default;pointer-events:none;color:var(--color-text-faint)}._toggle_3ujcm_9._disabled_3ujcm_101 label:before{background-color:var(--color-background-disabled)}._toggle_3ujcm_9._disabled_3ujcm_101 label:after{opacity:.4}._noMargin_3ujcm_112{margin:0}._helpIconEnabled_3ujcm_115{pointer-events:auto}
|