@cfx-dev/ui-components 3.0.2 → 3.0.3
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/Rail-DcVowhML.js +81 -0
- package/dist/assets/css/Accordion.css +1 -1
- package/dist/assets/css/Avatar.css +1 -1
- package/dist/assets/css/Badge.css +1 -1
- package/dist/assets/css/Box.css +1 -1
- package/dist/assets/css/Button.css +1 -1
- package/dist/assets/css/ButtonBar.css +1 -1
- package/dist/assets/css/Center.css +1 -1
- package/dist/assets/css/Checkbox.css +1 -1
- package/dist/assets/css/ClipboardButton.css +1 -1
- package/dist/assets/css/ControlBox.css +1 -1
- package/dist/assets/css/CountryFlag.css +1 -1
- package/dist/assets/css/Decorate.css +1 -1
- package/dist/assets/css/Dot.css +1 -1
- package/dist/assets/css/Flex.css +1 -1
- package/dist/assets/css/FlexRestricter.css +1 -1
- package/dist/assets/css/FlexShowcase.css +1 -1
- package/dist/assets/css/Flyout.css +1 -1
- package/dist/assets/css/Icon.css +1 -1
- package/dist/assets/css/IconBig.css +1 -1
- package/dist/assets/css/IconButton.css +1 -1
- package/dist/assets/css/Indicator.css +1 -1
- package/dist/assets/css/InfoPanel.css +1 -1
- package/dist/assets/css/Input.css +1 -1
- package/dist/assets/css/InputDropzone.css +1 -1
- package/dist/assets/css/Interactive.css +1 -1
- package/dist/assets/css/Island.css +1 -1
- package/dist/assets/css/ItemPreview.css +1 -1
- package/dist/assets/css/Link.css +1 -1
- package/dist/assets/css/Loaf.css +1 -1
- package/dist/assets/css/Modal.css +1 -1
- package/dist/assets/css/NavList.css +1 -1
- package/dist/assets/css/Overlay.css +1 -1
- package/dist/assets/css/Pad.css +1 -1
- package/dist/assets/css/Page.css +1 -1
- package/dist/assets/css/Popover.css +1 -1
- package/dist/assets/css/PopoverShowcase.css +1 -1
- package/dist/assets/css/PremiumBadge.css +1 -1
- package/dist/assets/css/Prose.css +1 -1
- package/dist/assets/css/Radio.css +1 -1
- package/dist/assets/css/Rail.css +1 -1
- package/dist/assets/css/RichInput.css +1 -1
- package/dist/assets/css/Select.css +1 -1
- package/dist/assets/css/Separator.css +1 -1
- package/dist/assets/css/Shroud.css +1 -1
- package/dist/assets/css/Skeleton.css +1 -1
- package/dist/assets/css/Spacer.css +1 -1
- package/dist/assets/css/Switch.css +1 -1
- package/dist/assets/css/Table.css +1 -1
- package/dist/assets/css/Tabular.css +1 -1
- package/dist/assets/css/Text.css +1 -1
- package/dist/assets/css/TextShowcase.css +1 -1
- package/dist/assets/css/Textarea.css +1 -1
- package/dist/assets/css/Title.css +1 -1
- package/dist/assets/css/ToggleGroup.css +1 -1
- package/dist/assets/general/global.css +1 -1
- package/dist/cfxIcons-BNd1WgpX.js +96 -0
- package/dist/components/Accordion/Accordion.js +69 -69
- package/dist/components/Avatar/Avatar.js +18 -18
- package/dist/components/Badge/Badge.js +23 -23
- package/dist/components/Button/Button.js +76 -76
- package/dist/components/Button/ButtonBar.js +6 -6
- package/dist/components/Checkbox/Checkbox.js +90 -85
- package/dist/components/ClipboardButton/ClipboardButton.js +17 -17
- package/dist/components/ControlBox/ControlBox.js +11 -11
- package/dist/components/CountryFlag/CountryFlag.js +9 -9
- package/dist/components/Decorate/Decorate.js +12 -12
- package/dist/components/Dot/Dot.js +17 -17
- package/dist/components/Flyout/Flyout.js +44 -44
- package/dist/components/Icon/Icon.js +14 -14
- package/dist/components/IconBig/IconBig.js +23 -18
- package/dist/components/IconButton/IconButton.js +25 -25
- package/dist/components/Icons/IconsShowcase.js +1 -1
- package/dist/components/Icons/cfx-icons/Cart.d.ts +5 -0
- package/dist/components/Icons/cfx-icons/Cart.js +42 -0
- package/dist/components/Icons/cfx-icons/UpvotesBurst.d.ts +5 -0
- package/dist/components/Icons/cfx-icons/UpvotesBurst.js +26 -0
- package/dist/components/Icons/cfx-icons/UpvotesRecurring.d.ts +5 -0
- package/dist/components/Icons/cfx-icons/UpvotesRecurring.js +26 -0
- package/dist/components/Icons/cfx-icons/User.d.ts +5 -0
- package/dist/components/Icons/cfx-icons/User.js +31 -0
- package/dist/components/Icons/cfx-icons/Verified.d.ts +5 -0
- package/dist/components/Icons/cfx-icons/Verified.js +23 -0
- package/dist/components/Icons/cfxIcons.d.ts +5 -0
- package/dist/components/Icons/cfxIcons.js +52 -42
- package/dist/components/Icons/index.js +1 -1
- package/dist/components/Indicator/Indicator.js +11 -11
- package/dist/components/InfoPanel/InfoPanel.js +37 -37
- package/dist/components/Input/Input.js +59 -59
- package/dist/components/Input/RichInput.js +39 -39
- package/dist/components/InputDropzone/InputDropzone.js +87 -87
- package/dist/components/InputDropzone/ItemPreview.js +17 -17
- package/dist/components/Interactive/Interactive.js +6 -6
- package/dist/components/Island/Island.js +20 -20
- package/dist/components/Layout/Box/Box.js +81 -81
- package/dist/components/Layout/Center/Center.js +14 -14
- package/dist/components/Layout/Flex/Flex.js +67 -67
- package/dist/components/Layout/Flex/FlexRestricter.js +14 -14
- package/dist/components/Layout/Flex/FlexShowcase.js +4 -4
- package/dist/components/Layout/Pad/Pad.js +34 -34
- package/dist/components/Layout/Page/Page.js +11 -11
- package/dist/components/Layout/Scrollable/Rail.js +1 -1
- package/dist/components/Layout/Scrollable/Scrollable.js +1 -1
- package/dist/components/Layout/Scrollable/VirtualScrollable.js +1 -1
- package/dist/components/Layout/Scrollable/index.js +1 -1
- package/dist/components/Link/ButtonLink.js +7 -6
- package/dist/components/Link/Link.js +36 -27
- package/dist/components/Loaf/Loaf.js +20 -20
- package/dist/components/Modal/Modal.js +51 -51
- package/dist/components/NavList/NavList.js +23 -23
- package/dist/components/Overlay/Overlay.js +17 -17
- package/dist/components/Popover/Popover.js +29 -29
- package/dist/components/Popover/PopoverShowcase.js +9 -9
- package/dist/components/PremiumBadge/PremiumBadge.js +8 -8
- package/dist/components/Prose/Prose.js +6 -6
- package/dist/components/Radio/Radio.js +32 -32
- package/dist/components/Select/Select.js +157 -157
- package/dist/components/Separator/Separator.js +31 -31
- package/dist/components/Shroud/Shroud.js +14 -14
- package/dist/components/Skeleton/Skeleton.js +10 -10
- package/dist/components/Spacer/Spacer.js +25 -25
- package/dist/components/Switch/Switch.js +43 -43
- package/dist/components/Table/Table.js +82 -82
- package/dist/components/Tabular/Tabular.js +60 -60
- package/dist/components/Text/Text.js +26 -26
- package/dist/components/Text/TextShowcase.js +19 -19
- package/dist/components/Textarea/Textarea.js +36 -36
- package/dist/components/Title/Title.js +57 -57
- package/dist/components/ToggleGroup/ToggleGroup.js +40 -40
- package/dist/main.js +2 -2
- package/dist/styles-scss/_ui.scss +22 -0
- package/dist/styles-scss/global.scss +5 -0
- package/dist/styles-scss/tokens.scss +5 -25
- package/package.json +2 -2
- package/dist/Rail-XT5PwAlx.js +0 -81
- package/dist/cfxIcons-BlbKR-zU.js +0 -86
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.cfxui__Textarea__root__688b1{display:block}.cfxui__Textarea__root__688b1.cfxui__Textarea__full-width__975d6{width:100%}.cfxui__Textarea__root__688b1.cfxui__Textarea__small__e7551 textarea{min-height:var(--control-height-small);font-size:var(--font-size-small)}.cfxui__Textarea__root__688b1.cfxui__Textarea__large__09eeb textarea{min-height:var(--control-height-large);font-size:var(--font-size-large)}.cfxui__Textarea__root__688b1.cfxui__Textarea__error__932cb label{color:rgba(var(--color-error),1);font-weight:var(--font-weight-bold)}.cfxui__Textarea__root__688b1.cfxui__Textarea__disabled__5d783 label{color:var(--color-input-disabled-label-text)}.cfxui__Textarea__root__688b1 label{width:100%;font-family:var(--font-family-primary);font-size:var(--font-size-normal);color:var(--color-input-label-text)}.cfxui__Textarea__root__688b1 label{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Textarea__root__688b1 label textarea{margin-top:var(--offset-small)}.cfxui__Textarea__root__688b1 textarea{flex-grow:1;width:100%;min-height:var(--control-height-normal);padding:var(--offset-normal);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);font-size:var(--font-size-normal);color:var(--color-input-text);background-color:var(--color-input-background);border-radius:var(--border-radius-small);border:none;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-border) inset}.cfxui__Textarea__root__688b1 textarea{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Textarea__root__688b1 textarea::placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Textarea__root__688b1 textarea::-webkit-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Textarea__root__688b1 textarea::-moz-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Textarea__root__688b1 textarea:-ms-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Textarea__root__688b1 textarea.cfxui__Textarea__resize-none__1130d{resize:none}.cfxui__Textarea__root__688b1 textarea.cfxui__Textarea__resize-vertical__f856e{resize:vertical}.cfxui__Textarea__root__688b1 textarea.cfxui__Textarea__resize-horizontal__b4b8f{resize:horizontal}.cfxui__Textarea__root__688b1 textarea.cfxui__Textarea__resize-both__004b8{resize:both}.cfxui__Textarea__root__688b1 textarea:disabled{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-disabled-border) inset;cursor:not-allowed;opacity:.5}.cfxui__Textarea__root__688b1 textarea:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-hover-border) inset}.cfxui__Textarea__root__688b1 textarea:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Textarea__root__688b1 textarea:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Textarea__root__688b1 textarea:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Textarea__root__688b1 textarea:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Textarea__root__688b1 textarea:not(:disabled):focus-visible,.cfxui__Textarea__root__688b1 textarea:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-focus-border) inset}.cfxui__Textarea__root__688b1 textarea::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Textarea__root__688b1 textarea::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Textarea__root__688b1 textarea::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Textarea__root__688b1 textarea:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Textarea__root__688b1.cfxui__Textarea__backdrop-blur__45372 textarea{--backdrop-color: var(--color-input-background);--_backdrop-color: var(--backdrop-color, transparent);--_backdrop-image-blur: var(--backdrop-image-blur, url(data:image/png;base64,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));background-color:var(--_backdrop-color, initial);background-image:linear-gradient(var(--_backdrop-color, initial),var(--_backdrop-color, initial)),linear-gradient(var(--color-backdrop-shader),var(--color-backdrop-shader)),var(--_backdrop-image-blur, initial),var(--_backdrop-image-blur, initial);background-blend-mode:normal,normal,overlay;background-size:cover,cover,cover,cover;background-attachment:scroll,scroll,fixed,fixed}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.cfxui__Title__wrapper__ec63b{position:fixed;top:0;left:0;display:flex;align-items:flex-end;justify-content:flex-end;gap:var(--offset-small);width:auto;height:16px;overflow:visible;z-index:9000;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;animation:cfxui__Title__appearance__9b5a4 0s ease-in-out forwards}@keyframes cfxui__Title__appearance__9b5a4{0%{opacity:0}to{opacity:1}}.cfxui__Title__wrapper__ec63b.cfxui__Title__animated__151a8{animation:cfxui__Title__appearance__9b5a4 .2s ease-in-out forwards}.cfxui__Title__wrapper__ec63b.cfxui__Title__fixed-on-top__100f6{width:0;height:0;align-items:flex-end;justify-content:center}.cfxui__Title__wrapper__ec63b.cfxui__Title__fixed-on-top-left__ec383{width:0;height:0;align-items:flex-end;justify-content:flex-start}.cfxui__Title__wrapper__ec63b.cfxui__Title__fixed-on-bottom__a00c2{width:0;height:0;align-items:flex-start;justify-content:center}.cfxui__Title__wrapper__ec63b.cfxui__Title__fixed-on-bottom-left__3bcbd{width:0;height:0;align-items:flex-start;justify-content:flex-start}.cfxui__Title__wrapper__ec63b.cfxui__Title__fixed-on-bottom-right__58fb5{width:0;height:0;align-items:flex-start;justify-content:flex-end}.cfxui__Title__wrapper__ec63b.cfxui__Title__fixed-on-left__01d9d{width:0;height:0;align-items:center;justify-content:flex-end}.cfxui__Title__wrapper__ec63b.cfxui__Title__fixed-on-right__2c799{width:0;height:0;align-items:center;justify-content:flex-start}.cfxui__Title__wrapper__ec63b .cfxui__Title__root__0f286{flex-shrink:0;padding:var(--offset-small) var(--offset-small);font-size:var(--font-size-xxsmall);color:var(--color-title-text);font-weight:400;background-color:var(--color-title-background);box-shadow:var(--shadow-small, initial);border-radius:var(--border-radius-xxsmall)}.cfxui__Title__wrapper__ec63b .cfxui__Title__root__0f286 svg{vertical-align:top}.cfxui__Title__wrapper__ec63b .cfxui__Title__shortcut__85352{flex-shrink:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.cfxui__ToggleGroup__root__fb460{display:inline-flex;position:relative;height:var(--control-height-normal)}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__disabled__75462{opacity:.5;pointer-events:none}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__descripted__8e168{margin-bottom:var(--offset-normal)}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__multiline__6b784{display:flex;height:auto}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__multiline__6b784 .cfxui__ToggleGroup__options__7bc0c{flex-wrap:wrap}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__multiline__6b784 .cfxui__ToggleGroup__options__7bc0c .cfxui__ToggleGroup__option__8436c{flex-grow:1;height:var(--control-height-normal)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__description__9429c{position:absolute;bottom:0;padding-top:var(--offset-small);transform:translateY(100%);color:var(--color-toggle-description-text);font-size:var(--font-size-small);white-space:nowrap}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__options__7bc0c{display:flex;gap:1px;height:100%;overflow:hidden;background-color:var(--color-toggle-background);box-shadow:0 0 0 2px var(--color-toggle-border) inset;border-radius:var(--border-radius-small)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--offset-small);height:100%;padding:0 var(--offset-normal);font-weight:var(--font-weight-normal);cursor:pointer}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:after{content:"";display:block;position:absolute;right:-1px;top:2px;bottom:2px;background-color:var(--color-toggle-border);width:1px}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:hover{background-color:var(--color-toggle-hover-background)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c.cfxui__ToggleGroup__active__84da0{color:var(--color-toggle-active-text);background-color:var(--color-toggle-active-background)}
|