@cfx-dev/ui-components 2.1.23 → 2.1.24
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/Button.css +1 -1
- package/dist/assets/Link.css +1 -0
- package/dist/assets/Modal.css +1 -1
- package/dist/assets/Text.css +1 -1
- package/dist/assets/global.css +1 -1
- package/dist/components/Button/Button.js +78 -77
- package/dist/components/Button/ButtonShowcase.js +46 -33
- package/dist/components/Link/ButtonLink.d.ts +9 -0
- package/dist/components/Link/ButtonLink.js +26 -0
- package/dist/components/Link/Link.d.ts +13 -0
- package/dist/components/Link/Link.js +35 -0
- package/dist/components/Link/LinkShowcase.d.ts +5 -0
- package/dist/components/Link/LinkShowcase.js +62 -0
- package/dist/components/Link/index.d.ts +3 -0
- package/dist/components/Link/index.js +7 -0
- package/dist/components/Modal/Modal.js +34 -34
- package/dist/components/Table/Table.d.ts +2 -1
- package/dist/components/Table/Table.js +72 -71
- package/dist/components/Text/Text.js +5 -5
- package/dist/main.d.ts +3 -0
- package/dist/main.js +137 -132
- package/dist/styles-scss/global.scss +16 -8
- package/dist/styles-scss/tokens.scss +7 -0
- package/package.json +1 -1
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._unsetAll_13zdy_1{all:unset}._root_13zdy_5{flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--offset-small);box-sizing:border-box;--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_13zdy_5{transition:background-color .25s ease,color .25s ease,outline-offset 0s,outline 0s}._root_13zdy_5._fullWidth_13zdy_38{width:100%;flex-shrink:1}._root_13zdy_5:disabled{cursor:not-allowed;opacity:.5}._root_13zdy_5:not(:disabled):hover{--border-color: var(--color-button-hover-border);--background-color: var(--color-button-hover-background)}._root_13zdy_5:not(:disabled):active{--border-color: var(--color-button-active-border);--background-color: var(--color-button-active-background);transform:translateY(1px)}._root_13zdy_5:not(:disabled):focus-visible:not(:active):not(:hover){box-shadow:0 0 0 2px var(--color-button-focus-outline)}._root_13zdy_5._primary_13zdy_58{-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_13zdy_5._primary_13zdy_58: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_13zdy_5._primary_13zdy_58: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_13zdy_5._primary_13zdy_58: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_13zdy_5._secondary_13zdy_79{-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_13zdy_5._secondary_13zdy_79: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_13zdy_5._secondary_13zdy_79: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_13zdy_5._secondary_13zdy_79: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_13zdy_5._on-light_13zdy_100{-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_13zdy_5._on-light_13zdy_100: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_13zdy_5._on-light_13zdy_100: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_13zdy_5._on-light_13zdy_100: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_13zdy_5._linked_13zdy_121{--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_13zdy_5._linked_13zdy_121: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_13zdy_5._linked_13zdy_121: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_13zdy_5._linked_13zdy_121: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_13zdy_5._quicklink_13zdy_150{-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_13zdy_5._quicklink_13zdy_150 ._icon_13zdy_157{position:relative;right:0}._root_13zdy_5._quicklink_13zdy_150 ._icon_13zdy_157{transition:right .25s ease,outline-offset 0s,outline 0s}._root_13zdy_5._quicklink_13zdy_150: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_13zdy_5._quicklink_13zdy_150: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_13zdy_5._quicklink_13zdy_150:not(:disabled):hover ._icon_13zdy_157{right:calc(-1 * calc(var(--quant) * .5))}._root_13zdy_5._quicklink_13zdy_150: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_13zdy_5._icononly_13zdy_182{padding:0;width:var(--height);line-height:0}._root_13zdy_5 ._decorator_13zdy_187{position:absolute;top:2px;left:2px;display:flex;align-items:center;justify-content:center;width:0;height:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._unsetAll_6pbf7_1{all:unset}._root_6pbf7_5{display:inline-flex;--color: var(--color-anchor-color);--text-decoration-color: currentColor;--text-decoration-color-hover: var(--color-anchor-decoration-color-hover);color:var(--color)}._root_6pbf7_5{transition:all .25s ease,outline-offset 0s,outline 0s}._root_6pbf7_5:not([aria-disabled=true]){cursor:pointer;text-decoration:underline;text-decoration-color:var(--text-decoration-color)}._root_6pbf7_5:not([aria-disabled=true]):hover{text-decoration-color:var(--text-decoration-color-hover)}._root_6pbf7_5[aria-disabled=true]{cursor:not-allowed;opacity:.5}._root_6pbf7_5[aria-disabled=true]:active{pointer-events:none}._root_6pbf7_5._unstyled_6pbf7_30{text-decoration:none}._root_6pbf7_5._secondary_6pbf7_33{--color: var(--color-anchor-secondary-color);--text-decoration-color-hover: var(--color-anchor-secondary-decoration-color-hover)}
|
package/dist/assets/Modal.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_zn44h_1{flex-shrink:0;position:relative;display:flex;flex-direction:column;max-width:calc((var(--width) - var(--offset-safezone) * 2) * 1);min-width:calc(var(--quant) * 50);max-height:calc((var(--height) - var(--offset-safezone) * 2) * 1);padding:calc(var(--quant) * 6);background-color:var(--color-modal-background);border-radius:var(--border-radius-small);overflow-x:hidden;overflow-y:auto;animation-name:_modal-appearance_zn44h_1;animation-duration:.2s}@media (min-width: 768px){._root_zn44h_1{min-width:calc(var(--quant) * 80)}}@media (min-width: 1280px){._root_zn44h_1{min-width:calc(var(--quant) * 100)}}@keyframes _modal-appearance_zn44h_1{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}._root_zn44h_1 ._close_zn44h_37{position:absolute;top:calc(var(--quant) * 1.5);right:calc(var(--quant) * 2);z-index:1}._root_zn44h_1 ._header_zn44h_43{display:flex;flex-direction:column;gap:calc(var(--quant) * 2.5);padding-bottom:calc(var(--quant) * 4)}._root_zn44h_1 ._header_zn44h_43 a{border-bottom:1px solid rgba(var(--color-secondary),1);font-weight:700}._root_zn44h_1 ._footer_zn44h_53{padding-top:calc(var(--quant) * 6)}
|
package/dist/assets/Text.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_14isi_1{transition:all .25s ease,outline-offset 0s,outline 0s}._root_14isi_1._centered_14isi_4{text-align:center}._root_14isi_1._underlined_14isi_7{text-decoration:underline}._root_14isi_1._truncated_14isi_10{width:100%;line-height:1.1;white-space:nowrap;overflow:hidden;-webkit-mask:linear-gradient(90deg,red,red calc(100% - 2ch),transparent);mask:linear-gradient(90deg,red,red calc(100% - 2ch),transparent)}._root_14isi_1._typographic_14isi_18{overflow-wrap:break-word}._root_14isi_1._typographic_14isi_18 li{margin-left:var(--offset-large)}._root_14isi_1:not(._typographic_14isi_18) a{color:inherit;text-decoration:none}._root_14isi_1._block_14isi_28{max-width:100%}
|