@cfx-dev/ui-components 2.1.23 → 3.0.0

package/dist/{Rail-nVRissv6.js → Rail-XT5PwAlx.js}

@@ -3,7 +3,7 @@ import r from "react";
 import { Interactive as C } from "./components/Interactive/Interactive.js";
 import { clsx as v } from "./utils/clsx.js";
 import { clamp01 as b } from "./utils/math.js";
-import './assets/Rail.css';const P = "_virtual_tl3f9_1", T = "_root_tl3f9_5", R = "_rail_tl3f9_12", M = "_active_tl3f9_12", y = "_scroller_tl3f9_15", z = "_content_tl3f9_26", E = "_thumb_tl3f9_40", a = {
+const P = "_virtual_tl3f9_1", T = "_root_tl3f9_5", R = "_rail_tl3f9_12", M = "_active_tl3f9_12", y = "_scroller_tl3f9_15", z = "_content_tl3f9_26", E = "_thumb_tl3f9_40", a = {
   virtual: P,
   root: T,
   rail: R,

package/dist/assets/all_css.css

@@ -0,0 +1,55 @@
+
+@import "./css/Accordion.css";
+@import "./css/Avatar.css";
+@import "./css/Badge.css";
+@import "./css/Box.css";
+@import "./css/Button.css";
+@import "./css/ButtonBar.css";
+@import "./css/Center.css";
+@import "./css/Checkbox.css";
+@import "./css/ClipboardButton.css";
+@import "./css/ControlBox.css";
+@import "./css/CountryFlag.css";
+@import "./css/Decorate.css";
+@import "./css/Dot.css";
+@import "./css/Flex.css";
+@import "./css/FlexRestricter.css";
+@import "./css/FlexShowcase.css";
+@import "./css/Flyout.css";
+@import "./css/Icon.css";
+@import "./css/IconBig.css";
+@import "./css/IconButton.css";
+@import "./css/Indicator.css";
+@import "./css/InfoPanel.css";
+@import "./css/Input.css";
+@import "./css/InputDropzone.css";
+@import "./css/Interactive.css";
+@import "./css/Island.css";
+@import "./css/ItemPreview.css";
+@import "./css/Link.css";
+@import "./css/Loaf.css";
+@import "./css/Modal.css";
+@import "./css/NavList.css";
+@import "./css/Overlay.css";
+@import "./css/Pad.css";
+@import "./css/Page.css";
+@import "./css/Popover.css";
+@import "./css/PopoverShowcase.css";
+@import "./css/PremiumBadge.css";
+@import "./css/Prose.css";
+@import "./css/Radio.css";
+@import "./css/Rail.css";
+@import "./css/RichInput.css";
+@import "./css/Select.css";
+@import "./css/Separator.css";
+@import "./css/Shroud.css";
+@import "./css/Skeleton.css";
+@import "./css/Spacer.css";
+@import "./css/Switch.css";
+@import "./css/Table.css";
+@import "./css/Tabular.css";
+@import "./css/Text.css";
+@import "./css/Textarea.css";
+@import "./css/TextShowcase.css";
+@import "./css/Title.css";
+@import "./css/ToggleGroup.css";

package/dist/assets/css/Button.css

@@ -0,0 +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}

package/dist/assets/css/Link.css

@@ -0,0 +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/css/Modal.css

@@ -0,0 +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/css/Text.css

@@ -0,0 +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%}