@cfx-dev/ui-components 2.1.21 → 2.1.23
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/Accordion.css +1 -1
- package/dist/assets/Box.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/InputDropzone.css +1 -1
- package/dist/assets/Table.css +1 -1
- package/dist/assets/global.css +1 -1
- package/dist/components/Accordion/Accordion.js +63 -63
- package/dist/components/Accordion/AccordionShowcase.js +9 -5
- package/dist/components/Button/Button.js +51 -51
- package/dist/components/InputDropzone/InputDropzone.js +23 -23
- package/dist/components/Layout/Box/Box.d.ts +1 -0
- package/dist/components/Layout/Box/Box.js +81 -78
- package/dist/components/Logos/cfx/CompositeLogo.js +20 -67
- package/dist/components/Table/Table.js +74 -62
- package/dist/components/Table/TableShowcase.js +6 -6
- package/dist/styles-scss/tokens.scss +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_1pwnk_1{background-color:var(--color-accordion-background)}._item_1pwnk_5,._header_1pwnk_5{cursor:pointer;background:var(--color-accordion-background)}._triggerContainer_1pwnk_10{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--quant);border-bottom:1px solid var(--color-accordion-border-color);height:calc(var(--quant) * 7.75);transition:border-bottom .25s ease-out}._triggerContainer_1pwnk_10:hover,._triggerContainer_1pwnk_10:focus-visible:not(:hover){border-bottom:2px solid rgba(var(--color-primary),1)}._triggerContainer_1pwnk_10:hover ._iconFlip_1pwnk_23,._triggerContainer_1pwnk_10:focus-visible:not(:hover) ._iconFlip_1pwnk_23{transform:rotateX(90deg)}._triggerContainer_1pwnk_10:hover ._iconUp_1pwnk_26,._triggerContainer_1pwnk_10:focus-visible:not(:hover) ._iconUp_1pwnk_26{top:calc(-1 * var(--offset-small))}._triggerContainer_1pwnk_10:hover ._iconDown_1pwnk_29,._triggerContainer_1pwnk_10:focus-visible:not(:hover) ._iconDown_1pwnk_29{top:var(--offset-small)}._triggerContainer_1pwnk_10 ._iconLeft_1pwnk_32{margin-right:var(--offset-small);color:rgba(var(--color-secondary),1)}._triggerContainer_1pwnk_10 ._iconRight_1pwnk_36{top:0;position:relative;color:rgba(var(--color-secondary),1);margin-left:var(--offset-small);transition:transform .25s ease-out,top .5s ease;transform-style:preserve-3d}._iconFlip_1pwnk_23{transform:rotateX(90deg)}._content_1pwnk_49{display:block;padding:calc(var(--quant) * .5) calc(var(--quant) * 6.5);overflow:hidden;max-height:0;transition:max-height .5s ease-in-out}._content_1pwnk_49._open_1pwnk_56{max-height:calc(var(--quant) * 30)}
|
package/dist/assets/Box.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_1rhjm_1._full-width_1rhjm_1{width:100%}._root_1rhjm_1._fit-content-width_1rhjm_4{width:fit-content}._root_1rhjm_1._full-height_1rhjm_7{height:100%}._root_1rhjm_1._no-overflow_1rhjm_10{overflow:hidden}._root_1rhjm_1._no-shrink_1rhjm_13{flex-shrink:0}._root_1rhjm_1._grow_1rhjm_16{flex-grow:1}._root_1rhjm_1._no-grow_1rhjm_19{flex-grow:0}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_1cisu_1{flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--offset-small);--height: var(--control-height-large);height:var(--height);min-width:var(--control-height-large);padding:var(--offset-xxsmall) calc(var(--quant) * 5);outline:none;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xxsmall);line-height:1.2;letter-spacing:1px;text-transform:uppercase;text-decoration:none;cursor:pointer;border:solid 1.5px;border-radius:var(--border-radius-small);--color: var(--color-button-text);--border-color: var(--color-button-border);--background-color: var(--color-button-background);color:var(--color);border-color:var(--border-color);background-color:var(--background-color)}._root_1cisu_1{transition:background-color .25s ease,color .25s ease,outline-offset 0s,outline 0s}._root_1cisu_1._fullWidth_1cisu_33{width:100%;flex-shrink:1}._root_1cisu_1:disabled{cursor:not-allowed;opacity:.5}._root_1cisu_1:not(:disabled):hover{--border-color: var(--color-button-hover-border);--background-color: var(--color-button-hover-background)}._root_1cisu_1:not(:disabled):active{--border-color: var(--color-button-active-border);--background-color: var(--color-button-active-background);transform:translateY(1px)}._root_1cisu_1:not(:disabled):focus-visible:not(:active):not(:hover){box-shadow:0 0 0 2px var(--color-button-focus-outline)}._root_1cisu_1._primary_1cisu_53{-webkit-backdrop-filter:none;backdrop-filter:none;--color: var(--color-button-primary-text);--border-color: var(--color-button-primary-border);--background-color: var(--color-button-primary-background)}._root_1cisu_1._primary_1cisu_53:disabled{--color: var(--color-button-primary-disabled-text);--border-color: var(--color-button-primary-disabled-border);--background-color: var(--color-button-primary-disabled-background)}._root_1cisu_1._primary_1cisu_53:not(:disabled):hover{--color: var(--color-button-primary-hover-text);--border-color: var(--color-button-primary-hover-border);--background-color: var(--color-button-primary-hover-background)}._root_1cisu_1._primary_1cisu_53:not(:disabled):active{--color: var(--color-button-primary-active-text);--border-color: var(--color-button-primary-active-border);--background-color: var(--color-button-primary-active-background)}._root_1cisu_1._secondary_1cisu_74{-webkit-backdrop-filter:none;backdrop-filter:none;--color: var(--color-button-secondary-text);--border-color: var(--color-button-secondary-border);--background-color: var(--color-button-secondary-background)}._root_1cisu_1._secondary_1cisu_74:disabled{--color: var(--color-button-secondary-disabled-text);--border-color: var(--color-button-secondary-disabled-border);--background-color: var(--color-button-secondary-disabled-background)}._root_1cisu_1._secondary_1cisu_74:not(:disabled):hover{--color: var(--color-button-secondary-hover-text);--border-color: var(--color-button-secondary-hover-border);--background-color: var(--color-button-secondary-hover-background)}._root_1cisu_1._secondary_1cisu_74:not(:disabled):active{--color: var(--color-button-secondary-active-text);--border-color: var(--color-button-secondary-active-border);--background-color: var(--color-button-secondary-active-background)}._root_1cisu_1._on-light_1cisu_95{-webkit-backdrop-filter:none;backdrop-filter:none;--color: var(--color-button-onlight-text);--border-color: var(--color-button-onlight-border);--background-color: var(--color-button-onlight-background)}._root_1cisu_1._on-light_1cisu_95:disabled{--color: var(--color-button-onlight-disabled-text);--border-color: var(--color-button-onlight-disabled-border);--background-color: var(--color-button-onlight-disabled-background)}._root_1cisu_1._on-light_1cisu_95:not(:disabled):hover{--color: var(--color-button-onlight-hover-text);--border-color: var(--color-button-onlight-hover-border);--background-color: var(--color-button-onlight-hover-background)}._root_1cisu_1._on-light_1cisu_95:not(:disabled):active{--color: var(--color-button-onlight-active-text);--border-color: var(--color-button-onlight-active-border);--background-color: var(--color-button-onlight-active-background)}._root_1cisu_1._linked_1cisu_116{--height: calc(var(--quant) * 4);font-weight:var(--font-weight-normal);line-height:1.2;letter-spacing:0;font-size:var(--font-size-xsmall);-webkit-backdrop-filter:none;backdrop-filter:none;text-transform:none;min-width:0;padding:0 var(--offset-small);--color: var(--color-button-linked-text);--border-color: var(--color-button-linked-border);--background-color: var(--color-button-linked-background)}._root_1cisu_1._linked_1cisu_116:disabled{--color: var(--color-button-linked-disabled-text);--border-color: var(--color-button-linked-disabled-border);--background-color: var(--color-button-linked-disabled-background)}._root_1cisu_1._linked_1cisu_116:not(:disabled):hover{--color: var(--color-button-linked-hover-text);--border-color: var(--color-button-linked-hover-border);--background-color: var(--color-button-linked-hover-background)}._root_1cisu_1._linked_1cisu_116:not(:disabled):active{--color: var(--color-button-linked-active-text);--border-color: var(--color-button-linked-active-border);--background-color: var(--color-button-linked-active-background)}._root_1cisu_1._quicklink_1cisu_145{-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:space-between;--color: var(--color-button-quicklink-text);--border-color: var(--color-button-quicklink-border);--background-color: var(--color-button-quicklink-background)}._root_1cisu_1._quicklink_1cisu_145 ._icon_1cisu_152{position:relative;right:0}._root_1cisu_1._quicklink_1cisu_145 ._icon_1cisu_152{transition:right .25s ease,outline-offset 0s,outline 0s}._root_1cisu_1._quicklink_1cisu_145:disabled{--color: var(--color-button-quicklink-disabled-text);--border-color: var(--color-button-quicklink-disabled-border);--background-color: var(--color-button-quicklink-disabled-background)}._root_1cisu_1._quicklink_1cisu_145:not(:disabled):hover{--color: var(--color-button-quicklink-hover-text);--border-color: var(--color-button-quicklink-hover-border);--background-color: var(--color-button-quicklink-hover-background)}._root_1cisu_1._quicklink_1cisu_145:not(:disabled):hover ._icon_1cisu_152{right:calc(-1 * calc(var(--quant) * .5))}._root_1cisu_1._quicklink_1cisu_145:not(:disabled):active{--color: var(--color-button-quicklink-active-text);--border-color: var(--color-button-quicklink-active-border);--background-color: var(--color-button-quicklink-active-background)}._root_1cisu_1._icononly_1cisu_177{padding:0;width:var(--height);line-height:0}._root_1cisu_1 ._decorator_1cisu_182{position:absolute;top:2px;left:2px;display:flex;align-items:center;justify-content:center;width:0;height:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._dropzone_1kj2k_1{border-radius:var(--border-radius-small);text-align:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(var(--quant) * 22.25);padding:var(--offset-normal);background-color:rgba(var(--color-bg),1);border:calc(var(--quant) * .25) dashed rgba(var(--color-accent),1)}._dropzone_1kj2k_1{transition:all .25s ease,outline-offset 0s,outline 0s}._dropzone_1kj2k_1 ._text_1kj2k_18{margin-top:var(--offset-small)}._dropzone_1kj2k_1 ._text_1kj2k_18{transition:all .25s ease,outline-offset 0s,outline 0s}._dropzone_1kj2k_1._disabled_1kj2k_24{cursor:not-allowed;opacity:.5}._dropzone_1kj2k_1:not(._disabled_1kj2k_24):hover{background-color:rgba(var(--color-secondary),.2)}._dropzone_1kj2k_1:not(._disabled_1kj2k_24):hover ._text_1kj2k_18{margin-top:var(--offset-normal)}._dropzone_1kj2k_1:not(._disabled_1kj2k_24):focus-visible,._dropzone_1kj2k_1:not(._disabled_1kj2k_24):focus-visible:hover{outline-offset:var(--dropzone-focus-border-size, initial);outline:var(--dropzone-focus-border-size, initial) solid var(--color-dropzone-focus-border-color)}._dropzone_1kj2k_1:not(._disabled_1kj2k_24):focus-visible,._dropzone_1kj2k_1:not(._disabled_1kj2k_24):focus-visible:hover,._dropzone_1kj2k_1:not(._disabled_1kj2k_24)._focused_1kj2k_38,._dropzone_1kj2k_1:not(._disabled_1kj2k_24)._dragActive_1kj2k_38{background-color:rgba(var(--color-secondary),.2)}._dropzone_1kj2k_1:not(._disabled_1kj2k_24):focus-visible ._text_1kj2k_18,._dropzone_1kj2k_1:not(._disabled_1kj2k_24):focus-visible:hover ._text_1kj2k_18,._dropzone_1kj2k_1:not(._disabled_1kj2k_24)._focused_1kj2k_38 ._text_1kj2k_18,._dropzone_1kj2k_1:not(._disabled_1kj2k_24)._dragActive_1kj2k_38 ._text_1kj2k_18{margin-top:var(--offset-normal)}
|
package/dist/assets/Table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tableIcon_jm0lw_1._iconButton_jm0lw_1{width:calc(var(--quant) * 6);height:calc(var(--quant) * 6);display:inline-flex;align-items:center;justify-content:center;color:rgba(var(--color-secondary),1)}._tableIcon_jm0lw_1._iconButton_jm0lw_1{transition:background-color .25s ease,color .25s ease,opacity .25s ease,outline-offset 0s,outline 0s}._tableIcon_jm0lw_1._iconButton_jm0lw_1:hover{color:rgba(var(--color-primary),1);background-color:var(--color-button-linked-hover-background)}._tableIcon_jm0lw_1._iconButton_jm0lw_1:not(:disabled):active{transform:none;opacity:.8}._root_jm0lw_21 table{width:100%;border-collapse:collapse;border-top-left-radius:var(--border-radius-small);border-top-right-radius:var(--border-radius-small);overflow:hidden}._root_jm0lw_21 th,._root_jm0lw_21 td{text-align:left;padding:0 calc(var(--quant) * 4);color:#fff;height:calc(var(--quant) * 8.75);box-sizing:border-box}._root_jm0lw_21 td{padding:calc(var(--quant) * 1.5) calc(var(--quant) * 4)}._root_jm0lw_21 ._radio_jm0lw_38{padding:calc(var(--quant) * .25);width:calc(var(--quant) * 2)}._root_jm0lw_21 ._radio_jm0lw_38 ._radioContent_jm0lw_42{width:100%;height:100%;display:flex;align-items:center;justify-content:center}._root_jm0lw_21 ._pointer_jm0lw_49{cursor:pointer}._root_jm0lw_21 ._selectedRow_jm0lw_52{background-color:rgba(var(--color-secondary),.4);box-shadow:0 -1px rgba(var(--color-primary),1) inset}._root_jm0lw_21 ._headerText_jm0lw_56{letter-spacing:1px!important}._root_jm0lw_21 th{position:sticky;top:0;z-index:0;background-color:rgba(var(--color-bg-light),1)}._root_jm0lw_21 th ._headerContent_jm0lw_65{display:flex;align-items:center;flex-direction:row}._root_jm0lw_21 th ._headerContent_jm0lw_65 ._iconButton_jm0lw_1{margin-left:var(--offset-medium)}._root_jm0lw_21 tr{box-shadow:0 -1px rgba(var(--color-bg-light),1) inset;box-sizing:border-box}._root_jm0lw_21 tr:hover{background-color:rgba(var(--color-secondary),.2)}._root_jm0lw_21 tr:hover:not(._selectedRow_jm0lw_52){box-shadow:none}._hidden_jm0lw_84{visibility:hidden}
|