@cfx-dev/ui-components 4.2.24 → 4.3.1
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/Combination-CSgOhzm-.js +2198 -0
- package/dist/Combination-N-vN9BB-.js +823 -0
- package/dist/Table.module-DHI1mXN2.js +17 -0
- package/dist/assets/all_css.css +1 -0
- package/dist/assets/css/Checkbox.css +1 -1
- package/dist/assets/css/DataTable.css +1 -0
- package/dist/assets/css/Table.css +1 -1
- package/dist/assets/general/global.css +1 -1
- package/dist/cfxIcons-B9nzO6TW.js +98 -0
- package/dist/components/Accordion/Accordion.js +25 -26
- package/dist/components/Accordion/AccordionShowcase.js +1 -1
- package/dist/components/Avatar/Avatar.d.ts +2 -1
- package/dist/components/Avatar/Avatar.js +21 -20
- package/dist/components/Avatar/AvatarShowcase.js +1 -1
- package/dist/components/Badge/Badge.d.ts +2 -1
- package/dist/components/Badge/Badge.js +29 -29
- package/dist/components/Badge/BadgeShowcase.js +1 -1
- package/dist/components/BurgerMenu/BurgerMenu.js +2 -2
- package/dist/components/BurgerMenu/BurgerMenuButton.js +1 -1
- package/dist/components/BurgerMenu/BurgerMenuShowcase.js +1 -1
- package/dist/components/Button/Button.d.ts +5 -2
- package/dist/components/Button/Button.js +83 -81
- package/dist/components/Button/ButtonShowcase.js +2 -2
- package/dist/components/Button/LinkButton.d.ts +1 -1
- package/dist/components/Button/LinkButton.js +18 -17
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Button/index.js +7 -7
- package/dist/components/Checkbox/Checkbox.d.ts +1 -0
- package/dist/components/Checkbox/Checkbox.js +154 -242
- package/dist/components/ClipboardButton/ClipboardButton.js +7 -7
- package/dist/components/ControlBox/ControlBox.d.ts +3 -2
- package/dist/components/ControlBox/ControlBox.js +13 -10
- package/dist/components/CountryFlag/CountryFlag.d.ts +3 -2
- package/dist/components/CountryFlag/CountryFlag.js +14 -11
- package/dist/components/DataTable/DataTable.d.ts +40 -0
- package/dist/components/DataTable/DataTable.js +163 -0
- package/dist/components/DataTable/DataTableShowcase.d.ts +5 -0
- package/dist/components/DataTable/DataTableShowcase.js +60 -0
- package/dist/components/DataTable/index.d.ts +2 -0
- package/dist/components/DataTable/index.js +6 -0
- package/dist/components/Decorate/Decorate.d.ts +3 -2
- package/dist/components/Decorate/Decorate.js +19 -15
- package/dist/components/Dot/Dot.d.ts +2 -1
- package/dist/components/Dot/Dot.js +15 -13
- package/dist/components/DropdownSelect/DropdownSelect.d.ts +2 -1
- package/dist/components/DropdownSelect/DropdownSelect.js +665 -1836
- package/dist/components/DropdownSelect/DropdownSelectShowcase.js +1 -1
- package/dist/components/Flyout/Flyout.d.ts +2 -1
- package/dist/components/Flyout/Flyout.js +22 -20
- package/dist/components/Icon/Icon.d.ts +2 -1
- package/dist/components/Icon/Icon.js +19 -17
- package/dist/components/IconBig/IconBig.d.ts +2 -1
- package/dist/components/IconBig/IconBig.js +16 -14
- package/dist/components/Icons/IconsShowcase.js +1 -1
- package/dist/components/Icons/cfx-icons/Radio.d.ts +5 -0
- package/dist/components/Icons/cfx-icons/Radio.js +36 -0
- package/dist/components/Icons/cfx-icons/Square.js +15 -9
- package/dist/components/Icons/cfxIcons.d.ts +1 -0
- package/dist/components/Icons/cfxIcons.js +62 -60
- package/dist/components/Icons/index.js +1 -1
- package/dist/components/Indicator/Indicator.js +9 -10
- package/dist/components/InfoPanel/InfoPanelShowcase.js +1 -1
- package/dist/components/Input/Input.d.ts +4 -1
- package/dist/components/Input/Input.js +101 -88
- package/dist/components/Input/InputShowcase.js +1 -1
- package/dist/components/Input/RichInput.d.ts +2 -1
- package/dist/components/Input/RichInput.js +37 -34
- package/dist/components/InputDropzone/InputDropzone.d.ts +1 -1
- package/dist/components/InputDropzone/InputDropzone.js +1723 -625
- package/dist/components/Interactive/Interactive.d.ts +2 -1
- package/dist/components/Interactive/Interactive.js +14 -12
- package/dist/components/Island/Island.d.ts +2 -1
- package/dist/components/Island/Island.js +24 -24
- package/dist/components/Layout/Box/Box.d.ts +8 -2
- package/dist/components/Layout/Box/Box.js +53 -51
- package/dist/components/Layout/Box/Box.types.d.ts +22 -0
- package/dist/components/Layout/Box/Box.types.js +4 -0
- package/dist/components/Layout/Box/index.d.ts +1 -1
- package/dist/components/Layout/Box/index.js +3 -3
- package/dist/components/Layout/Center/Center.d.ts +2 -1
- package/dist/components/Layout/Center/Center.js +19 -18
- package/dist/components/Layout/Flex/Flex.d.ts +6 -10
- package/dist/components/Layout/Flex/Flex.js +53 -64
- package/dist/components/Layout/Flex/FlexRestricter.d.ts +2 -1
- package/dist/components/Layout/Flex/FlexRestricter.js +13 -12
- package/dist/components/Layout/Flex/FlexShowcase.js +1 -1
- package/dist/components/Layout/Flex/index.d.ts +2 -2
- package/dist/components/Layout/Flex/index.js +8 -8
- package/dist/components/Layout/Page/Page.js +11 -12
- package/dist/components/Layout/Scrollable/Rail.d.ts +1 -1
- package/dist/components/Layout/Scrollable/Scrollable.d.ts +2 -1
- package/dist/components/Layout/Scrollable/Scrollable.js +40 -38
- package/dist/components/Layout/Scrollable/ScrollableShowcase.js +1 -1
- package/dist/components/Layout/Scrollable/VirtualScrollable.js +98 -98
- package/dist/components/Link/LinkShowcase.js +1 -1
- package/dist/components/Loaf/Loaf.d.ts +2 -1
- package/dist/components/Loaf/Loaf.js +17 -16
- package/dist/components/Logos/LogosShowcase.js +1 -1
- package/dist/components/Modal/Modal.js +16 -17
- package/dist/components/Modal/ModalShowcase.js +14 -11
- package/dist/components/NavList/NavList.d.ts +2 -1
- package/dist/components/NavList/NavList.js +19 -18
- package/dist/components/OnScreenSensor.js +1 -1
- package/dist/components/Overlay/Overlay.d.ts +4 -2
- package/dist/components/Overlay/Overlay.js +31 -23
- package/dist/components/Popover/Popover.d.ts +3 -2
- package/dist/components/Popover/Popover.js +31 -30
- package/dist/components/Popover/PopoverShowcase.js +4 -4
- package/dist/components/PremiumBadge/PremiumBadge.d.ts +2 -1
- package/dist/components/PremiumBadge/PremiumBadge.js +12 -11
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Select/Select.js +666 -1617
- package/dist/components/Select/SelectShowcase.js +1 -1
- package/dist/components/Shroud/Shroud.d.ts +2 -1
- package/dist/components/Shroud/Shroud.js +16 -14
- package/dist/components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/components/Skeleton/Skeleton.js +26 -27
- package/dist/components/Skeleton/SkeletonShowcase.js +4 -4
- package/dist/components/Slider/Slider.d.ts +2 -1
- package/dist/components/Slider/Slider.js +326 -377
- package/dist/components/Slider/SliderShowcase.js +1 -1
- package/dist/components/Switch/Switch.js +109 -155
- package/dist/components/Table/TableBody.d.ts +8 -0
- package/dist/components/Table/TableBody.js +14 -0
- package/dist/components/Table/TableCell.d.ts +11 -0
- package/dist/components/Table/TableCell.js +54 -0
- package/dist/components/Table/TableCellCheckbox.d.ts +11 -0
- package/dist/components/Table/TableCellCheckbox.js +20 -0
- package/dist/components/Table/TableHeader.d.ts +9 -0
- package/dist/components/Table/TableHeader.js +24 -0
- package/dist/components/Table/TableIconButton.d.ts +6 -0
- package/dist/components/Table/TableIconButton.js +16 -0
- package/dist/components/Table/TableRoot.d.ts +8 -0
- package/dist/components/Table/TableRoot.js +23 -0
- package/dist/components/Table/TableRow.d.ts +13 -0
- package/dist/components/Table/TableRow.js +46 -0
- package/dist/components/Table/TableShowcase.js +56 -57
- package/dist/components/Table/index.d.ts +21 -2
- package/dist/components/Table/index.js +18 -5
- package/dist/components/Tabular/TabularShowcase.js +1 -1
- package/dist/components/Text/Text.d.ts +6 -3
- package/dist/components/Text/Text.js +67 -63
- package/dist/components/Text/TextShowcase.js +40 -33
- package/dist/components/Title/Title.d.ts +3 -1
- package/dist/components/Title/TitleShowcase.js +1 -1
- package/dist/components/ToggleGroup/ToggleGroupShowcase.js +1 -1
- package/dist/index-BHuChyf5.js +238 -0
- package/dist/index-Cl_RnsqN.js +386 -0
- package/dist/index-DZEAOJqB.js +53 -0
- package/dist/index-HDl8nGsm.js +70 -0
- package/dist/main.d.ts +6 -4
- package/dist/main.js +73 -70
- package/dist/{medium-BA3EQDZW.js → medium-Bq5NvyU7.js} +1 -1
- package/dist/styles-scss/global.scss +1 -0
- package/dist/tslib.es6-CtHwNPxX.js +72 -0
- package/dist/utils/hooks/useClipboardComponent.d.ts +1 -1
- package/dist/utils/hooks/useOutlet.js +1 -1
- package/dist/utils/hooks/usePopoverController.d.ts +1 -1
- package/dist/utils/links.js +1 -1
- package/dist/utils/mergeRefs.d.ts +1 -1
- package/dist/utils/mergeRefs.js +1 -1
- package/dist/utils/ui/ui.d.ts +1 -0
- package/dist/utils/ui/ui.js +45 -36
- package/dist/utils/ui/ui.types.d.ts +4 -0
- package/package.json +6 -5
- package/dist/Combination-Cbiw1XRb.js +0 -792
- package/dist/cfxIcons-BNd1WgpX.js +0 -96
- package/dist/components/Table/Table.d.ts +0 -42
- package/dist/components/Table/Table.js +0 -170
- package/dist/index-2hJuj4UN.js +0 -19069
- package/dist/index-AweK2ufS.js +0 -171
- package/dist/index-BlbvKsmN.js +0 -82
- package/dist/index-ByaXH_ih.js +0 -10
- package/dist/index-Bz27DCHt.js +0 -1342
- package/dist/index-Cf5Yu9oD.js +0 -67
- package/dist/tslib.es6-CBKHJX9H.js +0 -151
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
const _ = "cfxui__Table__tableIcon__f8e96", e = "cfxui__Table__iconButton__ac6da", t = "cfxui__Table__tableRoot__4c74e", a = "cfxui__Table__tableHeader__a6fa6", l = "cfxui__Table__sticky__fe0cf", c = "cfxui__Table__tableCell__bf8d9", o = "cfxui__Table__tableBody__508b5", b = "cfxui__Table__tableRow__ede78", n = "cfxui__Table__normal__eab0a", i = "cfxui__Table__large__e3861", s = "cfxui__Table__selected__e347d", f = "cfxui__Table__interactive__94da5", u = {
|
|
2
|
+
tableIcon: _,
|
|
3
|
+
iconButton: e,
|
|
4
|
+
tableRoot: t,
|
|
5
|
+
tableHeader: a,
|
|
6
|
+
sticky: l,
|
|
7
|
+
tableCell: c,
|
|
8
|
+
tableBody: o,
|
|
9
|
+
tableRow: b,
|
|
10
|
+
normal: n,
|
|
11
|
+
large: i,
|
|
12
|
+
selected: s,
|
|
13
|
+
interactive: f
|
|
14
|
+
};
|
|
15
|
+
export {
|
|
16
|
+
u as s
|
|
17
|
+
};
|
package/dist/assets/all_css.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.cfxui__Checkbox__rootUnset__cbb57{all:unset}.cfxui__Checkbox__root__865aa{cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.cfxui__Checkbox__root__865aa:focus-visible,.cfxui__Checkbox__root__865aa:focus-visible:hover{outline-offset:var(--checkbox-focus-border-size, initial);outline:var(--checkbox-focus-border-size, initial) solid var(--color-checkbox-focus-border-color)}.cfxui__Checkbox__root__865aa[data-disabled]{opacity:.5;cursor:not-allowed}.cfxui__Checkbox__root__865aa .cfxui__Checkbox__indicator__2afc0{
|
|
1
|
+
.cfxui__Checkbox__rootUnset__cbb57{all:unset}.cfxui__Checkbox__root__865aa{cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative}.cfxui__Checkbox__root__865aa:focus-visible,.cfxui__Checkbox__root__865aa:focus-visible:hover{outline-offset:var(--checkbox-focus-border-size, initial);outline:var(--checkbox-focus-border-size, initial) solid var(--color-checkbox-focus-border-color)}.cfxui__Checkbox__root__865aa[data-disabled]{opacity:.5;cursor:not-allowed}.cfxui__Checkbox__root__865aa .cfxui__Checkbox__square__029aa{position:relative;top:0;left:0;width:100%;height:100%}.cfxui__Checkbox__root__865aa .cfxui__Checkbox__indicator__2afc0{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.cfxui__Checkbox__root__865aa .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__checked__b4081{width:50%;height:50%}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440{width:calc(var(--quant) * 2);height:calc(var(--quant) * 2);border-radius:calc(var(--quant) * 2)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440 .cfxui__Checkbox__indicator__2afc0{width:calc(var(--quant) * 2);height:calc(var(--quant) * 2)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__radioIcon__719e7{width:calc(var(--quant) * 2 / 3);height:calc(var(--quant) * 2 / 3)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__tickIcon__a7f19{width:calc(var(--quant) * 2 / 2);height:calc(var(--quant) * 2 / 2)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4{width:var(--control-height-xsmall);height:var(--control-height-xsmall);border-radius:var(--control-height-xsmall)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4 .cfxui__Checkbox__indicator__2afc0{width:var(--control-height-xsmall);height:var(--control-height-xsmall)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__radioIcon__719e7{width:calc(var(--control-height-xsmall) / 3);height:calc(var(--control-height-xsmall) / 3)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__tickIcon__a7f19{width:calc(var(--control-height-xsmall) / 2);height:calc(var(--control-height-xsmall) / 2)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529{width:var(--control-height-small);height:var(--control-height-small);border-radius:var(--control-height-small)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529 .cfxui__Checkbox__indicator__2afc0{width:var(--control-height-small);height:var(--control-height-small)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__radioIcon__719e7{width:calc(var(--control-height-small) / 3);height:calc(var(--control-height-small) / 3)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__tickIcon__a7f19{width:calc(var(--control-height-small) / 2);height:calc(var(--control-height-small) / 2)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.cfxui__DataTable__root__49417 table{width:100%;border-collapse:collapse;border-top-left-radius:var(--border-radius-small);border-top-right-radius:var(--border-radius-small);overflow:hidden}.cfxui__DataTable__root__49417 th,.cfxui__DataTable__root__49417 td{text-align:left;padding:0 calc(var(--quant) * 4);color:rgba(var(--color-primary),1);height:calc(var(--quant) * 8.75);box-sizing:border-box}.cfxui__DataTable__root__49417 td{padding:calc(var(--quant) * 1.5) calc(var(--quant) * 4)}.cfxui__DataTable__root__49417 .cfxui__DataTable__radio__8126b{padding:calc(var(--quant) * .25);width:calc(var(--quant) * 2)}.cfxui__DataTable__root__49417 .cfxui__DataTable__radio__8126b .cfxui__DataTable__radioContent__9c8cc{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cfxui__DataTable__root__49417 .cfxui__DataTable__pointer__91cb4{cursor:pointer}.cfxui__DataTable__root__49417 .cfxui__DataTable__selectedRow__39a1c{background-color:rgba(var(--color-secondary),.4);box-shadow:0 -1px rgba(var(--color-primary),1) inset}.cfxui__DataTable__root__49417 .cfxui__DataTable__headerText__aa726{letter-spacing:1px!important}.cfxui__DataTable__root__49417 th{position:sticky;top:0;z-index:0;background-color:rgba(var(--color-bg-light),1)}.cfxui__DataTable__root__49417 th .cfxui__DataTable__headerContent__1c65d{display:flex;align-items:center;flex-direction:row}.cfxui__DataTable__root__49417 th .cfxui__DataTable__headerContent__1c65d .cfxui__DataTable__iconButton__51252{margin-left:var(--offset-medium)}.cfxui__DataTable__root__49417 tr{box-shadow:0 -1px rgba(var(--color-bg-light),1) inset;box-sizing:border-box}.cfxui__DataTable__root__49417 tr:hover{background-color:rgba(var(--color-secondary),.2)}.cfxui__DataTable__root__49417 tr:hover:not(.cfxui__DataTable__selectedRow__39a1c){box-shadow:none}.cfxui__DataTable__hidden__41ce8{visibility:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.cfxui__Table__tableIcon__f8e96.cfxui__Table__iconButton__ac6da{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)}.cfxui__Table__tableIcon__f8e96.cfxui__Table__iconButton__ac6da{transition:background-color .25s ease,color .25s ease,opacity .25s ease,outline-offset 0s,outline 0s}.cfxui__Table__tableIcon__f8e96.cfxui__Table__iconButton__ac6da:hover{color:rgba(var(--color-primary),1);background-color:var(--color-button-linked-hover-background)}.cfxui__Table__tableIcon__f8e96.cfxui__Table__iconButton__ac6da:not(:disabled):active{transform:none;opacity:.8}.
|
|
1
|
+
.cfxui__Table__tableIcon__f8e96.cfxui__Table__iconButton__ac6da{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)}.cfxui__Table__tableIcon__f8e96.cfxui__Table__iconButton__ac6da{transition:background-color .25s ease,color .25s ease,opacity .25s ease,outline-offset 0s,outline 0s}.cfxui__Table__tableIcon__f8e96.cfxui__Table__iconButton__ac6da:hover{color:rgba(var(--color-primary),1);background-color:var(--color-button-linked-hover-background)}.cfxui__Table__tableIcon__f8e96.cfxui__Table__iconButton__ac6da:not(:disabled):active{transform:none;opacity:.8}.cfxui__Table__tableRoot__4c74e{position:relative;width:100%;border-collapse:collapse;border-top-left-radius:var(--border-radius-small);border-top-right-radius:var(--border-radius-small);vertical-align:top}.cfxui__Table__tableHeader__a6fa6{vertical-align:inherit}.cfxui__Table__tableHeader__a6fa6.cfxui__Table__sticky__fe0cf .cfxui__Table__tableCell__bf8d9{position:sticky;top:0;z-index:10}.cfxui__Table__tableBody__508b5{vertical-align:inherit}.cfxui__Table__tableRow__ede78{vertical-align:inherit;box-shadow:0 -2px 0 -1px rgba(var(--color-bg-light),1) inset;box-sizing:border-box}.cfxui__Table__tableRow__ede78 .cfxui__Table__tableCell__bf8d9{background-color:var(--base-bg-color)}.cfxui__Table__tableRow__ede78.cfxui__Table__normal__eab0a .cfxui__Table__tableCell__bf8d9{height:calc(var(--quant) * 7)}.cfxui__Table__tableRow__ede78.cfxui__Table__large__e3861 .cfxui__Table__tableCell__bf8d9{height:calc(var(--quant) * 8.75)}.cfxui__Table__tableRow__ede78.cfxui__Table__selected__e347d{box-shadow:0 -2px 0 -1px rgba(var(--color-primary),1) inset}.cfxui__Table__tableRow__ede78.cfxui__Table__selected__e347d .cfxui__Table__tableCell__bf8d9{background-color:var(--selected-bg-color)}.cfxui__Table__tableRow__ede78.cfxui__Table__interactive__94da5{cursor:pointer}.cfxui__Table__tableRow__ede78.cfxui__Table__interactive__94da5:hover .cfxui__Table__tableCell__bf8d9{background-color:var(--hover-bg-color)}.cfxui__Table__tableRow__ede78.cfxui__Table__interactive__94da5:hover:not(.cfxui__Table__selected__e347d){box-shadow:none}.cfxui__Table__tableRow__ede78.cfxui__Table__interactive__94da5:hover:not(.cfxui__Table__selected__e347d) .cfxui__Table__tableCell__bf8d9{background-color:var(--hover-bg-color)}.cfxui__Table__tableHeader__a6fa6 .cfxui__Table__tableRow__ede78 .cfxui__Table__tableCell__bf8d9{background-color:rgba(var(--color-bg-light),1);box-shadow:none;color:rgba(var(--color-secondary),1);text-transform:uppercase;font-weight:var(--font-weight-bold)}.cfxui__Table__tableCell__bf8d9{text-align:left;box-sizing:border-box;height:100%}.cfxui__Table__tableCell__bf8d9.cfxui__Table__interactive__94da5{cursor:pointer}
|