@telefonica/mistica 16.48.0 → 16.49.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/css/mistica.css +1 -1
- package/dist/accordion.css-mistica.js +6 -6
- package/dist/align.css-mistica.js +1 -1
- package/dist/autocomplete.css-mistica.js +1 -1
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/badge.css-mistica.js +1 -1
- package/dist/box.css-mistica.js +13 -13
- package/dist/boxed.css-mistica.js +24 -24
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +14 -14
- package/dist/button.css-mistica.js +26 -26
- package/dist/callout.css-mistica.js +11 -11
- package/dist/card-cover.d.ts +1 -0
- package/dist/card-data.d.ts +1 -0
- package/dist/card-internal.css-mistica.js +15 -15
- package/dist/card-internal.d.ts +1 -0
- package/dist/card-internal.js +376 -368
- package/dist/card-media.d.ts +1 -0
- package/dist/carousel.css-mistica.js +8 -8
- package/dist/checkbox.css-mistica.js +11 -11
- package/dist/chip.css-mistica.js +15 -15
- package/dist/chip.js +26 -24
- package/dist/circle.css-mistica.js +1 -1
- package/dist/community/advanced-data-card.css-mistica.js +6 -6
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +1 -1
- package/dist/counter.css-mistica.js +1 -1
- package/dist/cover-hero.css-mistica.js +2 -2
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/date-field.css-mistica.js +1 -1
- package/dist/date-time-picker.css-mistica.js +1 -1
- package/dist/dialog.css-mistica.js +4 -4
- package/dist/dialog.js +60 -64
- package/dist/divider.css-mistica.js +5 -5
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/drawer.css-mistica.js +1 -1
- package/dist/drawer.js +35 -33
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +5 -5
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +1 -1
- package/dist/fixed-footer-layout.css-mistica.js +3 -3
- package/dist/form.css-mistica.js +1 -1
- package/dist/grid-layout.css-mistica.js +3 -3
- package/dist/grid.css-mistica.js +120 -120
- package/dist/header.css-mistica.js +1 -1
- package/dist/hero.css-mistica.js +2 -2
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +52 -52
- package/dist/icons/icon-chevron.css-mistica.js +2 -2
- package/dist/icons/icon-error.css-mistica.js +1 -1
- package/dist/image.css-mistica.js +2 -2
- package/dist/inline.css-mistica.js +9 -9
- package/dist/list.css-mistica.js +1 -1
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-screen.css-mistica.js +4 -4
- package/dist/loading-screen.js +87 -85
- package/dist/logo.css-mistica.js +5 -5
- package/dist/menu.css-mistica.js +13 -13
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +18 -18
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +10 -12
- package/dist/popover.css-mistica.js +1 -1
- package/dist/progress-bar.css-mistica.js +6 -6
- package/dist/radio-button.css-mistica.js +19 -19
- package/dist/rating.css-mistica.js +2 -2
- package/dist/responsive-layout.css-mistica.js +6 -6
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +15 -15
- package/dist/select.js +39 -38
- package/dist/sheet-action-row.css-mistica.js +1 -1
- package/dist/sheet-common.css-mistica.js +1 -1
- package/dist/sheet-info.css-mistica.js +1 -1
- package/dist/skeletons.css-mistica.js +6 -6
- package/dist/skins/blau.js +91 -0
- package/dist/skins/defaults.js +91 -0
- package/dist/skins/esimflag.js +91 -0
- package/dist/skins/movistar-new.js +97 -6
- package/dist/skins/movistar.js +93 -2
- package/dist/skins/o2-new.js +91 -0
- package/dist/skins/o2.js +93 -2
- package/dist/skins/skin-contract.css-mistica.js +660 -623
- package/dist/skins/skin-contract.css.d.ts +91 -25
- package/dist/skins/telefonica.js +91 -0
- package/dist/skins/tu.js +91 -0
- package/dist/skins/types/index.d.ts +11 -2
- package/dist/skins/vivo-new.js +91 -0
- package/dist/skins/vivo.js +91 -0
- package/dist/skip-link.css-mistica.js +1 -1
- package/dist/slider.css-mistica.js +18 -18
- package/dist/snackbar.css-mistica.js +4 -4
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/stack.css-mistica.js +5 -5
- package/dist/stacking-group.css-mistica.js +1 -1
- package/dist/stepper.css-mistica.js +2 -2
- package/dist/stepper.js +29 -27
- package/dist/switch-component.css-mistica.js +35 -35
- package/dist/table.css-mistica.js +9 -9
- package/dist/tabs.css-mistica.js +17 -17
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +38 -20
- package/dist/text-field-base.css.d.ts +15 -11
- package/dist/text-field-base.js +78 -79
- package/dist/text-field-components.css-mistica.js +18 -24
- package/dist/text-field-components.css.d.ts +0 -2
- package/dist/text-field-components.d.ts +1 -0
- package/dist/text-field-components.js +66 -41
- package/dist/text-link.css-mistica.js +6 -6
- package/dist/text.css-mistica.js +6 -6
- package/dist/text.d.ts +23 -9
- package/dist/text.js +171 -174
- package/dist/theme-context.css-mistica.js +1 -1
- package/dist/timeline.css-mistica.js +9 -9
- package/dist/timer.css-mistica.js +6 -6
- package/dist/title.js +55 -49
- package/dist/tooltip.css-mistica.js +1 -1
- package/dist/touchable.css-mistica.js +1 -1
- package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist/video.css-mistica.js +1 -1
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/dist-es/accordion.css-mistica.js +6 -6
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/autocomplete.css-mistica.js +1 -1
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/badge.css-mistica.js +1 -1
- package/dist-es/box.css-mistica.js +13 -13
- package/dist-es/boxed.css-mistica.js +23 -23
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +14 -14
- package/dist-es/button.css-mistica.js +26 -26
- package/dist-es/callout.css-mistica.js +11 -11
- package/dist-es/card-internal.css-mistica.js +15 -15
- package/dist-es/card-internal.js +424 -416
- package/dist-es/carousel.css-mistica.js +8 -8
- package/dist-es/checkbox.css-mistica.js +11 -11
- package/dist-es/chip.css-mistica.js +15 -15
- package/dist-es/chip.js +44 -42
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +1 -1
- package/dist-es/counter.css-mistica.js +1 -1
- package/dist-es/cover-hero.css-mistica.js +2 -2
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/date-field.css-mistica.js +1 -1
- package/dist-es/date-time-picker.css-mistica.js +1 -1
- package/dist-es/dialog.css-mistica.js +4 -4
- package/dist-es/dialog.js +98 -102
- package/dist-es/divider.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/drawer.css-mistica.js +1 -1
- package/dist-es/drawer.js +76 -74
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- package/dist-es/empty-state.css-mistica.js +5 -5
- package/dist-es/fade-in.css-mistica.js +1 -1
- package/dist-es/feedback.css-mistica.js +1 -1
- package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
- package/dist-es/form.css-mistica.js +1 -1
- package/dist-es/grid-layout.css-mistica.js +3 -3
- package/dist-es/grid.css-mistica.js +120 -120
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +52 -52
- package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
- package/dist-es/icons/icon-error.css-mistica.js +1 -1
- package/dist-es/image.css-mistica.js +2 -2
- package/dist-es/inline.css-mistica.js +9 -9
- package/dist-es/list.css-mistica.js +1 -1
- package/dist-es/loading-bar.css-mistica.js +1 -1
- package/dist-es/loading-screen.css-mistica.js +4 -4
- package/dist-es/loading-screen.js +119 -117
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/menu.css-mistica.js +13 -13
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +18 -18
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/pin-field.css-mistica.js +2 -4
- package/dist-es/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +6 -6
- package/dist-es/radio-button.css-mistica.js +19 -19
- package/dist-es/rating.css-mistica.js +2 -2
- package/dist-es/responsive-layout.css-mistica.js +6 -6
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +15 -15
- package/dist-es/select.js +88 -87
- package/dist-es/sheet-action-row.css-mistica.js +1 -1
- package/dist-es/sheet-common.css-mistica.js +1 -1
- package/dist-es/sheet-info.css-mistica.js +1 -1
- package/dist-es/skeletons.css-mistica.js +6 -6
- package/dist-es/skins/blau.js +91 -0
- package/dist-es/skins/defaults.js +91 -0
- package/dist-es/skins/esimflag.js +91 -0
- package/dist-es/skins/movistar-new.js +97 -6
- package/dist-es/skins/movistar.js +93 -2
- package/dist-es/skins/o2-new.js +91 -0
- package/dist-es/skins/o2.js +93 -2
- package/dist-es/skins/skin-contract.css-mistica.js +660 -623
- package/dist-es/skins/telefonica.js +91 -0
- package/dist-es/skins/tu.js +91 -0
- package/dist-es/skins/vivo-new.js +91 -0
- package/dist-es/skins/vivo.js +91 -0
- package/dist-es/skip-link.css-mistica.js +1 -1
- package/dist-es/slider.css-mistica.js +18 -18
- package/dist-es/snackbar.css-mistica.js +4 -4
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/stack.css-mistica.js +5 -5
- package/dist-es/stacking-group.css-mistica.js +1 -1
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/stepper.js +50 -48
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +35 -35
- package/dist-es/table.css-mistica.js +9 -9
- package/dist-es/tabs.css-mistica.js +17 -17
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +17 -2
- package/dist-es/text-field-base.js +110 -111
- package/dist-es/text-field-components.css-mistica.js +4 -4
- package/dist-es/text-field-components.js +92 -70
- package/dist-es/text-link.css-mistica.js +6 -6
- package/dist-es/text.css-mistica.js +6 -6
- package/dist-es/text.js +180 -190
- package/dist-es/theme-context.css-mistica.js +1 -1
- package/dist-es/timeline.css-mistica.js +9 -9
- package/dist-es/timer.css-mistica.js +6 -6
- package/dist-es/title.js +69 -63
- package/dist-es/tooltip.css-mistica.js +1 -1
- package/dist-es/touchable.css-mistica.js +1 -1
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist-es/video.css-mistica.js +1 -1
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/package.json +1 -1
- package/dist/text-props.d.ts +0 -60
- package/dist/text-props.js +0 -93
- package/dist-es/text-props.js +0 -52
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./switch-component.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
var a = {
|
|
4
|
-
default: "
|
|
5
|
-
ios: "
|
|
6
|
-
disabled: "
|
|
7
|
-
disabledIos: "
|
|
4
|
+
default: "v16_49_q0hp3a6 v16_49_q0hp3a5 v16_49_1y2v1nfpq v16_49_1y2v1nfsp",
|
|
5
|
+
ios: "v16_49_q0hp3a7 v16_49_q0hp3a5 v16_49_1y2v1nfpq v16_49_1y2v1nfsp",
|
|
6
|
+
disabled: "v16_49_q0hp3a8 v16_49_q0hp3a5 v16_49_1y2v1nfpq v16_49_1y2v1nfsp",
|
|
7
|
+
disabledIos: "v16_49_q0hp3a9 v16_49_q0hp3a5 v16_49_1y2v1nfpq v16_49_1y2v1nfsp"
|
|
8
8
|
}, p = {
|
|
9
|
-
default: "
|
|
10
|
-
ios: "
|
|
11
|
-
}, h = "
|
|
12
|
-
default: "
|
|
13
|
-
ios: "
|
|
14
|
-
iosDark: "
|
|
15
|
-
checked: "
|
|
16
|
-
checkedIos: "
|
|
9
|
+
default: "v16_49_q0hp3ac v16_49_q0hp3ab v16_49_q0hp3aa v16_49_1y2v1nfpg",
|
|
10
|
+
ios: "v16_49_q0hp3ad v16_49_q0hp3ab v16_49_q0hp3aa v16_49_1y2v1nfpg"
|
|
11
|
+
}, h = "v16_49_q0hp3af v16_49_q0hp3ae v16_49_1y2v1nfpo v16_49_1y2v1nfsq", q = {
|
|
12
|
+
default: "v16_49_q0hp3ai v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
|
|
13
|
+
ios: "v16_49_q0hp3aj v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
|
|
14
|
+
iosDark: "v16_49_q0hp3ak v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
|
|
15
|
+
checked: "v16_49_q0hp3al v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
|
|
16
|
+
checkedIos: "v16_49_q0hp3am v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo"
|
|
17
17
|
}, n = {
|
|
18
|
-
default: "
|
|
19
|
-
ios: "
|
|
20
|
-
iosDark: "
|
|
21
|
-
checked: "
|
|
22
|
-
checkedIos: "
|
|
18
|
+
default: "v16_49_q0hp3an v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
|
|
19
|
+
ios: "v16_49_q0hp3ao v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
|
|
20
|
+
iosDark: "v16_49_q0hp3ap v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
|
|
21
|
+
checked: "v16_49_q0hp3aq v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
|
|
22
|
+
checkedIos: "v16_49_q0hp3ar v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo"
|
|
23
23
|
}, f = {
|
|
24
|
-
default: "
|
|
25
|
-
ios: "
|
|
26
|
-
iosDark: "
|
|
27
|
-
checked: "
|
|
28
|
-
checkedIos: "
|
|
29
|
-
}, y = "
|
|
30
|
-
default: "
|
|
31
|
-
ios: "
|
|
32
|
-
checked: "
|
|
33
|
-
checkedIos: "
|
|
24
|
+
default: "v16_49_q0hp3as v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
|
|
25
|
+
ios: "v16_49_q0hp3at v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
|
|
26
|
+
iosDark: "v16_49_q0hp3au v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
|
|
27
|
+
checked: "v16_49_q0hp3av v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo",
|
|
28
|
+
checkedIos: "v16_49_q0hp3aw v16_49_q0hp3ah v16_49_q0hp3ag v16_49_1y2v1nfpo"
|
|
29
|
+
}, y = "v16_49_q0hp3ay", o = "v16_49_q0hp3az v16_49_q0hp3ax", e = "v16_49_q0hp3a10 v16_49_q0hp3ax", s = "v16_49_q0hp3a11", r = {
|
|
30
|
+
default: "v16_49_q0hp3a16 v16_49_q0hp3a14 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
|
|
31
|
+
ios: "v16_49_q0hp3a17 v16_49_q0hp3a15 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
|
|
32
|
+
checked: "v16_49_q0hp3a18 v16_49_q0hp3a14 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
|
|
33
|
+
checkedIos: "v16_49_q0hp3a19 v16_49_q0hp3a15 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6"
|
|
34
34
|
}, c = {
|
|
35
|
-
default: "
|
|
36
|
-
ios: "
|
|
37
|
-
checked: "
|
|
38
|
-
checkedIos: "
|
|
35
|
+
default: "v16_49_q0hp3a1a v16_49_q0hp3a14 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
|
|
36
|
+
ios: "v16_49_q0hp3a1b v16_49_q0hp3a15 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
|
|
37
|
+
checked: "v16_49_q0hp3a1c v16_49_q0hp3a14 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
|
|
38
|
+
checkedIos: "v16_49_q0hp3a1d v16_49_q0hp3a15 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6"
|
|
39
39
|
}, i = {
|
|
40
|
-
default: "
|
|
41
|
-
ios: "
|
|
42
|
-
checked: "
|
|
43
|
-
checkedIos: "
|
|
40
|
+
default: "v16_49_q0hp3a1e v16_49_q0hp3a14 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
|
|
41
|
+
ios: "v16_49_q0hp3a1f v16_49_q0hp3a15 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
|
|
42
|
+
checked: "v16_49_q0hp3a1g v16_49_q0hp3a14 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6",
|
|
43
|
+
checkedIos: "v16_49_q0hp3a1h v16_49_q0hp3a15 v16_49_q0hp3a13 v16_49_q0hp3a12 v16_49_1y2v1nfph v16_49_1y2v1nfu5 v16_49_1y2v1nfpo v16_49_1y2v1nfs6"
|
|
44
44
|
};
|
|
45
45
|
export { r as ballVariants, q as barVariants, a as checkboxVariants, o as container, e as containerDisabled, s as disabled, y as interactiveArea, c as overBrandBallVariants, n as overBrandBarVariants, i as overNegativeBallVariants, f as overNegativeBarVariants, p as switchCheckboxContainerVariants, h as switchCheckboxLabel };
|
|
@@ -2,13 +2,13 @@ import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
|
2
2
|
import "./responsive-layout.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./table.css.ts.vanilla.css-mistica.js";
|
|
4
4
|
var e = {
|
|
5
|
-
maxHeight: "var(--
|
|
6
|
-
}, a = "
|
|
7
|
-
left: "
|
|
8
|
-
right: "
|
|
9
|
-
center: "
|
|
10
|
-
}, d = "
|
|
11
|
-
top: "
|
|
12
|
-
middle: "
|
|
13
|
-
}, p = "
|
|
5
|
+
maxHeight: "var(--v16_49_107ok880)"
|
|
6
|
+
}, a = "v16_49_107ok881", r = "v16_49_107ok882", l = "v16_49_107ok883", t = "v16_49_107ok884", k = "v16_49_107ok885", i = "v16_49_107ok886", s = {
|
|
7
|
+
left: "v16_49_107ok888 v16_49_107ok887",
|
|
8
|
+
right: "v16_49_107ok889 v16_49_107ok887",
|
|
9
|
+
center: "v16_49_107ok88a v16_49_107ok887"
|
|
10
|
+
}, d = "v16_49_107ok88b", n = "v16_49_107ok88c", c = {
|
|
11
|
+
top: "v16_49_107ok88d",
|
|
12
|
+
middle: "v16_49_107ok88e"
|
|
13
|
+
}, p = "v16_49_107ok88f", m = "v16_49_107ok88g", b = "v16_49_107ok88h", I = "v16_49_107ok88i", g = "v16_49_107ok88j", h = "v16_49_107ok88k", w = "v16_49_107ok88l", H = "v16_49_107ok88m", x = "v16_49_107ok88n";
|
|
14
14
|
export { p as actionsHeaderText, m as actionsTableCell, i as boxed, s as cellTextAlign, I as collapsedRowHeaderItem, h as collapsedRowTitle, l as collapsedRowsInMobile, r as fullWidth, k as hiddenHeadersInDesktop, t as hiddenHeadersInMobile, g as mobileCellHeading, w as rowFirstItem, x as rowLastCollapsedItem, H as rowLastItem, d as scrollContainer, n as scrollOverResponsiveLayout, a as table, b as topActions, e as vars, c as verticalAlign };
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./tabs.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
var f = {
|
|
4
|
-
borderColor: "var(--
|
|
5
|
-
}, l = "
|
|
6
|
-
default: "
|
|
7
|
-
fullWidth: "
|
|
4
|
+
borderColor: "var(--v16_49_lgofm10)"
|
|
5
|
+
}, l = "v16_49_lgofm11", n = "v16_49_lgofm13 v16_49_lgofm12 v16_49_1y2v1nfrx v16_49_1y2v1nfq9 v16_49_1y2v1nfpg", o = "v16_49_lgofm14", e = "v16_49_lgofm15 v16_49_1y2v1nfrx v16_49_1y2v1nfq9 v16_49_1y2v1nfpm", g = {
|
|
6
|
+
default: "v16_49_lgofm18 v16_49_lgofm17 v16_49_lgofm16 v16_49_1y2v1nfic v16_49_1y2v1nfjl v16_49_1y2v1nfpn v16_49_1y2v1nfq4 v16_49_1y2v1nfq1 v16_49_1y2v1nfpv v16_49_1y2v1nfrl v16_49_1y2v1nfrx v16_49_1y2v1nffe",
|
|
7
|
+
fullWidth: "v16_49_lgofm19 v16_49_lgofm17 v16_49_lgofm16 v16_49_1y2v1nfic v16_49_1y2v1nfjl v16_49_1y2v1nfpn v16_49_1y2v1nfq4 v16_49_1y2v1nfq1 v16_49_1y2v1nfpv v16_49_1y2v1nfrl v16_49_1y2v1nfrx v16_49_1y2v1nffe"
|
|
8
8
|
}, m = {
|
|
9
|
-
default: "
|
|
10
|
-
brand: "
|
|
11
|
-
negative: "
|
|
9
|
+
default: "v16_49_lgofm1d v16_49_lgofm1a",
|
|
10
|
+
brand: "v16_49_lgofm1e v16_49_lgofm1b",
|
|
11
|
+
negative: "v16_49_lgofm1f v16_49_lgofm1c"
|
|
12
12
|
}, r = {
|
|
13
|
-
noSelected: "
|
|
14
|
-
noSelectedBrand: "
|
|
15
|
-
noSelectedNegative: "
|
|
16
|
-
selected: "
|
|
17
|
-
selectedBrand: "
|
|
18
|
-
selectedNegative: "
|
|
19
|
-
selectedAnimating: "
|
|
20
|
-
selectedAnimatingBrand: "
|
|
21
|
-
selectedAnimatingNegative: "
|
|
22
|
-
}, a = "
|
|
13
|
+
noSelected: "v16_49_lgofm1p v16_49_lgofm1g v16_49_1y2v1nf4u",
|
|
14
|
+
noSelectedBrand: "v16_49_lgofm1q v16_49_lgofm1h v16_49_1y2v1nf4x",
|
|
15
|
+
noSelectedNegative: "v16_49_lgofm1r v16_49_lgofm1i v16_49_1y2v1nf4w",
|
|
16
|
+
selected: "v16_49_lgofm1s v16_49_lgofm1j",
|
|
17
|
+
selectedBrand: "v16_49_lgofm1t v16_49_lgofm1k",
|
|
18
|
+
selectedNegative: "v16_49_lgofm1u v16_49_lgofm1l",
|
|
19
|
+
selectedAnimating: "v16_49_lgofm1v v16_49_lgofm1m",
|
|
20
|
+
selectedAnimatingBrand: "v16_49_lgofm1w v16_49_lgofm1n",
|
|
21
|
+
selectedAnimatingNegative: "v16_49_lgofm1x v16_49_lgofm1o"
|
|
22
|
+
}, a = "v16_49_lgofm1y", t = "v16_49_lgofm1z v16_49_1y2v1nfpl v16_49_1y2v1nfph v16_49_1y2v1nftb v16_49_1y2v1nfu5 v16_49_1y2v1nfqs";
|
|
23
23
|
export { t as animatedLine, a as icon, o as inner, n as outer, l as outerBorder, m as tabHover, r as tabSelectionVariants, g as tabVariants, e as tabsContainer, f as vars };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./tag.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var y = "
|
|
3
|
+
var y = "v16_49_1wy08673 v16_49_1wy08671 v16_49_1wy08670 v16_49_1y2v1nfpn v16_49_1y2v1nfpr v16_49_1y2v1nfq1 v16_49_1y2v1nfpv v16_49_1wy08672 v16_49_1y2v1nffl v16_49_1y2v1nfgu v16_49_1y2v1nfri", n = "v16_49_1wy08675 v16_49_1wy08671 v16_49_1wy08670 v16_49_1y2v1nfpn v16_49_1y2v1nfpr v16_49_1y2v1nfq1 v16_49_1y2v1nfpv v16_49_1wy08674 v16_49_1y2v1nfrg", f = "v16_49_1wy08676 v16_49_1y2v1nfpo", p = "v16_49_1wy08677 v16_49_1y2v1nfpn v16_49_1y2v1nfi3";
|
|
4
4
|
export { p as badge, f as icon, n as smallTag, y as tag };
|
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./icon-button.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
import "./text-field-base.css.ts.vanilla.css-mistica.js";
|
|
4
|
-
var r = 11, t = 15, y = 12,
|
|
5
|
-
|
|
4
|
+
var r = 11, t = 15, y = 12, h = 4, n = "calc(1.5rem + 24px)", a = {
|
|
5
|
+
mobileFontSize: "var(--v16_49_rhey4t0)",
|
|
6
|
+
desktopFontSize: "var(--v16_49_rhey4t1)",
|
|
7
|
+
mobileLineHeight: "var(--v16_49_rhey4t2)",
|
|
8
|
+
desktopLineHeight: "var(--v16_49_rhey4t3)",
|
|
9
|
+
shrinkedLabelMobileFontSize: "var(--v16_49_rhey4t4)",
|
|
10
|
+
shrinkedLabelDesktopFontSize: "var(--v16_49_rhey4t5)",
|
|
11
|
+
shrinkedLabelMobileLineHeight: "var(--v16_49_rhey4t6)",
|
|
12
|
+
shrinkedLabelDesktopLineHeight: "var(--v16_49_rhey4t7)",
|
|
13
|
+
helperTextMobileFontSize: "var(--v16_49_rhey4t8)",
|
|
14
|
+
helperTextDesktopFontSize: "var(--v16_49_rhey4t9)",
|
|
15
|
+
helperTextMobileLineHeight: "var(--v16_49_rhey4ta)",
|
|
16
|
+
helperTextDesktopLineHeight: "var(--v16_49_rhey4tb)",
|
|
17
|
+
labelScaleDesktop: "var(--v16_49_rhey4tc)",
|
|
18
|
+
labelScaleMobile: "var(--v16_49_rhey4td)"
|
|
19
|
+
}, i = "v16_49_rhey4ti", l = "v16_49_rhey4tk v16_49_rhey4tj v16_49_1y2v1nfff v16_49_1y2v1nfgo v16_49_rhey4tf v16_49_rhey4te v16_49_1y2v1nfs4 v16_49_1y2v1nfr7 v16_49_1y2v1nf4p v16_49_1y2v1nfq9", f = "v16_49_rhey4tl", o = "v16_49_rhey4tm", p = "v16_49_rhey4to v16_49_rhey4tn v16_49_1y2v1nfpg v16_49_rhey4tf v16_49_rhey4te v16_49_1y2v1nfs4 v16_49_1y2v1nfr7 v16_49_1y2v1nf4p v16_49_1y2v1nfq9", d = "v16_49_rhey4tp", s = "v16_49_rhey4tq", m = "v16_49_rhey4tr", b = "v16_49_rhey4ts", L = "v16_49_rhey4tt", u = "v16_49_rhey4tv v16_49_rhey4tu v16_49_1y2v1nfi3 v16_49_1y2v1nfpm v16_49_1y2v1nfq1", g = "v16_49_rhey4tx v16_49_rhey4tw v16_49_1y2v1nfji v16_49_1y2v1nfpm v16_49_1y2v1nfq1 v16_49_1y2v1nfqq v16_49_1y2v1nfph", c = "v16_49_rhey4tz v16_49_rhey4ty v16_49_1y2v1nfji", k = "v16_49_rhey4t11 v16_49_rhey4t10 v16_49_1y2v1nfpm v16_49_1y2v1nfq1", x = "v16_49_rhey4t13 v16_49_rhey4t11 v16_49_rhey4t10 v16_49_1y2v1nfpm v16_49_1y2v1nfq1 v16_49_rhey4t12 v16_49_1y2v1nfsp", S = "v16_49_rhey4t14", q = "v16_49_rhey4t16 v16_49_rhey4t15 v16_49_1y2v1nfph", z = "v16_49_rhey4t17";
|
|
20
|
+
export { o as emptyDateValue, u as endIconContainer, y as fieldElementsGap, z as fieldEndIconContainer, h as fieldEndIconGap, r as fieldLeftPadding, t as fieldRightPadding, a as fieldVars, i as fullWidth, f as hiddenDatePlaceholder, n as iconButtonSize, p as input, d as inputFirefoxStyles, s as inputWithLabel, m as inputWithoutLabel, x as menuItem, k as menuItemBase, S as menuItemSelected, c as prefix, g as startIcon, q as suggestionsContainer, l as textArea, b as textAreaWithLabel, L as textAreaWithoutLabel };
|
|
@@ -78,41 +78,40 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
78
78
|
}
|
|
79
79
|
return target;
|
|
80
80
|
}
|
|
81
|
-
import { jsx as t, jsxs as
|
|
81
|
+
import { jsx as t, jsxs as me } from "react/jsx-runtime";
|
|
82
82
|
import * as n from "react";
|
|
83
|
-
import { createElement as
|
|
84
|
-
import
|
|
85
|
-
import { useTheme as
|
|
86
|
-
import { InternalToggleIconButton as
|
|
87
|
-
import { iconSize as
|
|
88
|
-
import { vars as
|
|
89
|
-
import { Text3 as
|
|
90
|
-
import { startIcon as
|
|
91
|
-
import { FieldContainer as
|
|
92
|
-
import {
|
|
93
|
-
import { formTextMultilineMaxCount as Ge, searchFieldSuggestionsEmptyCase as Ke, menuLabelSuffix as je } from "./text-tokens.js";
|
|
83
|
+
import { createElement as he } from "react";
|
|
84
|
+
import W from "classnames";
|
|
85
|
+
import { useTheme as _, useScreenSize as ge, useIsomorphicLayoutEffect as pe } from "./hooks.js";
|
|
86
|
+
import { InternalToggleIconButton as xe, InternalIconButton as Se } from "./icon-button.js";
|
|
87
|
+
import { iconSize as ye } from "./icon-button.css-mistica.js";
|
|
88
|
+
import { vars as V } from "./skins/skin-contract.css-mistica.js";
|
|
89
|
+
import { Text3 as w } from "./text.js";
|
|
90
|
+
import { startIcon as be, prefix as Ie, inputWithLabel as Q, inputWithoutLabel as U, fullWidth as Ce, fieldRightPadding as X, fieldLeftPadding as P, textArea as Te, textAreaWithLabel as Re, textAreaWithoutLabel as ve, input as $e, inputFirefoxStyles as Ee, hiddenDatePlaceholder as Fe, emptyDateValue as We, endIconContainer as Ne, menuItem as Ae, menuItemSelected as Pe, menuItemBase as we, suggestionsContainer as De, fieldEndIconContainer as Le, fieldElementsGap as Me, iconButtonSize as Oe, fieldEndIconGap as ke, fieldVars as Y } from "./text-field-base.css-mistica.js";
|
|
91
|
+
import { FieldContainer as ze, HelperText as He, Label as Be } from "./text-field-components.js";
|
|
92
|
+
import { formTextMultilineMaxCount as Ge, searchFieldSuggestionsEmptyCase as je, menuLabelSuffix as Ke } from "./text-tokens.js";
|
|
94
93
|
import { ThemeVariant as qe } from "./theme-variant-context.js";
|
|
95
|
-
import { combineRefs as
|
|
94
|
+
import { combineRefs as ee } from "./utils/common.js";
|
|
96
95
|
import { isFirefox as Je, isRunningAcceptanceTest as Qe } from "./utils/platform.js";
|
|
97
96
|
const Ue = (a, h)=>{
|
|
98
97
|
if (!h) return !0;
|
|
99
|
-
const
|
|
100
|
-
return
|
|
101
|
-
},
|
|
102
|
-
let { hasBackgroundColor: a = !0, onPress: h, onChange:
|
|
98
|
+
const s = document.createElement("input");
|
|
99
|
+
return s.type = h, s.value = a || "", s.value !== "";
|
|
100
|
+
}, ut = (param)=>{
|
|
101
|
+
let { hasBackgroundColor: a = !0, onPress: h, onChange: s, disabled: x, Icon: r, checkedProps: l, uncheckedProps: o, "aria-label": S } = param;
|
|
103
102
|
return /* @__PURE__ */ t("div", {
|
|
104
|
-
className:
|
|
105
|
-
children:
|
|
106
|
-
checkedProps: _object_spread_props(_object_spread({},
|
|
107
|
-
"aria-label":
|
|
103
|
+
className: Le,
|
|
104
|
+
children: l ? /* @__PURE__ */ t(xe, {
|
|
105
|
+
checkedProps: _object_spread_props(_object_spread({}, l), {
|
|
106
|
+
"aria-label": l["aria-label"] || ""
|
|
108
107
|
}),
|
|
109
108
|
uncheckedProps: _object_spread_props(_object_spread({}, o), {
|
|
110
109
|
"aria-label": o["aria-label"] || ""
|
|
111
110
|
}),
|
|
112
|
-
onChange:
|
|
111
|
+
onChange: s,
|
|
113
112
|
hasOverlay: a,
|
|
114
113
|
disabled: x
|
|
115
|
-
}) : /* @__PURE__ */ t(
|
|
114
|
+
}) : /* @__PURE__ */ t(Se, {
|
|
116
115
|
Icon: r,
|
|
117
116
|
disabled: x,
|
|
118
117
|
"aria-label": S || "",
|
|
@@ -120,10 +119,10 @@ const Ue = (a, h)=>{
|
|
|
120
119
|
hasOverlay: a
|
|
121
120
|
})
|
|
122
121
|
});
|
|
123
|
-
},
|
|
122
|
+
}, Z = (a)=>{
|
|
124
123
|
a.preventDefault();
|
|
125
|
-
}, H = /*#__PURE__*/ n.forwardRef((_param,
|
|
126
|
-
var { error: a, helperText: h, label:
|
|
124
|
+
}, H = /*#__PURE__*/ n.forwardRef((_param, ie)=>{
|
|
125
|
+
var { error: a, helperText: h, label: s, inputProps: x, inputRef: r, defaultValue: l, value: o, onFocus: S, onBlur: T, inputComponent: R, prefix: v, startIcon: g, endIcon: I, endIconOverlay: C, shrinkLabel: $, multiline: y = !1, focus: p, fieldRef: D, maxLength: u, id: i, autoComplete: d, fullWidth: b, dataAttributes: N, preventCopy: L, showOptionalLabel: te = !0, required: M } = _param, c = _object_without_properties(_param, [
|
|
127
126
|
"error",
|
|
128
127
|
"helperText",
|
|
129
128
|
"label",
|
|
@@ -151,107 +150,107 @@ const Ue = (a, h)=>{
|
|
|
151
150
|
"showOptionalLabel",
|
|
152
151
|
"required"
|
|
153
152
|
]);
|
|
154
|
-
const { preventCopyInFormFields:
|
|
155
|
-
|
|
153
|
+
const { preventCopyInFormFields: ne, texts: re, t: oe } = _();
|
|
154
|
+
L = L !== null && L !== void 0 ? L : ne;
|
|
156
155
|
var _ref;
|
|
157
|
-
const
|
|
158
|
-
|
|
159
|
-
const e =
|
|
156
|
+
const ae = n.useId(), B = i || ae, G = n.useId(), j = n.useId(), [f, m] = n.useState(l != null && l.length || o != null && o.length ? "filled" : "default"), { isTabletOrSmaller: le } = ge(), [O, K] = n.useState((_ref = l == null ? void 0 : l.length) !== null && _ref !== void 0 ? _ref : 0), k = !!s || !M, E = c.type === "date" || c.type === "datetime-local" || c.type === "month", q = n.useRef(void 0);
|
|
157
|
+
pe(()=>{
|
|
158
|
+
const e = E && !Ue(o, c.type) ? "" : o, A = o !== void 0;
|
|
160
159
|
var _ref;
|
|
161
|
-
|
|
160
|
+
q.current !== o && E && !(e != null && e.length) && f === "filled" && p === void 0 && m("default"), q.current = o, f !== "focused" && A && (K((_ref = e == null ? void 0 : e.length) !== null && _ref !== void 0 ? _ref : 0), m(e != null && e.length ? "filled" : "default")), p && m("focused"), p === !1 && !(e != null && e.length) && m("default"), p === !1 && e != null && e.length && m("filled");
|
|
162
161
|
}, [
|
|
163
162
|
f,
|
|
164
163
|
o,
|
|
165
164
|
p,
|
|
166
|
-
|
|
165
|
+
E,
|
|
167
166
|
c.type
|
|
168
167
|
]), n.useEffect(()=>{
|
|
169
168
|
c.autoFocus && m("focused");
|
|
170
169
|
}, [
|
|
171
170
|
c.autoFocus
|
|
172
171
|
]);
|
|
173
|
-
const se = y ? "textarea" : "input",
|
|
172
|
+
const se = y ? "textarea" : "input", de = R ? {
|
|
174
173
|
inputRef: r
|
|
175
174
|
} : {
|
|
176
|
-
ref:
|
|
177
|
-
},
|
|
175
|
+
ref: ee(ie, r)
|
|
176
|
+
}, F = _object_spread(_object_spread_props(_object_spread({}, c), {
|
|
178
177
|
maxLength: u,
|
|
179
178
|
autoComplete: d
|
|
180
|
-
}), x), z = `calc(${
|
|
181
|
-
left: `calc(${
|
|
179
|
+
}), x), z = `calc(${ye.default} + ${Me}px)`, J = `calc(${Oe} + ${ke}px)`, ce = $ || f === "focused" || f === "filled" ? le ? Y.labelScaleMobile : Y.labelScaleDesktop : 1, ue = {
|
|
180
|
+
left: `calc(${P}px + ${g ? z : "0px"})`,
|
|
182
181
|
// shrinking means applying a scale transformation, so width will be proportionally reduced.
|
|
183
182
|
// Let's keep the original width.
|
|
184
|
-
width: `calc((100% - ${
|
|
185
|
-
},
|
|
186
|
-
return /* @__PURE__ */ t(
|
|
183
|
+
width: `calc((100% - ${P}px - ${g ? z : "0px"} - ${I || C ? J : `${X}px`}) / ${ce})`
|
|
184
|
+
}, fe = c.type === "password" && O > 0 ? "Lucida Grande, Arial, sans-serif" : "inherit";
|
|
185
|
+
return /* @__PURE__ */ t(ze, {
|
|
187
186
|
disabled: c.disabled,
|
|
188
|
-
helperText: /* @__PURE__ */ t(
|
|
187
|
+
helperText: /* @__PURE__ */ t(He, {
|
|
189
188
|
error: a,
|
|
190
189
|
leftText: h,
|
|
191
|
-
leftTextId:
|
|
192
|
-
rightTextId:
|
|
193
|
-
rightText: y && u ? `${
|
|
194
|
-
rightTextLabel: y && u ? re
|
|
190
|
+
leftTextId: G,
|
|
191
|
+
rightTextId: j,
|
|
192
|
+
rightText: y && u ? `${O}/${u}` : void 0,
|
|
193
|
+
rightTextLabel: y && u ? oe(re.formTextMultilineMaxCount || Ge, O, u) : void 0
|
|
195
194
|
}),
|
|
196
195
|
multiline: y,
|
|
197
|
-
fullWidth:
|
|
198
|
-
fieldRef:
|
|
196
|
+
fullWidth: b,
|
|
197
|
+
fieldRef: D,
|
|
199
198
|
readOnly: c.readOnly,
|
|
200
|
-
dataAttributes:
|
|
201
|
-
children: /* @__PURE__ */
|
|
199
|
+
dataAttributes: N,
|
|
200
|
+
children: /* @__PURE__ */ me(qe, {
|
|
202
201
|
variant: "default",
|
|
203
202
|
children: [
|
|
204
203
|
g && /* @__PURE__ */ t("div", {
|
|
205
|
-
className:
|
|
204
|
+
className: be,
|
|
206
205
|
"data-testid": "startIcon",
|
|
207
206
|
children: g
|
|
208
207
|
}),
|
|
209
|
-
|
|
208
|
+
v && /* @__PURE__ */ t("div", {
|
|
210
209
|
"aria-hidden": !0,
|
|
211
|
-
className:
|
|
210
|
+
className: W(Ie, k ? Q : U),
|
|
212
211
|
style: {
|
|
213
212
|
opacity: f === "default" ? 0 : 1
|
|
214
213
|
},
|
|
215
|
-
children: /* @__PURE__ */ t(
|
|
216
|
-
color:
|
|
214
|
+
children: /* @__PURE__ */ t(w, {
|
|
215
|
+
color: V.colors.textSecondary,
|
|
217
216
|
regular: !0,
|
|
218
217
|
wordBreak: !1,
|
|
219
|
-
children:
|
|
218
|
+
children: v
|
|
220
219
|
})
|
|
221
220
|
}),
|
|
222
|
-
|
|
223
|
-
style:
|
|
221
|
+
s && /* @__PURE__ */ t(Be, {
|
|
222
|
+
style: ue,
|
|
224
223
|
error: a,
|
|
225
|
-
forId:
|
|
224
|
+
forId: B,
|
|
226
225
|
inputState: f,
|
|
227
|
-
shrinkLabel:
|
|
228
|
-
showOptional: !
|
|
229
|
-
children:
|
|
226
|
+
shrinkLabel: $,
|
|
227
|
+
showOptional: !M && te,
|
|
228
|
+
children: s
|
|
230
229
|
}),
|
|
231
230
|
/* @__PURE__ */ t("div", {
|
|
232
|
-
className:
|
|
233
|
-
children: /* @__PURE__ */ t(
|
|
231
|
+
className: Ce,
|
|
232
|
+
children: /* @__PURE__ */ t(w, {
|
|
234
233
|
as: "div",
|
|
235
234
|
regular: !0,
|
|
236
|
-
children: /*#__PURE__*/ n.createElement(R || se, _object_spread(_object_spread_props(_object_spread(_object_spread_props(_object_spread({},
|
|
237
|
-
id:
|
|
238
|
-
}),
|
|
235
|
+
children: /*#__PURE__*/ n.createElement(R || se, _object_spread(_object_spread_props(_object_spread(_object_spread_props(_object_spread({}, de, F), {
|
|
236
|
+
id: B
|
|
237
|
+
}), M && {
|
|
239
238
|
"aria-required": !0
|
|
240
239
|
}, a && {
|
|
241
240
|
"aria-invalid": !0
|
|
242
241
|
}), {
|
|
243
242
|
style: _object_spread_props(_object_spread({
|
|
244
|
-
paddingRight:
|
|
245
|
-
paddingLeft:
|
|
246
|
-
},
|
|
247
|
-
fontFamily:
|
|
243
|
+
paddingRight: I ? 0 : C ? J : X,
|
|
244
|
+
paddingLeft: v ? 0 : g ? `calc(${z} + ${P}px)` : P
|
|
245
|
+
}, F.style), {
|
|
246
|
+
fontFamily: fe
|
|
248
247
|
}),
|
|
249
|
-
className: y ?
|
|
250
|
-
[
|
|
248
|
+
className: y ? W(Te, k ? Re : ve) : W($e, k ? Q : U, {
|
|
249
|
+
[Ee]: Je(),
|
|
251
250
|
// Hide webkit placeholder when label is not shrinked and value is empty
|
|
252
|
-
[
|
|
251
|
+
[Fe]: E && f === "default",
|
|
253
252
|
// Force height of input when value is empty to avoid field from having height 0 in iOS
|
|
254
|
-
[
|
|
253
|
+
[We]: E && f !== "filled"
|
|
255
254
|
}),
|
|
256
255
|
onFocus: (e)=>{
|
|
257
256
|
m("focused"), S == null || S(e);
|
|
@@ -260,75 +259,75 @@ const Ue = (a, h)=>{
|
|
|
260
259
|
e.target.value.length > 0 ? m("filled") : m("default"), T == null || T(e);
|
|
261
260
|
},
|
|
262
261
|
onChange: (e)=>{
|
|
263
|
-
var
|
|
264
|
-
u === void 0 || e.target.value.length <= u ? (K(e.target.value.length), e.target.value.length > 0 && f !== "focused" && m(e.target.value.length > 0 ? "filled" : "default"), (
|
|
262
|
+
var A;
|
|
263
|
+
u === void 0 || e.target.value.length <= u ? (K(e.target.value.length), e.target.value.length > 0 && f !== "focused" && m(e.target.value.length > 0 ? "filled" : "default"), (A = F.onChange) == null || A.call(F, e)) : (e.stopPropagation(), e.preventDefault());
|
|
265
264
|
},
|
|
266
|
-
defaultValue:
|
|
265
|
+
defaultValue: l,
|
|
267
266
|
value: o
|
|
268
267
|
}), a && {
|
|
269
268
|
"aria-invalid": !0
|
|
270
269
|
}, (h || y && u) && {
|
|
271
|
-
"aria-describedby": `${
|
|
272
|
-
},
|
|
273
|
-
onCopy:
|
|
274
|
-
onCut:
|
|
270
|
+
"aria-describedby": `${G} ${j}`
|
|
271
|
+
}, L && {
|
|
272
|
+
onCopy: Z,
|
|
273
|
+
onCut: Z
|
|
275
274
|
}))
|
|
276
275
|
})
|
|
277
276
|
}),
|
|
278
|
-
|
|
279
|
-
className:
|
|
277
|
+
I && /* @__PURE__ */ t("div", {
|
|
278
|
+
className: Ne,
|
|
280
279
|
"data-testid": "endIcon",
|
|
281
|
-
children:
|
|
280
|
+
children: I
|
|
282
281
|
}),
|
|
283
282
|
C
|
|
284
283
|
]
|
|
285
284
|
})
|
|
286
285
|
});
|
|
287
|
-
}), Xe = /*#__PURE__*/ n.lazy(()=>import(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")),
|
|
288
|
-
var { getSuggestions: a, id: h, shouldShowSuggestions:
|
|
286
|
+
}), Xe = /*#__PURE__*/ n.lazy(()=>import(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")), ft = /*#__PURE__*/ n.forwardRef((_param, l)=>{
|
|
287
|
+
var { getSuggestions: a, id: h, shouldShowSuggestions: s = "focus", withSuggestionsEmptyCase: x = !1 } = _param, r = _object_without_properties(_param, [
|
|
289
288
|
"getSuggestions",
|
|
290
289
|
"id",
|
|
291
290
|
"shouldShowSuggestions",
|
|
292
291
|
"withSuggestionsEmptyCase"
|
|
293
292
|
]);
|
|
294
|
-
const [o, S] = n.useState([]), [T, R] = n.useState(!1),
|
|
293
|
+
const [o, S] = n.useState([]), [T, R] = n.useState(!1), v = n.useRef(null), g = n.useRef(null), { platformOverrides: I, texts: C, t: $ } = _(), y = n.useId(), p = h || y, D = n.useId(), u = typeof x == "string" ? x : C.searchFieldSuggestionsEmptyCase || $(je);
|
|
295
294
|
if (a && (r.value === void 0 || r.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
|
|
296
295
|
return a ? /* @__PURE__ */ t(n.Suspense, {
|
|
297
296
|
fallback: /* @__PURE__ */ t(H, _object_spread_props(_object_spread({}, r), {
|
|
298
|
-
label: Qe(
|
|
297
|
+
label: Qe(I) ? "" : r.label,
|
|
299
298
|
autoComplete: "off",
|
|
300
|
-
ref:
|
|
299
|
+
ref: l,
|
|
301
300
|
id: p
|
|
302
301
|
})),
|
|
303
302
|
children: /* @__PURE__ */ t(Xe, {
|
|
304
|
-
id:
|
|
303
|
+
id: D,
|
|
305
304
|
inputProps: _object_spread_props(_object_spread({}, r), {
|
|
306
305
|
id: p,
|
|
307
306
|
autoComplete: "off",
|
|
308
307
|
// @ts-expect-error Autosuggest expects slightly different types
|
|
309
308
|
onChange: (i, param)=>{
|
|
310
309
|
let { newValue: d } = param;
|
|
311
|
-
var
|
|
310
|
+
var b;
|
|
312
311
|
i.target = _object_spread_props(_object_spread({}, i.target), {
|
|
313
312
|
value: d
|
|
314
313
|
}), i.currentTarget = _object_spread_props(_object_spread({}, i.currentTarget), {
|
|
315
314
|
value: d
|
|
316
|
-
}), (
|
|
315
|
+
}), (b = r.onChange) == null || b.call(r, i);
|
|
317
316
|
}
|
|
318
317
|
}),
|
|
319
318
|
renderInputComponent: (i)=>{
|
|
320
|
-
const { key: d } = i,
|
|
319
|
+
const { key: d } = i, b = _object_without_properties(i, [
|
|
321
320
|
"key"
|
|
322
321
|
]);
|
|
323
322
|
return /* @__PURE__ */ t(H, _object_spread_props(_object_spread({
|
|
324
323
|
role: "combobox"
|
|
325
|
-
},
|
|
324
|
+
}, b), {
|
|
326
325
|
fieldRef: g,
|
|
327
|
-
inputRef:
|
|
326
|
+
inputRef: ee(v, r.inputRef, l)
|
|
328
327
|
}), d);
|
|
329
328
|
},
|
|
330
329
|
suggestions: o,
|
|
331
|
-
shouldRenderSuggestions: (i)=>
|
|
330
|
+
shouldRenderSuggestions: (i)=>s === "focus" || i.trim().length >= s,
|
|
332
331
|
onSuggestionsFetchRequested: (param)=>{
|
|
333
332
|
let { value: i } = param;
|
|
334
333
|
const d = a(i);
|
|
@@ -342,10 +341,10 @@ const Ue = (a, h)=>{
|
|
|
342
341
|
let { isHighlighted: d } = param;
|
|
343
342
|
return /* @__PURE__ */ t("div", {
|
|
344
343
|
role: "menuitem",
|
|
345
|
-
className:
|
|
346
|
-
[
|
|
344
|
+
className: W(Ae, {
|
|
345
|
+
[Pe]: d
|
|
347
346
|
}),
|
|
348
|
-
children: /* @__PURE__ */ t(
|
|
347
|
+
children: /* @__PURE__ */ t(w, {
|
|
349
348
|
regular: !0,
|
|
350
349
|
children: i
|
|
351
350
|
})
|
|
@@ -353,30 +352,30 @@ const Ue = (a, h)=>{
|
|
|
353
352
|
},
|
|
354
353
|
renderSuggestionsContainer: (i)=>{
|
|
355
354
|
if (!T) return null;
|
|
356
|
-
const _i_containerProps = i.containerProps, { key: d } = _i_containerProps,
|
|
355
|
+
const _i_containerProps = i.containerProps, { key: d } = _i_containerProps, b = _object_without_properties(_i_containerProps, [
|
|
357
356
|
"key"
|
|
358
|
-
]),
|
|
357
|
+
]), N = o.length === 0 && x ? /* @__PURE__ */ t("div", {
|
|
359
358
|
role: "status",
|
|
360
|
-
className:
|
|
361
|
-
children: /* @__PURE__ */ t(
|
|
359
|
+
className: W(we),
|
|
360
|
+
children: /* @__PURE__ */ t(w, {
|
|
362
361
|
regular: !0,
|
|
363
|
-
color:
|
|
362
|
+
color: V.colors.textSecondary,
|
|
364
363
|
children: u
|
|
365
364
|
})
|
|
366
365
|
}) : i.children;
|
|
367
|
-
return
|
|
366
|
+
return N ? /* @__PURE__ */ /*#__PURE__*/ he("div", _object_spread_props(_object_spread({}, b), {
|
|
368
367
|
key: d,
|
|
369
368
|
style: {
|
|
370
369
|
width: g.current ? g.current.clientWidth + 2 : 0
|
|
371
370
|
},
|
|
372
|
-
className:
|
|
373
|
-
"aria-label": `${r.label} ${C.menuLabelSuffix ||
|
|
374
|
-
}),
|
|
371
|
+
className: De,
|
|
372
|
+
"aria-label": `${r.label} ${C.menuLabelSuffix || $(Ke)}`
|
|
373
|
+
}), N) : null;
|
|
375
374
|
}
|
|
376
375
|
})
|
|
377
376
|
}) : /* @__PURE__ */ t(H, _object_spread_props(_object_spread({}, r), {
|
|
378
377
|
id: p,
|
|
379
|
-
ref:
|
|
378
|
+
ref: l
|
|
380
379
|
}));
|
|
381
380
|
});
|
|
382
|
-
export {
|
|
381
|
+
export { ut as FieldEndIcon, H as TextFieldBase, ft as TextFieldBaseAutosuggest };
|