@telefonica/mistica 16.36.0 → 16.37.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/blau.css +96 -24
- package/css/esimflag.css +93 -21
- package/css/mistica-common.css +9 -4
- package/css/mistica.css +1 -1
- package/css/movistar.css +101 -29
- package/css/o2-new.css +99 -28
- package/css/o2.css +93 -21
- package/css/telefonica.css +96 -24
- package/css/tu.css +96 -24
- package/css/vivo-new.css +96 -24
- package/css/vivo.css +96 -24
- package/dist/accordion.css-mistica.js +10 -10
- package/dist/align.css-mistica.js +1 -1
- package/dist/avatar.css-mistica.js +2 -2
- package/dist/badge.css-mistica.js +2 -2
- package/dist/box.css-mistica.js +13 -13
- package/dist/box.js +5 -5
- package/dist/boxed.css-mistica.js +24 -24
- package/dist/boxed.d.ts +2 -1
- package/dist/boxed.js +10 -9
- package/dist/button-group.css-mistica.js +4 -4
- package/dist/button-group.js +2 -2
- package/dist/button-layout.css-mistica.js +18 -18
- package/dist/button.css-mistica.js +35 -35
- package/dist/callout.css-mistica.js +5 -5
- package/dist/card-cover.d.ts +126 -0
- package/dist/card-cover.js +185 -0
- package/dist/card-data.d.ts +63 -0
- package/dist/card-data.js +171 -0
- package/dist/card-internal.css-mistica.js +78 -0
- package/dist/card-internal.css.d.ts +17 -0
- package/dist/card-internal.d.ts +166 -0
- package/dist/card-internal.js +1063 -0
- package/dist/card-media.d.ts +78 -0
- package/dist/card-media.js +163 -0
- package/dist/card-naked.d.ts +11 -0
- package/dist/card-naked.js +154 -0
- package/dist/carousel.css-mistica.js +25 -25
- package/dist/checkbox.css-mistica.js +9 -9
- package/dist/checkbox.js +2 -2
- package/dist/chip.css-mistica.js +15 -15
- package/dist/circle.css-mistica.js +1 -1
- package/dist/community/advanced-data-card.css-mistica.js +24 -24
- package/dist/community/advanced-data-card.d.ts +1 -1
- package/dist/community/advanced-data-card.js +7 -7
- 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 +9 -9
- package/dist/counter.js +8 -8
- package/dist/cover-hero-media.js +9 -9
- package/dist/cover-hero.css-mistica.js +15 -15
- 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 +12 -12
- package/dist/dialog.js +14 -14
- package/dist/divider.css-mistica.js +2 -2
- package/dist/double-field.css-mistica.js +4 -4
- package/dist/drawer.css-mistica.js +2 -2
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +6 -6
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +4 -4
- package/dist/fixed-footer-layout.css-mistica.js +10 -10
- package/dist/fixed-footer-layout.js +5 -5
- package/dist/form.css-mistica.js +1 -1
- package/dist/form.js +5 -5
- package/dist/grid-layout.css-mistica.js +3 -3
- package/dist/grid.css-mistica.js +122 -122
- package/dist/header.css-mistica.js +3 -3
- package/dist/hero.css-mistica.js +6 -6
- package/dist/hooks.d.ts +4 -0
- package/dist/hooks.js +94 -83
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/horizontal-scroll.js +2 -2
- package/dist/icon-button.css-mistica.js +47 -47
- package/dist/icon-button.js +3 -3
- 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 +5 -5
- package/dist/image.d.ts +2 -0
- package/dist/image.js +24 -20
- package/dist/index.d.ts +18 -3
- package/dist/index.js +28 -13
- package/dist/inline.css-mistica.js +10 -10
- package/dist/list.css-mistica.js +30 -15
- package/dist/list.css.d.ts +5 -0
- package/dist/list.d.ts +16 -1
- package/dist/list.js +158 -99
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-bar.js +2 -2
- package/dist/loading-screen.css-mistica.js +9 -9
- package/dist/loading-screen.js +3 -3
- package/dist/logo.css-mistica.js +5 -5
- package/dist/menu.css-mistica.js +14 -14
- package/dist/menu.js +7 -7
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +32 -32
- package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +9 -9
- package/dist/pin-field.js +2 -2
- package/dist/popover.css-mistica.js +1 -1
- package/dist/progress-bar.css-mistica.js +4 -4
- package/dist/progress-bar.js +2 -2
- package/dist/radio-button.css-mistica.js +18 -18
- package/dist/radio-button.js +5 -5
- package/dist/rating.css-mistica.js +4 -4
- package/dist/rating.js +8 -8
- package/dist/responsive-layout.css-mistica.js +5 -5
- package/dist/responsive-layout.js +6 -6
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +18 -18
- package/dist/select.js +9 -9
- package/dist/sheet-action-row.css-mistica.js +1 -1
- package/dist/sheet-common.css-mistica.js +12 -12
- package/dist/sheet-info.css-mistica.js +1 -1
- package/dist/skeletons.css-mistica.js +6 -6
- package/dist/skins/blau.js +50 -14
- package/dist/skins/esimflag.js +49 -13
- package/dist/skins/movistar.js +54 -18
- package/dist/skins/o2-new.js +49 -13
- package/dist/skins/o2.js +49 -13
- package/dist/skins/skin-contract.css-mistica.js +390 -354
- package/dist/skins/skin-contract.css.d.ts +48 -12
- package/dist/skins/telefonica.js +50 -14
- package/dist/skins/tu.js +50 -14
- package/dist/skins/types/colors.d.ts +24 -6
- package/dist/skins/vivo-new.js +50 -14
- package/dist/skins/vivo.js +50 -14
- package/dist/skip-link.css-mistica.js +2 -2
- package/dist/slider.css-mistica.js +13 -13
- package/dist/slider.js +9 -9
- package/dist/snackbar.css-mistica.js +7 -7
- 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 +8 -8
- package/dist/stepper.js +3 -3
- package/dist/switch-component.css-mistica.js +37 -37
- package/dist/table.css-mistica.js +8 -8
- package/dist/table.d.ts +1 -1
- package/dist/table.js +8 -8
- package/dist/tabs.css-mistica.js +17 -17
- package/dist/tag.css-mistica.js +1 -1
- package/dist/tag.js +10 -10
- package/dist/text-field-base.css-mistica.js +10 -10
- package/dist/text-field-base.js +8 -8
- package/dist/text-field-components.css-mistica.js +18 -18
- package/dist/text-field-components.js +2 -2
- package/dist/text-link.css-mistica.js +5 -5
- package/dist/text.css-mistica.js +7 -7
- package/dist/text.js +7 -7
- package/dist/theme-context.css-mistica.js +430 -394
- package/dist/theme-context.css.d.ts +48 -12
- package/dist/timeline.css-mistica.js +12 -12
- package/dist/timer.css-mistica.js +8 -8
- package/dist/tooltip.css-mistica.js +7 -7
- package/dist/touchable.css-mistica.js +1 -1
- package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
- package/dist/utils/aspect-ratio-support.d.ts +5 -0
- package/dist/utils/aspect-ratio-support.js +26 -15
- package/dist/utils/color.d.ts +11 -0
- package/dist/utils/color.js +27 -6
- package/dist/utils/headings.d.ts +3 -0
- package/dist/video.css-mistica.js +1 -1
- package/dist/video.js +2 -2
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/dist-es/accordion.css-mistica.js +7 -7
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/avatar.css-mistica.js +2 -2
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/box.css-mistica.js +13 -13
- package/dist-es/box.js +9 -9
- package/dist-es/boxed.css-mistica.js +23 -23
- package/dist-es/boxed.js +20 -19
- package/dist-es/button-group.css-mistica.js +2 -2
- package/dist-es/button-group.js +4 -4
- package/dist-es/button-layout.css-mistica.js +15 -15
- package/dist-es/button.css-mistica.js +22 -22
- package/dist-es/callout.css-mistica.js +5 -5
- package/dist-es/callout.js +5 -5
- package/dist-es/card-cover.js +125 -0
- package/dist-es/card-data.js +110 -0
- package/dist-es/card-internal.css-mistica.js +22 -0
- package/dist-es/card-internal.js +992 -0
- package/dist-es/card-media.js +105 -0
- package/dist-es/card-naked.js +96 -0
- package/dist-es/carousel.css-mistica.js +9 -9
- package/dist-es/checkbox.css-mistica.js +8 -8
- package/dist-es/checkbox.js +6 -6
- package/dist-es/chip.css-mistica.js +13 -13
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
- package/dist-es/community/advanced-data-card.js +29 -29
- 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 +2 -2
- package/dist-es/counter.js +8 -8
- package/dist-es/cover-hero-media.js +9 -9
- package/dist-es/cover-hero.css-mistica.js +4 -4
- 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 +5 -5
- package/dist-es/dialog.js +31 -31
- package/dist-es/divider.css-mistica.js +2 -2
- package/dist-es/double-field.css-mistica.js +4 -4
- package/dist-es/drawer.css-mistica.js +2 -2
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- package/dist-es/empty-state.css-mistica.js +6 -6
- package/dist-es/empty-state.js +7 -7
- package/dist-es/fade-in.css-mistica.js +1 -1
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/fixed-footer-layout.css-mistica.js +5 -5
- package/dist-es/fixed-footer-layout.js +5 -5
- package/dist-es/form.css-mistica.js +1 -1
- package/dist-es/form.js +5 -5
- package/dist-es/grid-layout.css-mistica.js +3 -3
- package/dist-es/grid.css-mistica.js +122 -122
- package/dist-es/grid.js +2 -2
- package/dist-es/header.css-mistica.js +2 -2
- package/dist-es/hero.css-mistica.js +3 -3
- package/dist-es/hooks.js +86 -78
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/horizontal-scroll.js +2 -2
- package/dist-es/icon-button.css-mistica.js +45 -45
- package/dist-es/icon-button.js +3 -3
- 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 +4 -4
- package/dist-es/image.js +42 -38
- package/dist-es/index.js +1887 -1884
- package/dist-es/inline.css-mistica.js +10 -10
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +226 -174
- package/dist-es/loading-bar.css-mistica.js +1 -1
- package/dist-es/loading-bar.js +6 -6
- package/dist-es/loading-screen.css-mistica.js +5 -5
- package/dist-es/loading-screen.js +8 -8
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/menu.css-mistica.js +13 -13
- package/dist-es/menu.js +7 -7
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +17 -17
- package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
- package/dist-es/package-version.js +1 -1
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/pin-field.js +8 -8
- package/dist-es/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +4 -4
- package/dist-es/progress-bar.js +10 -10
- package/dist-es/radio-button.css-mistica.js +16 -16
- package/dist-es/radio-button.js +5 -5
- package/dist-es/rating.css-mistica.js +3 -3
- package/dist-es/rating.js +12 -12
- package/dist-es/responsive-layout.css-mistica.js +5 -5
- package/dist-es/responsive-layout.js +15 -15
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +17 -17
- package/dist-es/select.js +15 -15
- package/dist-es/sheet-action-row.css-mistica.js +1 -1
- package/dist-es/sheet-common.css-mistica.js +2 -2
- package/dist-es/sheet-info.css-mistica.js +1 -1
- package/dist-es/skeletons.css-mistica.js +5 -5
- package/dist-es/skins/blau.js +50 -14
- package/dist-es/skins/esimflag.js +49 -13
- package/dist-es/skins/movistar.js +54 -18
- package/dist-es/skins/o2-new.js +49 -13
- package/dist-es/skins/o2.js +49 -13
- package/dist-es/skins/skin-contract.css-mistica.js +390 -354
- package/dist-es/skins/telefonica.js +50 -14
- package/dist-es/skins/tu.js +52 -16
- package/dist-es/skins/vivo-new.js +52 -16
- package/dist-es/skins/vivo.js +52 -16
- package/dist-es/skip-link.css-mistica.js +2 -2
- package/dist-es/slider.css-mistica.js +11 -11
- package/dist-es/slider.js +9 -9
- package/dist-es/snackbar.css-mistica.js +5 -5
- 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 +3 -3
- package/dist-es/stepper.js +3 -3
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +29 -29
- package/dist-es/table.css-mistica.js +8 -8
- package/dist-es/table.js +12 -12
- package/dist-es/tabs.css-mistica.js +14 -14
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/tag.js +17 -17
- package/dist-es/text-field-base.css-mistica.js +2 -2
- package/dist-es/text-field-base.js +16 -16
- package/dist-es/text-field-components.css-mistica.js +5 -5
- package/dist-es/text-field-components.js +4 -4
- package/dist-es/text-link.css-mistica.js +5 -5
- package/dist-es/text.css-mistica.js +7 -7
- package/dist-es/text.js +6 -6
- package/dist-es/theme-context.css-mistica.js +430 -394
- package/dist-es/timeline.css-mistica.js +11 -11
- package/dist-es/timeline.js +4 -4
- package/dist-es/timer.css-mistica.js +7 -7
- package/dist-es/tooltip.css-mistica.js +2 -2
- package/dist-es/touchable.css-mistica.js +1 -1
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +4 -4
- package/dist-es/utils/aspect-ratio-support.js +31 -23
- package/dist-es/utils/color.js +23 -5
- package/dist-es/video.css-mistica.js +1 -1
- package/dist-es/video.js +5 -5
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/package.json +1 -1
- package/dist/card.css-mistica.js +0 -106
- package/dist/card.css.d.ts +0 -33
- package/dist/card.d.ts +0 -299
- package/dist/card.js +0 -1694
- package/dist/highlighted-card.css-mistica.js +0 -30
- package/dist/highlighted-card.css.d.ts +0 -7
- package/dist/highlighted-card.css.ts.vanilla.css-mistica.js +0 -11
- package/dist/highlighted-card.d.ts +0 -34
- package/dist/highlighted-card.js +0 -253
- package/dist/maybe-dismissable.css-mistica.js +0 -21
- package/dist/maybe-dismissable.css.ts.vanilla.css-mistica.js +0 -11
- package/dist/maybe-dismissable.js +0 -108
- package/dist-es/card.css-mistica.js +0 -8
- package/dist-es/card.js +0 -1599
- package/dist-es/highlighted-card.css-mistica.js +0 -7
- package/dist-es/highlighted-card.css.ts.vanilla.css-mistica.js +0 -2
- package/dist-es/highlighted-card.js +0 -198
- package/dist-es/maybe-dismissable.css-mistica.js +0 -4
- package/dist-es/maybe-dismissable.css.ts.vanilla.css-mistica.js +0 -2
- package/dist-es/maybe-dismissable.js +0 -45
- /package/dist/{card.css.ts.vanilla.css-mistica.js → card-internal.css.ts.vanilla.css-mistica.js} +0 -0
- /package/dist-es/{card.css.ts.vanilla.css-mistica.js → card-internal.css.ts.vanilla.css-mistica.js} +0 -0
|
@@ -1,34 +1,34 @@
|
|
|
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
|
-
checked: "
|
|
7
|
-
checkedIos: "
|
|
8
|
-
}, n = {
|
|
9
|
-
default: "v16_36_q0hp3ai v16_36_q0hp3ah v16_36_1y2v1nfiu",
|
|
10
|
-
ios: "v16_36_q0hp3aj v16_36_q0hp3ah v16_36_1y2v1nfiu",
|
|
11
|
-
iosDark: "v16_36_q0hp3ak v16_36_q0hp3ah v16_36_1y2v1nfiu",
|
|
12
|
-
checked: "v16_36_q0hp3al v16_36_q0hp3ah v16_36_1y2v1nfiu",
|
|
13
|
-
checkedIos: "v16_36_q0hp3am v16_36_q0hp3ah v16_36_1y2v1nfiu"
|
|
4
|
+
default: "v16_37_q0hp3a11 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
|
|
5
|
+
ios: "v16_37_q0hp3a12 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
|
|
6
|
+
checked: "v16_37_q0hp3a13 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
|
|
7
|
+
checkedIos: "v16_37_q0hp3a14 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc"
|
|
14
8
|
}, h = {
|
|
15
|
-
default: "
|
|
16
|
-
ios: "
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
checked: "
|
|
29
|
-
checkedIos: "
|
|
9
|
+
default: "v16_37_q0hp3ai v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
10
|
+
ios: "v16_37_q0hp3aj v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
11
|
+
iosDark: "v16_37_q0hp3ak v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
12
|
+
checked: "v16_37_q0hp3al v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
13
|
+
checkedIos: "v16_37_q0hp3am v16_37_q0hp3ah v16_37_1y2v1nfju"
|
|
14
|
+
}, n = {
|
|
15
|
+
default: "v16_37_q0hp3a6 v16_37_1y2v1nfjw v16_37_1y2v1nfmt",
|
|
16
|
+
ios: "v16_37_q0hp3a7 v16_37_1y2v1nfjw v16_37_1y2v1nfmt",
|
|
17
|
+
disabled: "v16_37_q0hp3a8 v16_37_1y2v1nfjw v16_37_1y2v1nfmt",
|
|
18
|
+
disabledIos: "v16_37_q0hp3a9 v16_37_1y2v1nfjw v16_37_1y2v1nfmt"
|
|
19
|
+
}, p = "v16_37_q0hp3au v16_37_q0hp3as", y = "v16_37_q0hp3av v16_37_q0hp3as", f = "v16_37_q0hp3aw", q = "v16_37_q0hp3at", e = {
|
|
20
|
+
default: "v16_37_q0hp3a15 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
|
|
21
|
+
ios: "v16_37_q0hp3a16 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
|
|
22
|
+
checked: "v16_37_q0hp3a17 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
|
|
23
|
+
checkedIos: "v16_37_q0hp3a18 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc"
|
|
30
24
|
}, c = {
|
|
31
|
-
default: "
|
|
32
|
-
ios: "
|
|
33
|
-
|
|
34
|
-
|
|
25
|
+
default: "v16_37_q0hp3an v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
26
|
+
ios: "v16_37_q0hp3ao v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
27
|
+
iosDark: "v16_37_q0hp3ap v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
28
|
+
checked: "v16_37_q0hp3aq v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
29
|
+
checkedIos: "v16_37_q0hp3ar v16_37_q0hp3ah v16_37_1y2v1nfju"
|
|
30
|
+
}, j = {
|
|
31
|
+
default: "v16_37_q0hp3ac v16_37_q0hp3ab v16_37_1y2v1nfjm",
|
|
32
|
+
ios: "v16_37_q0hp3ad v16_37_q0hp3ab v16_37_1y2v1nfjm"
|
|
33
|
+
}, r = "v16_37_q0hp3af v16_37_1y2v1nfju v16_37_1y2v1nfmu";
|
|
34
|
+
export { a as ballVariants, h as barVariants, n as checkboxVariants, p as container, y as containerDisabled, f as disabled, q as interactiveArea, e as inverseBallVariants, c as inverseBarVariants, j as switchCheckboxContainerVariants, r as switchCheckboxLabel };
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
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
|
-
var e = "
|
|
5
|
-
left: "
|
|
6
|
-
right: "
|
|
7
|
-
center: "
|
|
8
|
-
}, t = "
|
|
9
|
-
maxHeight: "var(--
|
|
4
|
+
var e = "v16_37_107ok88f", a = "v16_37_107ok88g", r = "v16_37_107ok886", l = {
|
|
5
|
+
left: "v16_37_107ok888 v16_37_107ok887",
|
|
6
|
+
right: "v16_37_107ok889 v16_37_107ok887",
|
|
7
|
+
center: "v16_37_107ok88a v16_37_107ok887"
|
|
8
|
+
}, t = "v16_37_107ok88i", k = "v16_37_107ok88k", i = "v16_37_107ok883", s = "v16_37_107ok882", d = "v16_37_107ok885", n = "v16_37_107ok884", c = "v16_37_107ok88j", p = "v16_37_107ok88l", m = "v16_37_107ok88n", b = "v16_37_107ok88m", I = "v16_37_107ok88b", g = "v16_37_107ok88c", h = "v16_37_107ok881", w = "v16_37_107ok88h", H = {
|
|
9
|
+
maxHeight: "var(--v16_37_107ok880)"
|
|
10
10
|
}, x = {
|
|
11
|
-
top: "
|
|
12
|
-
middle: "
|
|
11
|
+
top: "v16_37_107ok88d",
|
|
12
|
+
middle: "v16_37_107ok88e"
|
|
13
13
|
};
|
|
14
14
|
export { e as actionsHeaderText, a as actionsTableCell, r as boxed, l as cellTextAlign, t as collapsedRowHeaderItem, k as collapsedRowTitle, i as collapsedRowsInMobile, s as fullWidth, d as hiddenHeadersInDesktop, n as hiddenHeadersInMobile, c as mobileCellHeading, p as rowFirstItem, m as rowLastCollapsedItem, b as rowLastItem, I as scrollContainer, g as scrollOverResponsiveLayout, h as table, w as topActions, H as vars, x as verticalAlign };
|
package/dist-es/table.js
CHANGED
|
@@ -80,7 +80,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
80
80
|
import { jsxs as y, jsx as e } from "react/jsx-runtime";
|
|
81
81
|
import * as E from "react";
|
|
82
82
|
import { getPrefixedDataAttributes as X } from "./utils/dom.js";
|
|
83
|
-
import { table as W, boxed as ee, collapsedRowsInMobile as M, fullWidth as _, hiddenHeadersInDesktop as te, hiddenHeadersInMobile as le, cellTextAlign as H, verticalAlign as
|
|
83
|
+
import { table as W, boxed as ee, collapsedRowsInMobile as M, fullWidth as _, hiddenHeadersInDesktop as te, hiddenHeadersInMobile as le, cellTextAlign as H, verticalAlign as N, rowFirstItem as L, rowLastItem as R, rowLastCollapsedItem as Y, collapsedRowHeaderItem as re, mobileCellHeading as oe, collapsedRowTitle as ae, actionsTableCell as j, topActions as se, scrollContainer as ne, scrollOverResponsiveLayout as ie, vars as ce } from "./table.css-mistica.js";
|
|
84
84
|
import { vars as F } from "./skins/skin-contract.css-mistica.js";
|
|
85
85
|
import me, { Text1 as x, Text2 as pe } from "./text.js";
|
|
86
86
|
import { text2 as f, text4 as G } from "./text-props.js";
|
|
@@ -115,7 +115,7 @@ const $ = {
|
|
|
115
115
|
small: !0,
|
|
116
116
|
bleedY: !0
|
|
117
117
|
})), J = "left", Ee = /*#__PURE__*/ E.forwardRef((_param, z)=>{
|
|
118
|
-
var { dataAttributes: o, heading: m = [], content: k = [], boxed: h, responsive: K, fullWidth: b = !0, maxHeight: v, emptyCase: A, columnTextAlign: T = J, rowVerticalAlign: C = "middle", columnWidth: p, hideHeaders: u, scrollOverResponsiveLayout: Q, rowHeaderIndex: s } = _param,
|
|
118
|
+
var { dataAttributes: o, heading: m = [], content: k = [], boxed: h, responsive: K, fullWidth: b = !0, maxHeight: v, emptyCase: A, columnTextAlign: T = J, rowVerticalAlign: C = "middle", columnWidth: p, hideHeaders: u, scrollOverResponsiveLayout: Q, rowHeaderIndex: s } = _param, S = _object_without_properties(_param, [
|
|
119
119
|
"dataAttributes",
|
|
120
120
|
"heading",
|
|
121
121
|
"content",
|
|
@@ -142,9 +142,9 @@ const $ = {
|
|
|
142
142
|
[te]: U,
|
|
143
143
|
[le]: P || r
|
|
144
144
|
}),
|
|
145
|
-
"aria-label":
|
|
146
|
-
"aria-labelledby":
|
|
147
|
-
"aria-describedby":
|
|
145
|
+
"aria-label": S["aria-label"],
|
|
146
|
+
"aria-labelledby": S["aria-labelledby"],
|
|
147
|
+
"aria-describedby": S["aria-describedby"],
|
|
148
148
|
children: [
|
|
149
149
|
m.length > 0 && /* @__PURE__ */ e("thead", {
|
|
150
150
|
children: /* @__PURE__ */ y(x, {
|
|
@@ -156,7 +156,7 @@ const $ = {
|
|
|
156
156
|
children: [
|
|
157
157
|
m.map((l, a)=>/* @__PURE__ */ e("th", {
|
|
158
158
|
scope: "col",
|
|
159
|
-
className: c(H[B(a)],
|
|
159
|
+
className: c(H[B(a)], N[C], {
|
|
160
160
|
[L]: a === 0,
|
|
161
161
|
[R]: a === m.length - 1 && !g
|
|
162
162
|
}),
|
|
@@ -178,7 +178,7 @@ const $ = {
|
|
|
178
178
|
children: i.map((d, t)=>"Icon" in d || "checkedProps" in d ? /* @__PURE__ */ e(ve, _object_spread({}, d), t) : /* @__PURE__ */ e(E.Fragment, {
|
|
179
179
|
children: d
|
|
180
180
|
}, t))
|
|
181
|
-
}),
|
|
181
|
+
}), I = i.length ? `calc(${Z.small} * ${i.length} + 16px * ${i.length - 1})` : "0px";
|
|
182
182
|
return(// Add position relative because in collapse-rows mode, actions are positioned absolutely in the row
|
|
183
183
|
/* @__PURE__ */ y("tr", {
|
|
184
184
|
style: {
|
|
@@ -188,7 +188,7 @@ const $ = {
|
|
|
188
188
|
n.map((d, t)=>{
|
|
189
189
|
const V = s === n.length - 1 ? t === n.length - 2 || n.length === 1 : t === n.length - 1;
|
|
190
190
|
return /* @__PURE__ */ y(t === s ? "th" : "td", {
|
|
191
|
-
className: c(
|
|
191
|
+
className: c(N[C], {
|
|
192
192
|
[L]: t === 0,
|
|
193
193
|
[R]: t === n.length - 1 && !g,
|
|
194
194
|
[Y]: V && r,
|
|
@@ -196,7 +196,7 @@ const $ = {
|
|
|
196
196
|
}),
|
|
197
197
|
style: {
|
|
198
198
|
// add space between top actions and content
|
|
199
|
-
marginRight: r && i.length ? `calc(${
|
|
199
|
+
marginRight: r && i.length ? `calc(${I} + 8px)` : void 0
|
|
200
200
|
},
|
|
201
201
|
scope: t === s ? "row" : void 0,
|
|
202
202
|
children: [
|
|
@@ -233,12 +233,12 @@ const $ = {
|
|
|
233
233
|
}, t);
|
|
234
234
|
}),
|
|
235
235
|
i.length > 0 ? /* @__PURE__ */ e("td", {
|
|
236
|
-
className: c(
|
|
236
|
+
className: c(N[C], j, R, {
|
|
237
237
|
[L]: n.length === 0
|
|
238
238
|
}),
|
|
239
239
|
align: "right",
|
|
240
240
|
style: {
|
|
241
|
-
width: `calc(${
|
|
241
|
+
width: `calc(${I} + 12px)`
|
|
242
242
|
},
|
|
243
243
|
children: w
|
|
244
244
|
}) : g && /* @__PURE__ */ e("td", {
|
|
@@ -250,7 +250,7 @@ const $ = {
|
|
|
250
250
|
position: "absolute",
|
|
251
251
|
top: `calc(${h ? $.boxed : $.default} - ${q} + (${Z.small} - ${fe.small}) / 2)`,
|
|
252
252
|
right: h ? `calc(${$.boxed} - ${q})` : 0,
|
|
253
|
-
width:
|
|
253
|
+
width: I
|
|
254
254
|
},
|
|
255
255
|
children: w
|
|
256
256
|
})
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./tabs.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var n = "
|
|
4
|
-
default: "
|
|
5
|
-
inverse: "
|
|
6
|
-
}, o = {
|
|
7
|
-
noSelected: "v16_36_1y2v1nf2e",
|
|
8
|
-
noSelectedInverse: "v16_36_1y2v1nf2f",
|
|
9
|
-
selected: "v16_36_lgofm1g",
|
|
10
|
-
selectedInverse: "v16_36_lgofm1h",
|
|
11
|
-
selectedAnimating: "v16_36_lgofm1i",
|
|
12
|
-
selectedAnimatingInverse: "v16_36_lgofm1j"
|
|
3
|
+
var n = "v16_37_1y2v1nfjr v16_37_1y2v1nfjn v16_37_1y2v1nfnf v16_37_1y2v1nfo9 v16_37_1y2v1nfky", f = "v16_37_lgofm1q", e = "v16_37_lgofm14", r = "v16_37_lgofm13 v16_37_1y2v1nfm3 v16_37_1y2v1nfkf v16_37_1y2v1nfjm", y = "v16_37_lgofm10", o = "v16_37_lgofm11", a = {
|
|
4
|
+
default: "v16_37_lgofm1a",
|
|
5
|
+
inverse: "v16_37_lgofm1b"
|
|
13
6
|
}, t = {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
7
|
+
noSelected: "v16_37_1y2v1nf2p",
|
|
8
|
+
noSelectedInverse: "v16_37_1y2v1nf2q",
|
|
9
|
+
selected: "v16_37_lgofm1g",
|
|
10
|
+
selectedInverse: "v16_37_lgofm1h",
|
|
11
|
+
selectedAnimating: "v16_37_lgofm1i",
|
|
12
|
+
selectedAnimatingInverse: "v16_37_lgofm1j"
|
|
13
|
+
}, l = {
|
|
14
|
+
default: "v16_37_lgofm17 v16_37_1y2v1nfci v16_37_1y2v1nfdr v16_37_1y2v1nfjt v16_37_1y2v1nfka v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nflr v16_37_1y2v1nfm3 v16_37_1y2v1nf9k",
|
|
15
|
+
fullWidth: "v16_37_lgofm19 v16_37_lgofm17 v16_37_1y2v1nfci v16_37_1y2v1nfdr v16_37_1y2v1nfjt v16_37_1y2v1nfka v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nflr v16_37_1y2v1nfm3 v16_37_1y2v1nf9k"
|
|
16
|
+
}, m = "v16_37_1y2v1nfm3 v16_37_1y2v1nfkf v16_37_1y2v1nfjs";
|
|
17
|
+
export { n as animatedLine, f as icon, e as inner, r as outer, y as outerBorder, o as outerBorderInverse, a as tabHover, t as tabSelectionVariants, l as tabVariants, m as tabsContainer };
|
|
@@ -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 n = "
|
|
3
|
+
var n = "v16_37_1y2v1nfjt v16_37_1y2v1nfc9", y = "v16_37_1y2v1nfju", f = "v16_37_1wy08671 v16_37_1y2v1nf9r v16_37_1y2v1nfb0 v16_37_1y2v1nfjt v16_37_1y2v1nfjx v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nflo";
|
|
4
4
|
export { n as badge, y as icon, f as tag };
|
package/dist-es/tag.js
CHANGED
|
@@ -57,15 +57,15 @@ import { Text as h } from "./text.js";
|
|
|
57
57
|
import { useThemeVariant as C, ThemeVariant as b } from "./theme-variant-context.js";
|
|
58
58
|
import { pxToRem as A } from "./utils/css.js";
|
|
59
59
|
import { getPrefixedDataAttributes as P } from "./utils/dom.js";
|
|
60
|
-
import { tag as w, icon as E, badge as
|
|
61
|
-
import { vars as
|
|
62
|
-
import
|
|
63
|
-
import { useTheme as
|
|
60
|
+
import { tag as w, icon as E, badge as S } from "./tag.css-mistica.js";
|
|
61
|
+
import { vars as V } from "./skins/skin-contract.css-mistica.js";
|
|
62
|
+
import W from "classnames";
|
|
63
|
+
import { useTheme as N } from "./hooks.js";
|
|
64
64
|
import R from "./badge.js";
|
|
65
|
-
const { colors: e } =
|
|
66
|
-
let { Icon: t, children:
|
|
67
|
-
const { textPresets: l } =
|
|
68
|
-
if (!
|
|
65
|
+
const { colors: e } = V, j = (param)=>{
|
|
66
|
+
let { Icon: t, children: n, dataAttributes: d, type: u = "promo", badge: g, backgroundColor: m, textColor: v } = param;
|
|
67
|
+
const { textPresets: l } = N(), o = C(), s = o === "inverse" || o === "media", a = g === !0 ? void 0 : g || 0;
|
|
68
|
+
if (!n) return null;
|
|
69
69
|
const x = {
|
|
70
70
|
// [textColor, inverseTextColor, backgroundColor, backgroundColorInverse]
|
|
71
71
|
promo: [
|
|
@@ -90,7 +90,7 @@ const { colors: e } = S, j = (param)=>{
|
|
|
90
90
|
e.tagTextInactive,
|
|
91
91
|
e.tagTextInactiveInverse,
|
|
92
92
|
// TODO: remove logic for alternative variant (https://jira.tid.es/browse/WEB-1803)
|
|
93
|
-
|
|
93
|
+
o === "alternative" ? e.neutralLowAlternative : e.tagBackgroundInactive,
|
|
94
94
|
e.tagBackgroundInactiveInverse
|
|
95
95
|
],
|
|
96
96
|
success: [
|
|
@@ -111,12 +111,12 @@ const { colors: e } = S, j = (param)=>{
|
|
|
111
111
|
e.tagBackgroundError,
|
|
112
112
|
e.tagBackgroundErrorInverse
|
|
113
113
|
]
|
|
114
|
-
}, [T, f, I, p] = x[
|
|
115
|
-
return /* @__PURE__ */ i("span", _object_spread_props(_object_spread({}, P(
|
|
116
|
-
className:
|
|
114
|
+
}, [T, f, I, p] = x[u], c = v || (s ? f : T), k = m || (s ? p : I);
|
|
115
|
+
return /* @__PURE__ */ i("span", _object_spread_props(_object_spread({}, P(d, "Tag")), {
|
|
116
|
+
className: W(w),
|
|
117
117
|
style: {
|
|
118
118
|
paddingLeft: t ? 8 : 12,
|
|
119
|
-
paddingRight:
|
|
119
|
+
paddingRight: a !== 0 ? 8 : 12,
|
|
120
120
|
background: k
|
|
121
121
|
},
|
|
122
122
|
children: [
|
|
@@ -137,12 +137,12 @@ const { colors: e } = S, j = (param)=>{
|
|
|
137
137
|
lineHeight: 20,
|
|
138
138
|
weight: l.indicator.weight,
|
|
139
139
|
truncate: !0,
|
|
140
|
-
children:
|
|
140
|
+
children: n
|
|
141
141
|
}),
|
|
142
|
-
|
|
143
|
-
className:
|
|
142
|
+
a !== 0 && /* @__PURE__ */ r("div", {
|
|
143
|
+
className: S,
|
|
144
144
|
children: /* @__PURE__ */ r(R, {
|
|
145
|
-
value:
|
|
145
|
+
value: a
|
|
146
146
|
})
|
|
147
147
|
})
|
|
148
148
|
]
|
|
@@ -1,5 +1,5 @@
|
|
|
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 t = "
|
|
5
|
-
export { t as emptyDateValue,
|
|
4
|
+
var t = "v16_37_rhey4t8", n = "v16_37_rhey4th v16_37_1y2v1nfc9 v16_37_1y2v1nfjs v16_37_1y2v1nfk7", r = 12, a = "v16_37_rhey4tr", y = 4, f = 11, i = 15, h = "v16_37_rhey4t4", d = "v16_37_rhey4t7", l = "calc(1.5rem + 24px)", o = "v16_37_rhey4ta v16_37_1y2v1nfjm v16_37_rhey4t1 v16_37_1y2v1nfma v16_37_1y2v1nfld v16_37_1y2v1nf2n v16_37_1y2v1nfkf", m = "v16_37_rhey4tb", p = "v16_37_rhey4tc", u = "v16_37_rhey4td", c = "v16_37_rhey4tn v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfmt", s = "v16_37_1y2v1nf58", j = "v16_37_rhey4tl v16_37_1y2v1nfdo", x = "v16_37_rhey4tj v16_37_1y2v1nfdo v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfkw v16_37_1y2v1nfjn", k = "v16_37_rhey4tq v16_37_1y2v1nfjn", I = "v16_37_rhey4t6 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_rhey4t1 v16_37_1y2v1nfma v16_37_1y2v1nfld v16_37_1y2v1nf2n v16_37_1y2v1nfkf", b = "v16_37_rhey4te", g = "v16_37_rhey4tf";
|
|
5
|
+
export { t as emptyDateValue, n as endIconContainer, r as fieldElementsGap, a as fieldEndIconContainer, y as fieldEndIconGap, f as fieldLeftPadding, i as fieldRightPadding, h as fullWidth, d as hiddenDatePlaceholder, l as iconButtonSize, o as input, m as inputFirefoxStyles, p as inputWithLabel, u as inputWithoutLabel, c as menuItem, s as menuItemSelected, j as prefix, x as startIcon, k as suggestionsContainer, I as textArea, b as textAreaWithLabel, g as textAreaWithoutLabel };
|
|
@@ -83,12 +83,12 @@ import * as r from "react";
|
|
|
83
83
|
import { createElement as ue } from "react";
|
|
84
84
|
import { FieldContainer as fe, HelperText as me, Label as he } from "./text-field-components.js";
|
|
85
85
|
import { LABEL_SCALE_MOBILE as ge, LABEL_SCALE_DESKTOP as pe } from "./text-field-components.css-mistica.js";
|
|
86
|
-
import { Text3 as
|
|
86
|
+
import { Text3 as w } from "./text.js";
|
|
87
87
|
import { isFirefox as xe, isRunningAcceptanceTest as Se } from "./utils/platform.js";
|
|
88
88
|
import { useTheme as K, useScreenSize as ye, useIsomorphicLayoutEffect as Ie } from "./hooks.js";
|
|
89
89
|
import $ from "classnames";
|
|
90
90
|
import { combineRefs as j } from "./utils/common.js";
|
|
91
|
-
import { startIcon as be, prefix as Ce, inputWithLabel as H, inputWithoutLabel as _, fullWidth as Te, fieldRightPadding as k, fieldLeftPadding as v, textArea as Re, textAreaWithLabel as Ee, textAreaWithoutLabel as ve, input as $e, inputFirefoxStyles as Le, hiddenDatePlaceholder as We, emptyDateValue as Ae, endIconContainer as Fe, menuItem as
|
|
91
|
+
import { startIcon as be, prefix as Ce, inputWithLabel as H, inputWithoutLabel as _, fullWidth as Te, fieldRightPadding as k, fieldLeftPadding as v, textArea as Re, textAreaWithLabel as Ee, textAreaWithoutLabel as ve, input as $e, inputFirefoxStyles as Le, hiddenDatePlaceholder as We, emptyDateValue as Ae, endIconContainer as Fe, menuItem as Pe, menuItemSelected as we, suggestionsContainer as Ne, fieldEndIconContainer as Oe, fieldElementsGap as De, iconButtonSize as Be, fieldEndIconGap as Me } from "./text-field-base.css-mistica.js";
|
|
92
92
|
import { vars as qe } from "./skins/skin-contract.css-mistica.js";
|
|
93
93
|
import { InternalToggleIconButton as ze, InternalIconButton as He } from "./icon-button.js";
|
|
94
94
|
import { ThemeVariant as _e } from "./theme-variant-context.js";
|
|
@@ -122,7 +122,7 @@ const je = (o, m)=>{
|
|
|
122
122
|
});
|
|
123
123
|
}, G = (o)=>{
|
|
124
124
|
o.preventDefault();
|
|
125
|
-
},
|
|
125
|
+
}, P = /*#__PURE__*/ r.forwardRef((_param, V)=>{
|
|
126
126
|
var { error: o, helperText: m, label: t, inputProps: g, inputRef: y, defaultValue: l, value: d, onFocus: h, onBlur: I, inputComponent: E, prefix: b, startIcon: S, endIcon: p, endIconOverlay: C, shrinkLabel: i, multiline: a = !1, focus: c, fieldRef: J, maxLength: x, id: Q, autoComplete: U, fullWidth: X, dataAttributes: Y, preventCopy: L, showOptionalLabel: Z = !0 } = _param, s = _object_without_properties(_param, [
|
|
127
127
|
"error",
|
|
128
128
|
"helperText",
|
|
@@ -153,7 +153,7 @@ const je = (o, m)=>{
|
|
|
153
153
|
const { preventCopyInFormFields: ee, texts: te, t: ie } = K();
|
|
154
154
|
L = L !== null && L !== void 0 ? L : ee;
|
|
155
155
|
var _ref;
|
|
156
|
-
const ne = r.useId(),
|
|
156
|
+
const ne = r.useId(), N = Q || ne, O = r.useId(), D = r.useId(), [u, f] = r.useState(l != null && l.length || d != null && d.length ? "filled" : "default"), { isTabletOrSmaller: re } = ye(), [W, B] = r.useState((_ref = l == null ? void 0 : l.length) !== null && _ref !== void 0 ? _ref : 0), A = !!t || !s.required, T = s.type === "date" || s.type === "datetime-local" || s.type === "month", M = r.useRef(void 0);
|
|
157
157
|
Ie(()=>{
|
|
158
158
|
const e = T && !je(d, s.type) ? "" : d;
|
|
159
159
|
M.current !== d && T && !(e != null && e.length) && u === "filled" && c === void 0 && f("default"), M.current = d, u !== "focused" && e != null && e.length && (B(e.length), f("filled")), c && f("focused"), c === !1 && !(e != null && e.length) && f("default"), c === !1 && e != null && e.length && f("filled");
|
|
@@ -210,7 +210,7 @@ const je = (o, m)=>{
|
|
|
210
210
|
style: {
|
|
211
211
|
opacity: u === "default" ? 0 : 1
|
|
212
212
|
},
|
|
213
|
-
children: /* @__PURE__ */ n(
|
|
213
|
+
children: /* @__PURE__ */ n(w, {
|
|
214
214
|
color: qe.colors.textSecondary,
|
|
215
215
|
regular: !0,
|
|
216
216
|
wordBreak: !1,
|
|
@@ -220,7 +220,7 @@ const je = (o, m)=>{
|
|
|
220
220
|
t && /* @__PURE__ */ n(he, {
|
|
221
221
|
style: de,
|
|
222
222
|
error: o,
|
|
223
|
-
forId:
|
|
223
|
+
forId: N,
|
|
224
224
|
inputState: u,
|
|
225
225
|
shrinkLabel: i,
|
|
226
226
|
showOptional: !s.required && Z,
|
|
@@ -228,11 +228,11 @@ const je = (o, m)=>{
|
|
|
228
228
|
}),
|
|
229
229
|
/* @__PURE__ */ n("div", {
|
|
230
230
|
className: Te,
|
|
231
|
-
children: /* @__PURE__ */ n(
|
|
231
|
+
children: /* @__PURE__ */ n(w, {
|
|
232
232
|
as: "div",
|
|
233
233
|
regular: !0,
|
|
234
234
|
children: /*#__PURE__*/ r.createElement(E || ae, _object_spread(_object_spread_props(_object_spread({}, oe, R), {
|
|
235
|
-
id:
|
|
235
|
+
id: N,
|
|
236
236
|
style: _object_spread_props(_object_spread({
|
|
237
237
|
paddingRight: p ? 0 : C ? q : k,
|
|
238
238
|
paddingLeft: b ? 0 : S ? `calc(${F} + ${v}px)` : v
|
|
@@ -285,7 +285,7 @@ const je = (o, m)=>{
|
|
|
285
285
|
const [y, l] = r.useState([]), d = r.useRef(null), h = r.useRef(null), { platformOverrides: I, texts: E, t: b } = K(), S = r.useId(), p = m || S, C = r.useId();
|
|
286
286
|
if (o && (t.value === void 0 || t.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
|
|
287
287
|
return o ? /* @__PURE__ */ n(r.Suspense, {
|
|
288
|
-
fallback: /* @__PURE__ */ n(
|
|
288
|
+
fallback: /* @__PURE__ */ n(P, _object_spread_props(_object_spread({}, t), {
|
|
289
289
|
label: Se(I) ? "" : t.label,
|
|
290
290
|
autoComplete: "off",
|
|
291
291
|
ref: g,
|
|
@@ -311,7 +311,7 @@ const je = (o, m)=>{
|
|
|
311
311
|
const { key: a } = i, c = _object_without_properties(i, [
|
|
312
312
|
"key"
|
|
313
313
|
]);
|
|
314
|
-
return /* @__PURE__ */ n(
|
|
314
|
+
return /* @__PURE__ */ n(P, _object_spread_props(_object_spread({}, c), {
|
|
315
315
|
fieldRef: h,
|
|
316
316
|
inputRef: j(d, t.inputRef, g)
|
|
317
317
|
}), a);
|
|
@@ -327,10 +327,10 @@ const je = (o, m)=>{
|
|
|
327
327
|
let { isHighlighted: a } = param;
|
|
328
328
|
return /* @__PURE__ */ n("div", {
|
|
329
329
|
role: "menuitem",
|
|
330
|
-
className: $(
|
|
331
|
-
[
|
|
330
|
+
className: $(Pe, {
|
|
331
|
+
[we]: a
|
|
332
332
|
}),
|
|
333
|
-
children: /* @__PURE__ */ n(
|
|
333
|
+
children: /* @__PURE__ */ n(w, {
|
|
334
334
|
regular: !0,
|
|
335
335
|
children: i
|
|
336
336
|
})
|
|
@@ -345,14 +345,14 @@ const je = (o, m)=>{
|
|
|
345
345
|
style: {
|
|
346
346
|
width: h.current ? h.current.clientWidth + 2 : 0
|
|
347
347
|
},
|
|
348
|
-
className:
|
|
348
|
+
className: Ne,
|
|
349
349
|
"aria-label": `${t.label} ${E.menuLabelSuffix || b(Ke)}`
|
|
350
350
|
}), i.children);
|
|
351
351
|
}
|
|
352
352
|
})
|
|
353
|
-
}) : /* @__PURE__ */ n(
|
|
353
|
+
}) : /* @__PURE__ */ n(P, _object_spread_props(_object_spread({}, t), {
|
|
354
354
|
id: p,
|
|
355
355
|
ref: g
|
|
356
356
|
}));
|
|
357
357
|
});
|
|
358
|
-
export { ct as FieldEndIcon,
|
|
358
|
+
export { ct as FieldEndIcon, P as TextFieldBase, ut as TextFieldBaseAutosuggest };
|
|
@@ -2,8 +2,8 @@ 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
4
|
import "./text-field-components.css.ts.vanilla.css-mistica.js";
|
|
5
|
-
var f = 328, a = 0.78, e = 0.75,
|
|
6
|
-
default: "
|
|
7
|
-
readOnly: "
|
|
8
|
-
},
|
|
9
|
-
export { f as DEFAULT_WIDTH, a as LABEL_SCALE_DESKTOP, e as LABEL_SCALE_MOBILE,
|
|
5
|
+
var f = 328, a = 0.78, e = 0.75, y = {
|
|
6
|
+
default: "v16_37_1y2v1nf4u",
|
|
7
|
+
readOnly: "v16_37_1y2v1nf75"
|
|
8
|
+
}, l = "v16_37_15k6ur97", t = "v16_37_1y2v1nfmb v16_37_1y2v1nfjs v16_37_1y2v1nfmj v16_37_1y2v1nfjm", i = "v16_37_15k6ur96 v16_37_1y2v1nfjs v16_37_1y2v1nfjy", k = "v16_37_1y2v1nfkf", u = "v16_37_1y2v1nfcf v16_37_1y2v1nfdr v16_37_1y2v1nfjs", d = "v16_37_1y2v1nfkd v16_37_1y2v1nf9r", o = "v16_37_15k6ur91 v16_37_1y2v1nfjn v16_37_1y2v1nfjs v16_37_1y2v1nfjx", j = "v16_37_15k6ur93 v16_37_1y2v1nfmu v16_37_1y2v1nfkb", m = "v16_37_15k6ur9e v16_37_1y2v1nfjs", p = "v16_37_15k6ur99 v16_37_1y2v1nfkf", L = "v16_37_1y2v1nfci", h = "v16_37_15k6ur94", s = "v16_37_15k6ur9h";
|
|
9
|
+
export { f as DEFAULT_WIDTH, a as LABEL_SCALE_DESKTOP, e as LABEL_SCALE_MOBILE, y as background, l as disabled, t as field, i as fieldContainer, k as fullWidth, u as helperContainer, d as helperText, o as labelContainer, j as labelText, m as leftHelperText, p as normalWidth, L as rightHelperText, h as shrinked, s as warnIcon };
|
|
@@ -57,7 +57,7 @@ import f from "classnames";
|
|
|
57
57
|
import { useIsInverseOrMediaVariant as T } from "./theme-variant-context.js";
|
|
58
58
|
import { useTheme as C } from "./hooks.js";
|
|
59
59
|
import { Text1 as x } from "./text.js";
|
|
60
|
-
import { labelContainer as I, shrinked as O, labelText as k, helperText as y, leftHelperText as E, warnIcon as F, rightHelperText as H, fieldContainer as W, fullWidth as w, normalWidth as A, disabled as P, field as R, background as
|
|
60
|
+
import { labelContainer as I, shrinked as O, labelText as k, helperText as y, leftHelperText as E, warnIcon as F, rightHelperText as H, fieldContainer as W, fullWidth as w, normalWidth as A, disabled as P, field as R, background as g, helperContainer as j } from "./text-field-components.css-mistica.js";
|
|
61
61
|
import { vars as o } from "./skins/skin-contract.css-mistica.js";
|
|
62
62
|
import { getPrefixedDataAttributes as D } from "./utils/dom.js";
|
|
63
63
|
import { formFieldOptionalLabelSuffix as V } from "./text-tokens.js";
|
|
@@ -65,7 +65,7 @@ import q from "./generated/mistica-icons/icon-warning-regular.js";
|
|
|
65
65
|
import B from "./screen-reader-only.js";
|
|
66
66
|
const Z = (param)=>{
|
|
67
67
|
let { shrinkLabel: l, forId: d, inputState: r, error: s, children: i, style: t, showOptional: a } = param;
|
|
68
|
-
const n = l || r === "focused" || r === "filled", [m, p] = v.useState("initial"), { texts: u, t:
|
|
68
|
+
const n = l || r === "focused" || r === "filled", [m, p] = v.useState("initial"), { texts: u, t: N } = C();
|
|
69
69
|
v.useEffect(()=>{
|
|
70
70
|
const b = setTimeout(()=>{
|
|
71
71
|
process.env.NODE_ENV !== "test" && p("transform 150ms, width 150ms");
|
|
@@ -94,7 +94,7 @@ const Z = (param)=>{
|
|
|
94
94
|
a ? /* @__PURE__ */ c("span", {
|
|
95
95
|
children: [
|
|
96
96
|
"\xa0(",
|
|
97
|
-
u.formFieldOptionalLabelSuffix ||
|
|
97
|
+
u.formFieldOptionalLabelSuffix || N(V),
|
|
98
98
|
")"
|
|
99
99
|
]
|
|
100
100
|
}) : null
|
|
@@ -166,7 +166,7 @@ const Z = (param)=>{
|
|
|
166
166
|
}, D(m)), {
|
|
167
167
|
children: [
|
|
168
168
|
/* @__PURE__ */ e("div", {
|
|
169
|
-
className: f(R, n ?
|
|
169
|
+
className: f(R, n ? g.readOnly : g.default, i),
|
|
170
170
|
ref: t,
|
|
171
171
|
children: r
|
|
172
172
|
}),
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./text-link.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
var n = {
|
|
4
|
-
underlineAlways: "
|
|
5
|
-
underlineOnHover: "
|
|
4
|
+
underlineAlways: "v16_37_1m1n0pr2",
|
|
5
|
+
underlineOnHover: "v16_37_1m1n0pr3"
|
|
6
6
|
}, r = {
|
|
7
|
-
default: "
|
|
8
|
-
inverseLight: "
|
|
9
|
-
inverseDark: "
|
|
7
|
+
default: "v16_37_1m1n0pr1 v16_37_1y2v1nfkg v16_37_1y2v1nfjv v16_37_1y2v1nfmt v16_37_1y2v1nf34",
|
|
8
|
+
inverseLight: "v16_37_1m1n0pr1 v16_37_1y2v1nfkg v16_37_1y2v1nfjv v16_37_1y2v1nfmt v16_37_1y2v1nf37",
|
|
9
|
+
inverseDark: "v16_37_1m1n0pr1 v16_37_1y2v1nfkg v16_37_1y2v1nfjv v16_37_1y2v1nfmt v16_37_1y2v1nf34"
|
|
10
10
|
};
|
|
11
11
|
export { n as linkStyles, r as variants };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import "./text.css.ts.vanilla.css-mistica.js";
|
|
2
|
-
var r = "
|
|
3
|
-
mobileSize: "var(--
|
|
4
|
-
desktopSize: "var(--
|
|
5
|
-
mobileLineHeight: "var(--
|
|
6
|
-
desktopLineHeight: "var(--
|
|
7
|
-
lineClamp: "var(--
|
|
8
|
-
}, p = "
|
|
2
|
+
var r = "v16_37_splu5g7", _ = "v16_37_splu5g8", e = "v16_37_splu5g9", a = {
|
|
3
|
+
mobileSize: "var(--v16_37_splu5g0)",
|
|
4
|
+
desktopSize: "var(--v16_37_splu5g1)",
|
|
5
|
+
mobileLineHeight: "var(--v16_37_splu5g2)",
|
|
6
|
+
desktopLineHeight: "var(--v16_37_splu5g3)",
|
|
7
|
+
lineClamp: "var(--v16_37_splu5g4)"
|
|
8
|
+
}, p = "v16_37_splu5g5", t = "v16_37_splu5g6";
|
|
9
9
|
export { r as text, _ as truncate, e as truncateToOneLine, a as vars, p as withWordBreak, t as withoutWordBreak };
|
package/dist-es/text.js
CHANGED
|
@@ -134,7 +134,7 @@ const lt = {
|
|
|
134
134
|
ariaLabel: i
|
|
135
135
|
};
|
|
136
136
|
}, o = (param)=>{
|
|
137
|
-
let { weight: t, color: i = x.colors.textPrimary, decoration: r, truncate: e, transform: c, wordBreak: m = !0, hyphens: d = "auto", as: T = "span", children: l, size: v, mobileSize: w = v, desktopSize: b = v, lineHeight: S, mobileLineHeight: k = S, desktopLineHeight: y = S, letterSpacing: H, textAlign: z, textShadow: C, id: R, role: W, "aria-level": L, "aria-label": f, "aria-hidden":
|
|
137
|
+
let { weight: t, color: i = x.colors.textPrimary, decoration: r, truncate: e, transform: c, wordBreak: m = !0, hyphens: d = "auto", as: T = "span", children: l, size: v, mobileSize: w = v, desktopSize: b = v, lineHeight: S, mobileLineHeight: k = S, desktopLineHeight: y = S, letterSpacing: H, textAlign: z, textShadow: C, id: R, role: W, "aria-level": L, "aria-label": f, "aria-hidden": E, "aria-live": N, dataAttributes: O } = param;
|
|
138
138
|
const { skinName: F } = s(), _ = G(), j = ut(e), D = {
|
|
139
139
|
[x.colors.textPrimary]: x.colors.textPrimaryInverse,
|
|
140
140
|
[x.colors.textSecondary]: x.colors.textSecondaryInverse,
|
|
@@ -164,8 +164,8 @@ const lt = {
|
|
|
164
164
|
role: W,
|
|
165
165
|
"aria-level": L,
|
|
166
166
|
"aria-label": f,
|
|
167
|
-
"aria-hidden":
|
|
168
|
-
"aria-live":
|
|
167
|
+
"aria-hidden": E,
|
|
168
|
+
"aria-live": N
|
|
169
169
|
}, J(O, "Text")), {
|
|
170
170
|
style: _object_spread_props(_object_spread({}, B, K), {
|
|
171
171
|
hyphens: d,
|
|
@@ -352,7 +352,7 @@ const lt = {
|
|
|
352
352
|
testid: "Text2"
|
|
353
353
|
}, t)
|
|
354
354
|
}), r));
|
|
355
|
-
},
|
|
355
|
+
}, Et = (_param)=>{
|
|
356
356
|
var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
|
|
357
357
|
"dataAttributes",
|
|
358
358
|
"forceMobileSizes"
|
|
@@ -369,5 +369,5 @@ const lt = {
|
|
|
369
369
|
testid: "Text1"
|
|
370
370
|
}, t)
|
|
371
371
|
}), r));
|
|
372
|
-
},
|
|
373
|
-
export { o as Text,
|
|
372
|
+
}, Nt = o;
|
|
373
|
+
export { o as Text, Et as Text1, At as Text10, Lt as Text2, Wt as Text3, Rt as Text4, Ct as Text5, zt as Text6, Ht as Text7, It as Text8, Vt as Text9, Nt as default, lt as mapToWeight };
|