@eightshift/ui-components 6.2.0 → 6.3.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/{Button-CFnNdpNZ.js → Button-DtRmB6b8.js} +7 -6
- package/dist/{Dialog-DDfABlp4.js → Dialog-DTIxSDhz.js} +91 -37
- package/dist/{FocusScope-BJhC1-1e.js → FocusScope-CjFQ7cbd.js} +16 -16
- package/dist/{Hidden-Rfj-STx7.js → Hidden-DOH36apC.js} +23 -6
- package/dist/{Input-B4X6-x6r.js → Input-BG9DaxYN.js} +6 -6
- package/dist/{Label-BDlf9vIY.js → Label-_aSf9-8u.js} +1 -1
- package/dist/{ListBox-ByPsaVVK.js → ListBox-DXFyyj_r.js} +8 -7
- package/dist/{OverlayArrow-Dy0qw7WL.js → OverlayArrow-Fuxj-1QM.js} +27 -9
- package/dist/{RadioGroup-CjCAbUr4.js → RadioGroup-DCeiLxLK.js} +9 -9
- package/dist/{SearchField-BME59dt-.js → SearchField-B_yKFXRk.js} +11 -11
- package/dist/{SelectionManager-iru59gc4.js → SelectionManager-B02LcxLr.js} +111 -65
- package/dist/{Slider-BIbaMdUE.js → Slider-bR3fAmim.js} +7 -7
- package/dist/{VisuallyHidden-CqnizvzQ.js → VisuallyHidden-DZnWrkn8.js} +1 -1
- package/dist/assets/style-admin.css +628 -327
- package/dist/assets/style-editor.css +628 -327
- package/dist/assets/style.css +628 -327
- package/dist/assets/wp-overrides/allow-full-width-blocks.css +1 -1
- package/dist/assets/wp-overrides/fix-label-text-case.css +1 -1
- package/dist/assets/wp-overrides/increase-sidebar-width.css +1 -1
- package/dist/assets/wp-overrides/make-block-messages-nicer.css +7 -7
- package/dist/assets/wp-overrides/replace-fonts.css +5 -5
- package/dist/assets/wp-overrides/restyle-tooltips.css +3 -3
- package/dist/assets/wp-overrides/round-corners.css +1 -1
- package/dist/assets/wp-overrides/unify-button-sizes.css +1 -1
- package/dist/components/base-control/base-control.js +1 -1
- package/dist/components/base-control/container.js +1 -1
- package/dist/components/button/button.js +12 -9
- package/dist/components/checkbox/checkbox.js +10 -10
- package/dist/components/color-pickers/solid-color-picker.js +9 -9
- package/dist/components/expandable/expandable.js +5 -5
- package/dist/components/input-field/input-field.js +6 -9
- package/dist/components/link-input/link-input.js +191 -68
- package/dist/components/matrix-align/matrix-align.js +1 -1
- package/dist/components/menu/menu.js +5 -5
- package/dist/components/modal/modal.js +11 -8
- package/dist/components/notice/notice.js +3 -3
- package/dist/components/number-picker/number-picker.js +7 -7
- package/dist/components/options-panel/options-panel.js +6 -6
- package/dist/components/popover/popover.js +8 -7
- package/dist/components/radio/radio.js +2 -2
- package/dist/components/responsive/mini-responsive.js +81 -70
- package/dist/components/responsive/responsive.js +24 -40
- package/dist/components/responsive-preview/responsive-preview.js +1 -1
- package/dist/components/rich-label/rich-label.js +6 -4
- package/dist/components/select/async-multi-select.js +16 -12
- package/dist/components/select/async-select.js +16 -13
- package/dist/components/select/multi-select.js +17 -13
- package/dist/components/select/shared.js +3 -3
- package/dist/components/select/single-select.js +14 -12
- package/dist/components/slider/column-config-slider.js +3 -3
- package/dist/components/slider/slider.js +3 -3
- package/dist/components/tabs/tabs.js +39 -8
- package/dist/components/toggle/switch.js +5 -5
- package/dist/components/toggle/toggle.js +1 -1
- package/dist/components/toggle-button/toggle-button.js +6 -6
- package/dist/components/tooltip/tooltip.js +11 -9
- package/dist/{proxy-DFlYXk07.js → proxy-CNEXmkdK.js} +205 -137
- package/dist/{shared-HdRrpnhs.js → shared-CNH8QfV9.js} +15 -14
- package/dist/{textSelection-CeoEP4rL.js → textSelection-DA3VcKpG.js} +1 -1
- package/dist/{useButton-5YL_nmpZ.js → useButton-DyMX0EVr.js} +2 -2
- package/dist/{useEvent-Zze2g7CX.js → useEvent-Bfy68GHZ.js} +1 -1
- package/dist/{useFilter-NhAlifsK.js → useFilter-Bg5C34XC.js} +1 -1
- package/dist/{useFocusRing-rUOwLdTK.js → useFocusRing-B2glEZ25.js} +9 -7
- package/dist/{useFormReset-BxtOoO5Q.js → useFormReset-BoxsKyJ9.js} +1 -1
- package/dist/{useFormValidation-DTmPrTD8.js → useFormValidation-BrbMhS2N.js} +4 -3
- package/dist/{useHover-CmyvqeWX.js → useHover-DkmPQdGE.js} +76 -58
- package/dist/{useListState-HOvCQJFf.js → useListState-BjnzKozj.js} +3 -3
- package/dist/{useNumberField-CTkI-U9a.js → useNumberField-CsygZKz9.js} +45 -15
- package/dist/{usePress-CNefMs8d.js → usePress-Ck5xMtDr.js} +21 -21
- package/dist/{useToggle-CFFOmZWi.js → useToggle-Ddc7N8pR.js} +4 -4
- package/dist/{useToggleState-BWrKKisg.js → useToggleState-H_lORSWO.js} +1 -1
- package/package.json +22 -21
- package/dist/useSingleSelectListState-BtrMHGeE.js +0 -38
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.is-root-container.is-layout-flow.wp-block-post-content.block-editor-block-list__layout > .wp-block:not(.editor-post-title, .block-list-appender) {
|
|
3
3
|
max-width: -moz-available !important;
|
|
4
4
|
max-width: -webkit-fill-available !important;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties {
|
|
3
3
|
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
4
4
|
*, :before, :after, ::backdrop {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.edit-post-sidebar, .interface-interface-skeleton__sidebar:not(:empty) > .interface-complementary-area__fill[style="width: 280px;"], .interface-complementary-area.editor-sidebar {
|
|
3
3
|
width: calc(var(--es-spacing, .25rem) * 86) !important;
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties {
|
|
3
3
|
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
4
4
|
*, :before, :after, ::backdrop {
|
|
@@ -49,30 +49,30 @@
|
|
|
49
49
|
|
|
50
50
|
.wp-block-missing div.block-editor-warning {
|
|
51
51
|
border-radius: var(--es-radius-lg, .5rem) !important;
|
|
52
|
-
border-color: var(--es-color-secondary-300, var(--es-color-
|
|
53
|
-
background-color: var(--es-color-secondary-50, var(--es-color-
|
|
52
|
+
border-color: var(--es-color-secondary-300, var(--es-color-mist-300)) !important;
|
|
53
|
+
background-color: var(--es-color-secondary-50, var(--es-color-mist-50)) !important;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
@supports (color: color-mix(in lab, red, red)) {
|
|
57
57
|
.wp-block-missing div.block-editor-warning {
|
|
58
|
-
background-color: color-mix(in oklab, var(--es-color-secondary-50, var(--es-color-
|
|
58
|
+
background-color: color-mix(in oklab, var(--es-color-secondary-50, var(--es-color-mist-50)) 75%, transparent) !important;
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
.wp-block-missing div.block-editor-warning {
|
|
63
63
|
--es-uic-tw-shadow: 0 1px 3px 0 var(--es-uic-tw-shadow-color, #0000001a), 0 1px 2px -1px var(--es-uic-tw-shadow-color, #0000001a) !important;
|
|
64
64
|
box-shadow: var(--es-uic-tw-inset-shadow), var(--es-uic-tw-inset-ring-shadow), var(--es-uic-tw-ring-offset-shadow), var(--es-uic-tw-ring-shadow), var(--es-uic-tw-shadow) !important;
|
|
65
|
-
--es-uic-tw-shadow-color: var(--es-color-secondary-700, var(--es-color-
|
|
65
|
+
--es-uic-tw-shadow-color: var(--es-color-secondary-700, var(--es-color-mist-700)) !important;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
@supports (color: color-mix(in lab, red, red)) {
|
|
69
69
|
.wp-block-missing div.block-editor-warning {
|
|
70
|
-
--es-uic-tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-secondary-700, var(--es-color-
|
|
70
|
+
--es-uic-tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--es-color-secondary-700, var(--es-color-mist-700)) 20%, transparent) var(--es-uic-tw-shadow-alpha), transparent) !important;
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
.wp-block-missing div.block-editor-warning .block-editor-warning__message {
|
|
75
|
-
color: var(--es-color-secondary-950, var(--es-color-
|
|
75
|
+
color: var(--es-color-secondary-950, var(--es-color-mist-950)) !important;
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
@property --es-uic-tw-shadow {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
2
|
-
.edit-post-header, .components-popover, .edit-post-sidebar, .wp-block-post-title, .components-select-control__input, .components-base-control__field, .components-base-control__label, .components-combobox-control__suggestions-container, .components-input-control__label, .components-input-control__input, .components-checkbox-control__label, .components-menu-group__label, .components-menu-item__button, .components-notice .components-notice__content, .components-tooltip, .components-modal__header, .preferences-modal__section-title, .preferences-modal__section-description, .block-editor-inserter__tabs, .editor-list-view-sidebar, .edit-post-layout__footer, .components-snackbar, .components-text-control__input {
|
|
3
|
-
font-family: var(--es-font-sans, "
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.edit-post-header, .components-popover, .edit-post-sidebar, .wp-block-post-title, .components-select-control__input, .components-base-control__field, .components-base-control__label, .components-combobox-control__suggestions-container, .components-input-control__label, .components-input-control__input, .components-checkbox-control__label, .components-menu-group__label, .components-menu-item__button, .components-notice .components-notice__content, .components-tooltip, .components-modal__header, .preferences-modal__section-title, .preferences-modal__section-description, .block-editor-inserter__tabs, .editor-list-view-sidebar, .edit-post-layout__footer, .components-snackbar, .components-text-control__input, body:where(.wp-admin.block-editor-page) {
|
|
3
|
+
font-family: var(--es-font-sans, "Google Sans Flex Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
body.wp-admin {
|
|
7
|
-
font-family: var(--es-font-sans, "
|
|
6
|
+
body.wp-admin:not(.block-editor-page), #adminmenumain, #wpadminbar, .edit-post-layout__metaboxes, .interface-interface-skeleton__content .components-notice-list, .components-popover__fallback-container {
|
|
7
|
+
font-family: var(--es-font-sans-alt, "Geist Variable", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
|
|
8
8
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties {
|
|
3
3
|
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
4
4
|
*, :before, :after, ::backdrop {
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
--es-uic-tw-backdrop-blur: blur(var(--es-blur-xl, 24px));
|
|
44
44
|
--es-uic-tw-backdrop-brightness: brightness(105%);
|
|
45
45
|
--es-uic-tw-backdrop-saturate: saturate(150%);
|
|
46
|
-
-webkit-backdrop-filter: var(--es-uic-tw-backdrop-blur,
|
|
47
|
-
backdrop-filter: var(--es-uic-tw-backdrop-blur,
|
|
46
|
+
-webkit-backdrop-filter: var(--es-uic-tw-backdrop-blur, ) var(--es-uic-tw-backdrop-brightness, ) var(--es-uic-tw-backdrop-contrast, ) var(--es-uic-tw-backdrop-grayscale, ) var(--es-uic-tw-backdrop-hue-rotate, ) var(--es-uic-tw-backdrop-invert, ) var(--es-uic-tw-backdrop-opacity, ) var(--es-uic-tw-backdrop-saturate, ) var(--es-uic-tw-backdrop-sepia, );
|
|
47
|
+
backdrop-filter: var(--es-uic-tw-backdrop-blur, ) var(--es-uic-tw-backdrop-brightness, ) var(--es-uic-tw-backdrop-contrast, ) var(--es-uic-tw-backdrop-grayscale, ) var(--es-uic-tw-backdrop-hue-rotate, ) var(--es-uic-tw-backdrop-invert, ) var(--es-uic-tw-backdrop-opacity, ) var(--es-uic-tw-backdrop-saturate, ) var(--es-uic-tw-backdrop-sepia, );
|
|
48
48
|
border-radius: var(--es-radius-md, .375rem) !important;
|
|
49
49
|
}
|
|
50
50
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties {
|
|
3
3
|
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
|
|
4
4
|
*, :before, :after, ::backdrop {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
2
|
:is(.edit-post-header__toolbar, .edit-post-header__settings, .editor-document-tools__left, .editor-header__center, .editor-header__settings) .components-button {
|
|
3
3
|
min-height: calc(var(--es-spacing, .25rem) * 9) !important;
|
|
4
4
|
min-width: calc(var(--es-spacing, .25rem) * 9) !important;
|
|
@@ -77,7 +77,7 @@ const BaseControl = (props) => {
|
|
|
77
77
|
help && /* @__PURE__ */ jsx(
|
|
78
78
|
$514c0188e459b4c0$export$5f1af8db9871e1d6,
|
|
79
79
|
{
|
|
80
|
-
className: clsx('es:inline-block es:text-sm es:text-secondary-
|
|
80
|
+
className: clsx('es:inline-block es:text-sm es:text-secondary-500 es:mt-1.5 es:font-variation-["wdth"_66,"wght"_325,"slnt"_-4]', !noHelpInset && "es:pl-1"),
|
|
81
81
|
slot: "description",
|
|
82
82
|
children: help
|
|
83
83
|
}
|
|
@@ -225,7 +225,7 @@ const ContainerGroup = forwardRef((props, ref) => {
|
|
|
225
225
|
return null;
|
|
226
226
|
}
|
|
227
227
|
return /* @__PURE__ */ jsxs("div", { className: wrapClassName, children: [
|
|
228
|
-
/* @__PURE__ */ jsx("span", { className: 'es:ml-
|
|
228
|
+
/* @__PURE__ */ jsx("span", { className: 'es:ml-2 es:mb-1 es:inline-block es:text-12 es:font-variation-["wdth"_108,"wght"_300,"ROND"_100] es:text-surface-600', children: label }),
|
|
229
229
|
inner
|
|
230
230
|
] });
|
|
231
231
|
});
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, b as $0393f8ab869a0f1a$export$c17561cb55d4db30 } from "../../Button-
|
|
2
|
+
import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, b as $0393f8ab869a0f1a$export$c17561cb55d4db30 } from "../../Button-DtRmB6b8.js";
|
|
3
3
|
import { c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $df56164dff5785e2$export$4338b53315abf666 } from "../../utils-Cr3pLd9c.js";
|
|
4
|
-
import { $ as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../../FocusScope-
|
|
5
|
-
import {
|
|
4
|
+
import { $ as $9bf71ea28793e738$export$c5251b9e124bf29 } from "../../FocusScope-CjFQ7cbd.js";
|
|
5
|
+
import { h as $d4ee10de306f2510$export$4282f70798064fe0, b as $d4ee10de306f2510$export$e58f029f0fbfdb29, j as $d4ee10de306f2510$export$cd4e5573fbe2b576 } from "../../useHover-DkmPQdGE.js";
|
|
6
6
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
|
|
7
7
|
import $dbSRa$react__default, { useState, useRef, forwardRef, createContext } from "react";
|
|
8
8
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-iUFQCK8m.js";
|
|
@@ -21,7 +21,7 @@ function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
|
|
|
21
21
|
const shouldReverse = direction === "rtl" && orientation === "horizontal";
|
|
22
22
|
let focusManager = $9bf71ea28793e738$export$c5251b9e124bf29(ref);
|
|
23
23
|
const onKeyDown = (e) => {
|
|
24
|
-
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e
|
|
24
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) return;
|
|
25
25
|
if (orientation === "horizontal" && e.key === "ArrowRight" || orientation === "vertical" && e.key === "ArrowDown") {
|
|
26
26
|
if (shouldReverse) focusManager.focusPrevious();
|
|
27
27
|
else focusManager.focusNext();
|
|
@@ -30,7 +30,7 @@ function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
|
|
|
30
30
|
else focusManager.focusPrevious();
|
|
31
31
|
} else if (e.key === "Tab") {
|
|
32
32
|
e.stopPropagation();
|
|
33
|
-
lastFocused.current =
|
|
33
|
+
lastFocused.current = $d4ee10de306f2510$export$cd4e5573fbe2b576();
|
|
34
34
|
if (e.shiftKey) focusManager.focusFirst();
|
|
35
35
|
else focusManager.focusLast();
|
|
36
36
|
return;
|
|
@@ -41,10 +41,10 @@ function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
|
|
|
41
41
|
};
|
|
42
42
|
const lastFocused = useRef(null);
|
|
43
43
|
const onBlur = (e) => {
|
|
44
|
-
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && !lastFocused.current) lastFocused.current = e
|
|
44
|
+
if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && !lastFocused.current) lastFocused.current = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
|
|
45
45
|
};
|
|
46
46
|
const onFocus = (e) => {
|
|
47
|
-
if (lastFocused.current && !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && $d4ee10de306f2510$export$4282f70798064fe0(ref.current, e
|
|
47
|
+
if (lastFocused.current && !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, e.relatedTarget) && $d4ee10de306f2510$export$4282f70798064fe0(ref.current, $d4ee10de306f2510$export$e58f029f0fbfdb29(e))) {
|
|
48
48
|
var _lastFocused_current;
|
|
49
49
|
(_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.focus();
|
|
50
50
|
lastFocused.current = null;
|
|
@@ -159,7 +159,7 @@ const Button = (props) => {
|
|
|
159
159
|
}
|
|
160
160
|
const componentClasses = cva(
|
|
161
161
|
[
|
|
162
|
-
'es:font-variation-["wdth"
|
|
162
|
+
'es:font-variation-["wdth"_85,"wght"_325,"ROND"_100,"GRAD"_0] es:hover:font-variation-["wdth"_85,"wght"_325,"ROND"_100,"GRAD"_75]',
|
|
163
163
|
"es:flex es:items-center es:justify-center-safe",
|
|
164
164
|
"es:transition-plus es:duration-300 es:ease-spring-snappy es:text-13",
|
|
165
165
|
"es:any-focus:outline-hidden",
|
|
@@ -240,7 +240,10 @@ const Button = (props) => {
|
|
|
240
240
|
{
|
|
241
241
|
disabled: false,
|
|
242
242
|
type: ["selected", "danger"],
|
|
243
|
-
class: [
|
|
243
|
+
class: [
|
|
244
|
+
'es:font-variation-["wdth"_85,"wght"_325,"ROND"_100,"GRAD"_50] es:hover:font-variation-["wdth"_85,"wght"_325,"ROND"_100,"GRAD"_100]',
|
|
245
|
+
"es:any-icon:drop-shadow-xs es:any-icon:drop-shadow-accent-800/25"
|
|
246
|
+
]
|
|
244
247
|
},
|
|
245
248
|
{
|
|
246
249
|
type: "selected",
|
|
@@ -4,14 +4,14 @@ import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$
|
|
|
4
4
|
import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
|
|
5
5
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
|
|
6
6
|
import $dbSRa$react__default, { useEffect, useMemo, useRef, forwardRef, useContext, createContext } from "react";
|
|
7
|
-
import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, b as $e5be200c675c3b3a$export$a763b9476acd3eb, c as $e5be200c675c3b3a$export$dad6ae84456c676a } from "../../useFormValidation-
|
|
8
|
-
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-
|
|
9
|
-
import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-
|
|
10
|
-
import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-
|
|
11
|
-
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-
|
|
12
|
-
import {
|
|
13
|
-
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-
|
|
14
|
-
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-
|
|
7
|
+
import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, b as $e5be200c675c3b3a$export$a763b9476acd3eb, c as $e5be200c675c3b3a$export$dad6ae84456c676a } from "../../useFormValidation-BrbMhS2N.js";
|
|
8
|
+
import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-Ck5xMtDr.js";
|
|
9
|
+
import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-Ddc7N8pR.js";
|
|
10
|
+
import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-H_lORSWO.js";
|
|
11
|
+
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-B2glEZ25.js";
|
|
12
|
+
import { y as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-DkmPQdGE.js";
|
|
13
|
+
import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-DZnWrkn8.js";
|
|
14
|
+
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-_aSf9-8u.js";
|
|
15
15
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
16
16
|
import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
|
|
17
17
|
import { icons } from "../../icons/icons.js";
|
|
@@ -273,7 +273,7 @@ const Checkbox2 = (props) => {
|
|
|
273
273
|
active: false,
|
|
274
274
|
disabled: false,
|
|
275
275
|
class: [
|
|
276
|
-
"es:bg-secondary-50 es:inset-ring-secondary-300/
|
|
276
|
+
"es:bg-secondary-50 es:inset-ring-secondary-300/80",
|
|
277
277
|
"es:from-black/1 es:to-black/5",
|
|
278
278
|
"es:hover:bg-surface-100 es:hover:inset-ring-surface-300/60",
|
|
279
279
|
"es:inset-shadow-white/50",
|
|
@@ -361,7 +361,7 @@ const Checkbox2 = (props) => {
|
|
|
361
361
|
{
|
|
362
362
|
transition: "scaleRotateFade",
|
|
363
363
|
visible: !indeterminate && checked,
|
|
364
|
-
className: clsx("es:transition-none es:icon:size-
|
|
364
|
+
className: clsx("es:transition-none es:icon:size-3.5 es:icon:stroke-[2.5]", !disabled && "es:icon:drop-shadow-xs es:icon:drop-shadow-accent-950/30"),
|
|
365
365
|
noInitial: true,
|
|
366
366
|
children: icons.check
|
|
367
367
|
}
|
|
@@ -3,22 +3,22 @@ import $dbSRa$react__default, { useState, useMemo, useRef, useCallback, forwardR
|
|
|
3
3
|
import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, i as $64fa3d84918910a7$export$2881499e37b75b9a, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4 } from "../../utils-Cr3pLd9c.js";
|
|
4
4
|
import { d as $4e85f108e88277b8$export$ebe63fadcdce34ed, e as $4e85f108e88277b8$export$44644b8a16031b5b, f as $4e85f108e88277b8$export$717b2c0a523a0b53 } from "../../RSPContexts-CJ-HBf0L.js";
|
|
5
5
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
|
|
6
|
-
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-
|
|
7
|
-
import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715,
|
|
6
|
+
import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-B2glEZ25.js";
|
|
7
|
+
import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, g as $03deb23ff14920c4$export$4eaf04e54aa8eed6, A as $7215afc6de606d6b$export$de79e2c695e052f3, B as $46d819fcbaf35654$export$8f71654801c2f7cd, o as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $c87311424ea30a05$export$fedb369cb70207f1, s as $c87311424ea30a05$export$a11b0059900ceec8, y as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-DkmPQdGE.js";
|
|
8
8
|
import { a as $799cddbef784668f$export$4cde5df63f53f473, b as $799cddbef784668f$export$6e865ea70d7724f, c as $3493a52097159720$exports, C as ColorSwatch } from "../../color-swatch-bUFkK7ox.js";
|
|
9
9
|
import { a as $9446cca9a3875146$export$cb6e0bb50bc19463, $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "../../number-7sOvrqo0.js";
|
|
10
10
|
import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-D8O3gOdV.js";
|
|
11
|
-
import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-
|
|
12
|
-
import { d as $28f99e3e86e6ec45$export$e5fda3247f5d67f9, e as $e8a7022cf87cba2a$export$36da96379f79f245, f as $bcca50147b47f54d$export$56b2c08e277f365, g as $47b897dc8cdb026b$export$8d15029008292ae, h as $6f909507e6374d18$export$1e7083018727fa60, i as $6f909507e6374d18$export$f1fce0420cc6d8ee, j as $6f909507e6374d18$export$6189c2744041d8f8, a as $6f909507e6374d18$export$105594979f116971 } from "../../Slider-
|
|
11
|
+
import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-BoxsKyJ9.js";
|
|
12
|
+
import { d as $28f99e3e86e6ec45$export$e5fda3247f5d67f9, e as $e8a7022cf87cba2a$export$36da96379f79f245, f as $bcca50147b47f54d$export$56b2c08e277f365, g as $47b897dc8cdb026b$export$8d15029008292ae, h as $6f909507e6374d18$export$1e7083018727fa60, i as $6f909507e6374d18$export$f1fce0420cc6d8ee, j as $6f909507e6374d18$export$6189c2744041d8f8, a as $6f909507e6374d18$export$105594979f116971 } from "../../Slider-bR3fAmim.js";
|
|
13
13
|
import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-iUFQCK8m.js";
|
|
14
14
|
import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-CEDs0LsA.js";
|
|
15
|
-
import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "../../VisuallyHidden-
|
|
15
|
+
import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "../../VisuallyHidden-DZnWrkn8.js";
|
|
16
16
|
import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BPG0hKfB.js";
|
|
17
|
-
import { b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-
|
|
18
|
-
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "../../Label-
|
|
17
|
+
import { b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BG9DaxYN.js";
|
|
18
|
+
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "../../Label-_aSf9-8u.js";
|
|
19
19
|
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CjFEHSfr.js";
|
|
20
|
-
import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, b as $d2e8511e6f209edf$export$e908e06f4b8e3402, c as $7d0a636d7a4dcefd$export$2123ff2b87c81ca, d as $d841c8010a73d545$export$4f384c9210e583c3, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-
|
|
21
|
-
import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "../../useFormValidation-
|
|
20
|
+
import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, b as $d2e8511e6f209edf$export$e908e06f4b8e3402, c as $7d0a636d7a4dcefd$export$2123ff2b87c81ca, d as $d841c8010a73d545$export$4f384c9210e583c3, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-CsygZKz9.js";
|
|
21
|
+
import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "../../useFormValidation-BrbMhS2N.js";
|
|
22
22
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
23
23
|
import { BaseControl } from "../base-control/base-control.js";
|
|
24
24
|
import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
|
|
@@ -5,14 +5,14 @@ import { AnimatedVisibility } from "../animated-visibility/animated-visibility.j
|
|
|
5
5
|
import { Button } from "../button/button.js";
|
|
6
6
|
import { icons } from "../../icons/icons.js";
|
|
7
7
|
import { c as clsx } from "../../clsx-DgYk2OaC.js";
|
|
8
|
-
import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-
|
|
8
|
+
import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-DtRmB6b8.js";
|
|
9
9
|
import { d as $bdb11010cef70236$export$f680877a34711e37, m as $b5e257d569688ac6$export$535bd6ca7f90a273, c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, n as $64fa3d84918910a7$export$c62b8e45d58ddad9, a as $64fa3d84918910a7$export$df3a06d6289f983e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, l as $5dc95899b306f630$export$c9058316764c140e } from "../../utils-Cr3pLd9c.js";
|
|
10
10
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
|
|
11
|
-
import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-
|
|
11
|
+
import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-DkmPQdGE.js";
|
|
12
12
|
import { r as reactDomExports } from "../../index-BL5gdWX4.js";
|
|
13
|
-
import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../../useEvent-
|
|
14
|
-
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-
|
|
15
|
-
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-
|
|
13
|
+
import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../../useEvent-Bfy68GHZ.js";
|
|
14
|
+
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-B2glEZ25.js";
|
|
15
|
+
import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-_aSf9-8u.js";
|
|
16
16
|
import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
|
|
17
17
|
function $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {
|
|
18
18
|
let { isDisabled } = props;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-
|
|
3
|
-
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-
|
|
2
|
+
import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BG9DaxYN.js";
|
|
3
|
+
import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-_aSf9-8u.js";
|
|
4
4
|
import { $ as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-Cr3pLd9c.js";
|
|
5
5
|
import $dbSRa$react__default, { forwardRef, createContext, useRef, useState, useCallback } from "react";
|
|
6
|
-
import {
|
|
7
|
-
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-
|
|
6
|
+
import { y as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-DkmPQdGE.js";
|
|
7
|
+
import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-B2glEZ25.js";
|
|
8
8
|
import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BPG0hKfB.js";
|
|
9
9
|
import { a as $4e85f108e88277b8$export$698f465ec27e93df } from "../../RSPContexts-CJ-HBf0L.js";
|
|
10
10
|
import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
|
|
11
11
|
import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CjFEHSfr.js";
|
|
12
|
-
import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "../../Hidden-
|
|
12
|
+
import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "../../Hidden-DOH36apC.js";
|
|
13
13
|
import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
|
|
14
14
|
import { BaseControl } from "../base-control/base-control.js";
|
|
15
15
|
import { c as cva } from "../../index-BHpUy2Ix.js";
|
|
@@ -225,10 +225,7 @@ const InputField = (props) => {
|
|
|
225
225
|
},
|
|
226
226
|
mono: {
|
|
227
227
|
true: "es:font-mono es:text-12!",
|
|
228
|
-
false: [
|
|
229
|
-
'es:text-13! es:font-variation-["wdth"_80,"YTLC"_520,"wght"_300,"slnt"_0]',
|
|
230
|
-
'es:tracking-wide es:placeholder-shown:font-variation-["wdth"_100,"YTLC"_500,"wght"_250,"slnt"_-8]'
|
|
231
|
-
]
|
|
228
|
+
false: 'es:text-13! es:font-variation-["wdth"_80,"wght"_325,"slnt"_0,"ROND"_100] es:placeholder-shown:font-variation-["wdth"_64,"wght"_300,"slnt"_-10,"ROND"_0]'
|
|
232
229
|
},
|
|
233
230
|
multiline: {
|
|
234
231
|
false: "es:py-2",
|