@cfx-dev/ui-components 2.0.9 → 2.1.0
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/Box.css +1 -1
- package/dist/assets/Flex.css +1 -1
- package/dist/assets/FlexShowcase.css +1 -0
- package/dist/assets/Pad.css +1 -1
- package/dist/assets/Separator.css +1 -1
- package/dist/assets/Spacer.css +1 -1
- package/dist/assets/Table.css +1 -1
- package/dist/assets/global.css +1 -1
- package/dist/components/Layout/Box/Box.d.ts +4 -1
- package/dist/components/Layout/Box/Box.js +97 -31
- package/dist/components/Layout/Flex/Flex.d.ts +4 -5
- package/dist/components/Layout/Flex/Flex.js +64 -59
- package/dist/components/Layout/Flex/FlexShowcase.d.ts +6 -0
- package/dist/components/Layout/Flex/FlexShowcase.js +19 -0
- package/dist/components/Layout/Pad/Pad.js +30 -29
- package/dist/components/Separator/Separator.js +32 -31
- package/dist/components/Spacer/Spacer.js +21 -20
- package/dist/components/Table/Table.d.ts +21 -9
- package/dist/components/Table/Table.js +129 -70
- package/dist/components/Table/TableShowcase.js +7 -1
- package/dist/components/Table/index.d.ts +2 -0
- package/dist/components/Table/index.js +4 -0
- package/dist/components/ui.d.ts +60 -14
- package/dist/components/ui.js +52 -17
- package/dist/main.d.ts +1 -0
- package/dist/styles-scss/_ui.scss +29 -31
- package/dist/styles-scss/global.scss +1 -0
- package/dist/styles-scss/tokens.scss +26 -14
- package/package.json +1 -1
package/dist/assets/Box.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_1bvck_1._full-width_1bvck_1{width:100%}._root_1bvck_1._full-height_1bvck_4{height:100%}._root_1bvck_1._no-overflow_1bvck_7{overflow:hidden}._root_1bvck_1._no-shrink_1bvck_10{flex-shrink:0}._root_1bvck_1._grow_1bvck_13{flex-grow:1}._root_1bvck_1._no-grow_1bvck_16{flex-grow:0}
|
package/dist/assets/Flex.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_w5him_1{display:flex;flex-direction:row}._root_w5him_1._full-width_w5him_5{width:100%}._root_w5him_1._full-height_w5him_8{height:100%}._root_w5him_1._centered_w5him_11{align-items:center;justify-content:center}._root_w5him_1._centered-axis_w5him_15{align-items:center}._root_w5him_1._centered-cross-axis_w5him_18{justify-content:center}._root_w5him_1._baseline-axis_w5him_21{align-items:baseline}._root_w5him_1._baseline-cross-axis_w5him_24{justify-content:baseline}._root_w5him_1._reverse-order_w5him_27{flex-direction:row-reverse}._root_w5him_1._vertical_w5him_30{flex-direction:column}._root_w5him_1._vertical_w5him_30._reverse-order_w5him_27{flex-direction:column-reverse}._root_w5him_1._repell_w5him_36{justify-content:space-between}._root_w5him_1._wrap_w5him_39{flex-wrap:wrap}._root_w5him_1._align-to-end_w5him_42{justify-content:flex-end}._root_w5him_1._align-to-end-axis_w5him_45{align-items:flex-end}._root_w5him_1._space-between_w5him_48{justify-content:space-between}._root_w5him_1._stretch_w5him_51{justify-content:stretch}._root_w5him_1._stretch_w5him_51>*{flex-grow:1}._root_w5him_1._stretch_w5him_51._horizontal_w5him_57>*{width:1px}._root_w5him_1._stretch_w5him_51._vertical_w5him_30>*{height:1px}._root_w5him_1._gap-none_w5him_63{gap:var(--offset-none)}._root_w5him_1._gap-hairthin_w5him_66{gap:var(--offset-hairthin)}._root_w5him_1._gap-thin_w5him_69{gap:var(--offset-thin)}._root_w5him_1._gap-xxsmall_w5him_72{gap:var(--offset-xxsmall)}._root_w5him_1._gap-xsmall_w5him_75{gap:var(--offset-xsmall)}._root_w5him_1._gap-small_w5him_78{gap:var(--offset-small)}._root_w5him_1._gap-normal_w5him_81{gap:var(--offset-normal)}._root_w5him_1._gap-medium_w5him_84{gap:var(--offset-medium)}._root_w5him_1._gap-large_w5him_87{gap:var(--offset-large)}._root_w5him_1._gap-xlarge_w5him_90{gap:var(--offset-xlarge)}._root_w5him_1._gap-safezone_w5him_93{gap:var(--offset-safezone)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._box_1118n_1{width:calc(var(--quant) * 4);height:calc(var(--quant) * 4);border-radius:var(--border-radius-normal);background-color:rgba(var(--color-accent),1)}
|
package/dist/assets/Pad.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_1aquh_1._offset-none_1aquh_1{--padding-offset: var(--offset-none)}._root_1aquh_1._offset-hairthin_1aquh_4{--padding-offset: var(--offset-hairthin)}._root_1aquh_1._offset-thin_1aquh_7{--padding-offset: var(--offset-thin)}._root_1aquh_1._offset-xxsmall_1aquh_10{--padding-offset: var(--offset-xxsmall)}._root_1aquh_1._offset-xsmall_1aquh_13{--padding-offset: var(--offset-xsmall)}._root_1aquh_1._offset-small_1aquh_16{--padding-offset: var(--offset-small)}._root_1aquh_1._offset-normal_1aquh_19{--padding-offset: var(--offset-normal)}._root_1aquh_1._offset-medium_1aquh_22{--padding-offset: var(--offset-medium)}._root_1aquh_1._offset-large_1aquh_25{--padding-offset: var(--offset-large)}._root_1aquh_1._offset-xlarge_1aquh_28{--padding-offset: var(--offset-xlarge)}._root_1aquh_1._offset-safezone_1aquh_31{--padding-offset: var(--offset-safezone)}._root_1aquh_1._only-top_1aquh_34{padding-top:var(--padding-offset)}._root_1aquh_1._only-left_1aquh_37{padding-left:var(--padding-offset)}._root_1aquh_1._only-right_1aquh_40{padding-right:var(--padding-offset)}._root_1aquh_1._only-bottom_1aquh_43{padding-bottom:var(--padding-offset)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_dsunb_1{width:100%}._root_dsunb_1._separator-offset-none_dsunb_4{height:var(--offset-none)}._root_dsunb_1._separator-offset-hairthin_dsunb_7{height:var(--offset-hairthin)}._root_dsunb_1._separator-offset-thin_dsunb_10{height:var(--offset-thin)}._root_dsunb_1._separator-offset-xxsmall_dsunb_13{height:var(--offset-xxsmall)}._root_dsunb_1._separator-offset-xsmall_dsunb_16{height:var(--offset-xsmall)}._root_dsunb_1._separator-offset-small_dsunb_19{height:var(--offset-small)}._root_dsunb_1._separator-offset-normal_dsunb_22{height:var(--offset-normal)}._root_dsunb_1._separator-offset-medium_dsunb_25{height:var(--offset-medium)}._root_dsunb_1._separator-offset-large_dsunb_28{height:var(--offset-large)}._root_dsunb_1._separator-offset-xlarge_dsunb_31{height:var(--offset-xlarge)}._root_dsunb_1._separator-offset-safezone_dsunb_34{height:var(--offset-safezone)}._root_dsunb_1 ._separator_dsunb_4{width:100%;height:2px;background-color:var(--color-separator-background)}._root_dsunb_1 ._content_dsunb_42{height:2px}._root_dsunb_1._thin_dsunb_45 ._separator_dsunb_4,._root_dsunb_1._thin_dsunb_45 ._content_dsunb_42{height:1px}._root_dsunb_1._vertical_dsunb_51{width:auto;height:100%}._root_dsunb_1._vertical_dsunb_51._separator-offset-none_dsunb_4{width:var(--offset-none)}._root_dsunb_1._vertical_dsunb_51._separator-offset-hairthin_dsunb_7{width:var(--offset-hairthin)}._root_dsunb_1._vertical_dsunb_51._separator-offset-thin_dsunb_10{width:var(--offset-thin)}._root_dsunb_1._vertical_dsunb_51._separator-offset-xxsmall_dsunb_13{width:var(--offset-xxsmall)}._root_dsunb_1._vertical_dsunb_51._separator-offset-xsmall_dsunb_16{width:var(--offset-xsmall)}._root_dsunb_1._vertical_dsunb_51._separator-offset-small_dsunb_19{width:var(--offset-small)}._root_dsunb_1._vertical_dsunb_51._separator-offset-normal_dsunb_22{width:var(--offset-normal)}._root_dsunb_1._vertical_dsunb_51._separator-offset-medium_dsunb_25{width:var(--offset-medium)}._root_dsunb_1._vertical_dsunb_51._separator-offset-large_dsunb_28{width:var(--offset-large)}._root_dsunb_1._vertical_dsunb_51._separator-offset-xlarge_dsunb_31{width:var(--offset-xlarge)}._root_dsunb_1._vertical_dsunb_51._separator-offset-safezone_dsunb_34{width:var(--offset-safezone)}._root_dsunb_1._vertical_dsunb_51 ._separator_dsunb_4{width:2px;height:100%}._root_dsunb_1._vertical_dsunb_51 ._content_dsunb_42{height:auto}._root_dsunb_1._vertical_dsunb_51._thin_dsunb_45 ._separator_dsunb_4{width:1px}._root_dsunb_1._text_dsunb_98{display:flex;align-items:center;gap:var(--offset-normal);color:var(--color-separator-text)}._root_dsunb_1._text_dsunb_98 ._separator_dsunb_4{flex-grow:1}._root_dsunb_1._text_dsunb_98 ._content_dsunb_42{flex-shrink:0;display:flex;align-items:center;justify-content:center}._root_dsunb_1._text_dsunb_98._vertical_dsunb_51{flex-direction:column}
|
package/dist/assets/Spacer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_x8a9c_1._horizontal_x8a9c_1{width:100%}._root_x8a9c_1._horizontal_x8a9c_1._size-none_x8a9c_4{height:var(--offset-none)}._root_x8a9c_1._horizontal_x8a9c_1._size-hairthin_x8a9c_7{height:var(--offset-hairthin)}._root_x8a9c_1._horizontal_x8a9c_1._size-thin_x8a9c_10{height:var(--offset-thin)}._root_x8a9c_1._horizontal_x8a9c_1._size-xxsmall_x8a9c_13{height:var(--offset-xxsmall)}._root_x8a9c_1._horizontal_x8a9c_1._size-xsmall_x8a9c_16{height:var(--offset-xsmall)}._root_x8a9c_1._horizontal_x8a9c_1._size-small_x8a9c_19{height:var(--offset-small)}._root_x8a9c_1._horizontal_x8a9c_1._size-normal_x8a9c_22{height:var(--offset-normal)}._root_x8a9c_1._horizontal_x8a9c_1._size-medium_x8a9c_25{height:var(--offset-medium)}._root_x8a9c_1._horizontal_x8a9c_1._size-large_x8a9c_28{height:var(--offset-large)}._root_x8a9c_1._horizontal_x8a9c_1._size-xlarge_x8a9c_31{height:var(--offset-xlarge)}._root_x8a9c_1._horizontal_x8a9c_1._size-safezone_x8a9c_34{height:var(--offset-safezone)}._root_x8a9c_1._vertical_x8a9c_37{height:100%}._root_x8a9c_1._vertical_x8a9c_37._size-none_x8a9c_4{width:var(--offset-none)}._root_x8a9c_1._vertical_x8a9c_37._size-hairthin_x8a9c_7{width:var(--offset-hairthin)}._root_x8a9c_1._vertical_x8a9c_37._size-thin_x8a9c_10{width:var(--offset-thin)}._root_x8a9c_1._vertical_x8a9c_37._size-xxsmall_x8a9c_13{width:var(--offset-xxsmall)}._root_x8a9c_1._vertical_x8a9c_37._size-xsmall_x8a9c_16{width:var(--offset-xsmall)}._root_x8a9c_1._vertical_x8a9c_37._size-small_x8a9c_19{width:var(--offset-small)}._root_x8a9c_1._vertical_x8a9c_37._size-normal_x8a9c_22{width:var(--offset-normal)}._root_x8a9c_1._vertical_x8a9c_37._size-medium_x8a9c_25{width:var(--offset-medium)}._root_x8a9c_1._vertical_x8a9c_37._size-large_x8a9c_28{width:var(--offset-large)}._root_x8a9c_1._vertical_x8a9c_37._size-xlarge_x8a9c_31{width:var(--offset-xlarge)}._root_x8a9c_1._vertical_x8a9c_37._size-safezone_x8a9c_34{width:var(--offset-safezone)}
|
package/dist/assets/Table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_jdj5z_1 table{width:100%;border-collapse:collapse;border-radius:var(--border-radius-small);overflow:hidden}._root_jdj5z_1 th,._root_jdj5z_1 td{text-align:left;padding:0 calc(var(--quant) * .75);padding-bottom:1px;color:#fff;height:calc(var(--quant) * 8.75);box-sizing:border-box}._root_jdj5z_1 ._radio_jdj5z_15{display:flex;align-items:center;justify-content:center;min-width:calc(var(--quant) * 8.75)}._root_jdj5z_1 ._pointer_jdj5z_21{cursor:pointer}._root_jdj5z_1 ._selectedRow_jdj5z_24{background-color:rgba(var(--color-secondary),.4);box-shadow:0 -1px rgba(var(--color-primary),1) inset}._root_jdj5z_1 th{position:sticky;top:0;z-index:0;background-color:rgba(var(--color-bg-light),1)}._root_jdj5z_1 th ._headerContent_jdj5z_34{display:flex;align-items:center;flex-direction:row;justify-content:space-between}._root_jdj5z_1 th ._headerContent_jdj5z_34._sortable_jdj5z_40._empty_jdj5z_40{justify-content:flex-end}._root_jdj5z_1 th ._sortButton_jdj5z_43{opacity:.5;padding:calc(var(--quant) * 2)}._root_jdj5z_1 th:hover ._sortButton_jdj5z_43{opacity:1}._root_jdj5z_1 tr{box-shadow:0 -1px rgba(var(--color-bg-light),1) inset;box-sizing:border-box}._root_jdj5z_1 tr:hover{background-color:rgba(var(--color-secondary),.2)}._root_jdj5z_1 tr:hover:not(._selectedRow_jdj5z_24){box-shadow:none}._root_jdj5z_1 tr:last-child{border-bottom-left-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}
|