@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
package/dist/skins/vivo.js
CHANGED
|
@@ -87,34 +87,51 @@ const e = {
|
|
|
87
87
|
buttonDangerBackground: e.pepper,
|
|
88
88
|
buttonDangerBackgroundPressed: e.pepperDark,
|
|
89
89
|
buttonDangerBackgroundHover: e.pepperDark,
|
|
90
|
-
buttonLinkDangerBackgroundPressed: e.pepperLight10,
|
|
91
90
|
buttonLinkDangerBackgroundInverse: e.white,
|
|
91
|
+
buttonLinkDangerBackgroundMedia: e.white,
|
|
92
|
+
buttonLinkDangerBackgroundPressed: e.pepperLight10,
|
|
92
93
|
buttonLinkDangerBackgroundInversePressed: e.pepperLight10,
|
|
94
|
+
buttonLinkDangerBackgroundMediaPressed: e.pepperLight10,
|
|
93
95
|
buttonLinkBackgroundPressed: e.vivoPurpleLight10,
|
|
94
96
|
buttonLinkBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.1),
|
|
97
|
+
buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.1),
|
|
95
98
|
buttonPrimaryBackground: e.vivoPurple,
|
|
96
99
|
buttonPrimaryBackgroundInverse: e.white,
|
|
97
|
-
|
|
100
|
+
buttonPrimaryBackgroundMedia: e.white,
|
|
98
101
|
buttonPrimaryBackgroundHover: e.vivoPurpleDark,
|
|
102
|
+
buttonPrimaryBackgroundInverseHover: e.vivoPurpleLight50,
|
|
103
|
+
buttonPrimaryBackgroundMediaHover: e.vivoPurpleLight50,
|
|
104
|
+
buttonPrimaryBackgroundPressed: e.vivoPurpleDark,
|
|
99
105
|
buttonPrimaryBackgroundInversePressed: e.vivoPurpleLight50,
|
|
106
|
+
buttonPrimaryBackgroundMediaPressed: e.vivoPurpleLight50,
|
|
100
107
|
buttonSecondaryBorder: e.vivoPurple,
|
|
101
|
-
buttonSecondaryBorderPressed: e.vivoPurpleDark,
|
|
102
|
-
buttonSecondaryBackgroundHover: e.vivoPurpleLight10,
|
|
103
|
-
buttonSecondaryBackgroundPressed: e.vivoPurpleLight10,
|
|
104
108
|
buttonSecondaryBorderInverse: e.white,
|
|
109
|
+
buttonSecondaryBorderMedia: e.white,
|
|
110
|
+
buttonSecondaryBorderPressed: e.vivoPurpleDark,
|
|
105
111
|
buttonSecondaryBorderInversePressed: e.white,
|
|
112
|
+
buttonSecondaryBorderMediaPressed: e.white,
|
|
113
|
+
buttonSecondaryBackgroundHover: e.vivoPurpleLight10,
|
|
106
114
|
buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.white, 0.15),
|
|
115
|
+
buttonSecondaryBackgroundMediaHover: (0, _color.applyAlpha)(e.white, 0.15),
|
|
116
|
+
buttonSecondaryBackgroundPressed: e.vivoPurpleLight10,
|
|
107
117
|
buttonSecondaryBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.15),
|
|
118
|
+
buttonSecondaryBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.15),
|
|
108
119
|
textButtonPrimary: e.white,
|
|
109
120
|
textButtonPrimaryInverse: e.vivoPurple,
|
|
121
|
+
textButtonPrimaryMedia: e.vivoPurple,
|
|
110
122
|
textButtonPrimaryInversePressed: e.vivoPurple,
|
|
123
|
+
textButtonPrimaryMediaPressed: e.vivoPurple,
|
|
111
124
|
textButtonSecondary: e.vivoPurple,
|
|
112
|
-
textButtonSecondaryPressed: e.vivoPurpleDark,
|
|
113
125
|
textButtonSecondaryInverse: e.white,
|
|
126
|
+
textButtonSecondaryMedia: e.white,
|
|
127
|
+
textButtonSecondaryPressed: e.vivoPurpleDark,
|
|
114
128
|
textButtonSecondaryInversePressed: e.white,
|
|
129
|
+
textButtonSecondaryMediaPressed: e.white,
|
|
115
130
|
textLink: e.vivoPurple,
|
|
116
131
|
textLinkInverse: e.white,
|
|
132
|
+
textLinkMedia: e.white,
|
|
117
133
|
textLinkDanger: e.pepper,
|
|
134
|
+
textLinkDangerMedia: e.pepper,
|
|
118
135
|
textLinkSnackbar: e.vivoPurpleLight50,
|
|
119
136
|
textActivated: e.vivoPurple,
|
|
120
137
|
textBrand: e.vivoPurple,
|
|
@@ -208,7 +225,8 @@ const e = {
|
|
|
208
225
|
tagBackgroundSuccessInverse: e.vivoGreenLight10,
|
|
209
226
|
tagBackgroundWarningInverse: e.orangeLight10,
|
|
210
227
|
tagBackgroundErrorInverse: e.pepperLight10,
|
|
211
|
-
cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)
|
|
228
|
+
cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`,
|
|
229
|
+
cardFooterOverlay: (0, _color.applyAlpha)(e.grey6, 0.7)
|
|
212
230
|
},
|
|
213
231
|
darkModeColors: {
|
|
214
232
|
background: e.darkModeBlack,
|
|
@@ -241,34 +259,51 @@ const e = {
|
|
|
241
259
|
buttonDangerBackground: e.pepper,
|
|
242
260
|
buttonDangerBackgroundPressed: e.pepperDark,
|
|
243
261
|
buttonDangerBackgroundHover: e.pepperDark,
|
|
244
|
-
buttonLinkDangerBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.08),
|
|
245
262
|
buttonLinkDangerBackgroundInverse: (0, _color.applyAlpha)(e.white, 0),
|
|
263
|
+
buttonLinkDangerBackgroundMedia: e.white,
|
|
264
|
+
buttonLinkDangerBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.08),
|
|
246
265
|
buttonLinkDangerBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.08),
|
|
266
|
+
buttonLinkDangerBackgroundMediaPressed: e.pepperLight10,
|
|
247
267
|
buttonLinkBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.08),
|
|
248
268
|
buttonLinkBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.08),
|
|
269
|
+
buttonLinkBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.1),
|
|
249
270
|
buttonPrimaryBackground: e.vivoPurpleLight80,
|
|
250
271
|
buttonPrimaryBackgroundInverse: e.vivoPurpleLight80,
|
|
251
|
-
|
|
272
|
+
buttonPrimaryBackgroundMedia: e.white,
|
|
252
273
|
buttonPrimaryBackgroundHover: e.vivoPurpleDark,
|
|
274
|
+
buttonPrimaryBackgroundInverseHover: e.vivoPurpleDark,
|
|
275
|
+
buttonPrimaryBackgroundMediaHover: e.vivoPurpleLight50,
|
|
276
|
+
buttonPrimaryBackgroundPressed: e.vivoPurpleDark,
|
|
253
277
|
buttonPrimaryBackgroundInversePressed: e.vivoPurpleDark,
|
|
254
|
-
|
|
255
|
-
buttonSecondaryBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.15),
|
|
278
|
+
buttonPrimaryBackgroundMediaPressed: e.vivoPurpleLight50,
|
|
256
279
|
buttonSecondaryBorder: e.white,
|
|
257
|
-
buttonSecondaryBorderPressed: e.white,
|
|
258
280
|
buttonSecondaryBorderInverse: e.white,
|
|
281
|
+
buttonSecondaryBorderMedia: e.white,
|
|
282
|
+
buttonSecondaryBorderPressed: e.white,
|
|
259
283
|
buttonSecondaryBorderInversePressed: e.white,
|
|
284
|
+
buttonSecondaryBorderMediaPressed: e.white,
|
|
285
|
+
buttonSecondaryBackgroundHover: (0, _color.applyAlpha)(e.white, 0.15),
|
|
260
286
|
buttonSecondaryBackgroundInverseHover: (0, _color.applyAlpha)(e.white, 0.15),
|
|
287
|
+
buttonSecondaryBackgroundMediaHover: (0, _color.applyAlpha)(e.white, 0.15),
|
|
288
|
+
buttonSecondaryBackgroundPressed: (0, _color.applyAlpha)(e.white, 0.15),
|
|
261
289
|
buttonSecondaryBackgroundInversePressed: (0, _color.applyAlpha)(e.white, 0.15),
|
|
290
|
+
buttonSecondaryBackgroundMediaPressed: (0, _color.applyAlpha)(e.white, 0.15),
|
|
262
291
|
textButtonPrimary: e.grey2,
|
|
263
292
|
textButtonPrimaryInverse: e.grey2,
|
|
293
|
+
textButtonPrimaryMedia: e.vivoPurple,
|
|
264
294
|
textButtonPrimaryInversePressed: e.grey2,
|
|
295
|
+
textButtonPrimaryMediaPressed: e.vivoPurple,
|
|
265
296
|
textButtonSecondary: e.grey2,
|
|
266
|
-
textButtonSecondaryPressed: e.grey2,
|
|
267
297
|
textButtonSecondaryInverse: e.grey2,
|
|
298
|
+
textButtonSecondaryMedia: e.white,
|
|
299
|
+
textButtonSecondaryPressed: e.grey2,
|
|
268
300
|
textButtonSecondaryInversePressed: e.grey2,
|
|
301
|
+
textButtonSecondaryMediaPressed: e.white,
|
|
269
302
|
textLink: e.vivoPurpleLight50,
|
|
270
303
|
textLinkInverse: e.vivoPurpleLight50,
|
|
304
|
+
textLinkMedia: e.white,
|
|
271
305
|
textLinkDanger: e.pepper,
|
|
306
|
+
textLinkDangerMedia: e.pepper,
|
|
272
307
|
textLinkSnackbar: e.vivoPurpleLight50,
|
|
273
308
|
textActivated: e.vivoPurpleLight80,
|
|
274
309
|
textBrand: e.vivoPurpleLight80,
|
|
@@ -362,7 +397,8 @@ const e = {
|
|
|
362
397
|
tagBackgroundSuccessInverse: e.darkModeGrey6,
|
|
363
398
|
tagBackgroundWarningInverse: e.darkModeGrey6,
|
|
364
399
|
tagBackgroundErrorInverse: e.darkModeGrey6,
|
|
365
|
-
cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)
|
|
400
|
+
cardContentOverlay: `linear-gradient(180deg, ${(0, _color.applyAlpha)(e.grey6, 0)} 0%, ${(0, _color.applyAlpha)(e.grey6, 0.4)} 30%, ${(0, _color.applyAlpha)(e.grey6, 0.7)} 100%)`,
|
|
401
|
+
cardFooterOverlay: (0, _color.applyAlpha)(e.grey6, 0.7)
|
|
366
402
|
},
|
|
367
403
|
borderRadii: {
|
|
368
404
|
avatar: "50%",
|
|
@@ -13,10 +13,10 @@ _export(exports, {
|
|
|
13
13
|
return f;
|
|
14
14
|
},
|
|
15
15
|
skipLinkList: function() {
|
|
16
|
-
return
|
|
16
|
+
return y;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
20
20
|
require("./screen-reader-only.css.ts.vanilla.css-mistica.js");
|
|
21
21
|
require("./skip-link.css.ts.vanilla.css-mistica.js");
|
|
22
|
-
var f = "
|
|
22
|
+
var f = "v16_37_13pf4ld1 v16_37_1y2v1nf9u v16_37_1y2v1nfb3 v16_37_1y2v1nfcc v16_37_1y2v1nfdl v16_37_1y2v1nf4u v16_37_1y2v1nfm9 v16_37_1y2v1nfmk v16_37_1y2v1nfjn v16_37_1y2v1nfn0 v16_37_1y2v1nfnf", y = "v16_37_13pf4ld2";
|
|
@@ -19,13 +19,13 @@ _export(exports, {
|
|
|
19
19
|
return y;
|
|
20
20
|
},
|
|
21
21
|
input: function() {
|
|
22
|
-
return
|
|
22
|
+
return k;
|
|
23
23
|
},
|
|
24
24
|
iosThumb: function() {
|
|
25
|
-
return
|
|
25
|
+
return r;
|
|
26
26
|
},
|
|
27
27
|
thumbActive: function() {
|
|
28
|
-
return
|
|
28
|
+
return l;
|
|
29
29
|
},
|
|
30
30
|
thumbContainer: function() {
|
|
31
31
|
return a;
|
|
@@ -39,13 +39,13 @@ _export(exports, {
|
|
|
39
39
|
});
|
|
40
40
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
41
41
|
require("./slider.css.ts.vanilla.css-mistica.js");
|
|
42
|
-
var n = "
|
|
43
|
-
default: "
|
|
44
|
-
inverse: "
|
|
45
|
-
}, y = "
|
|
46
|
-
default: "
|
|
47
|
-
inverse: "
|
|
48
|
-
}, a = "
|
|
49
|
-
default: "
|
|
50
|
-
inverse: "
|
|
51
|
-
}, h = "
|
|
42
|
+
var n = "v16_37_1j1wlhk1 v16_37_1y2v1nfkf v16_37_1y2v1nfjm v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfmt", f = {
|
|
43
|
+
default: "v16_37_1j1wlhk7 v16_37_1y2v1nfkn v16_37_1y2v1nfl3 v16_37_1y2v1nfmc v16_37_1y2v1nf6g",
|
|
44
|
+
inverse: "v16_37_1j1wlhk7 v16_37_1y2v1nfkn v16_37_1y2v1nfl3 v16_37_1y2v1nfmc v16_37_1y2v1nf6i"
|
|
45
|
+
}, y = "v16_37_1j1wlhk2", k = "v16_37_1j1wlhkj v16_37_1y2v1nfjn v16_37_1y2v1nfn0", r = "v16_37_1j1wlhkd v16_37_1y2v1nf6s v16_37_1y2v1nfmc", l = {
|
|
46
|
+
default: "v16_37_1j1wlhkg",
|
|
47
|
+
inverse: "v16_37_1j1wlhkh"
|
|
48
|
+
}, a = "v16_37_1j1wlhk5 v16_37_1y2v1nfjn v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfk1", e = {
|
|
49
|
+
default: "v16_37_1j1wlhke",
|
|
50
|
+
inverse: "v16_37_1j1wlhkf"
|
|
51
|
+
}, h = "v16_37_1y2v1nfkf v16_37_1y2v1nfkz v16_37_1y2v1nfmq";
|
package/dist/slider.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
Object.defineProperty(exports, "default", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function() {
|
|
9
|
-
return
|
|
9
|
+
return Ne;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -132,7 +132,7 @@ const Ce = 48, Ie = 20, Pe = 28, Te = (n, t, o)=>t >= o ? 0 : (n - t) / (o - t),
|
|
|
132
132
|
if (t >= o) return t;
|
|
133
133
|
const b = v(h), I = t + Math.floor((b - t) / a) * a, m = t + Math.ceil((b - t) / a) * a;
|
|
134
134
|
return m <= o && m - b <= b - I ? m : I;
|
|
135
|
-
},
|
|
135
|
+
}, U = (n, t, o)=>{
|
|
136
136
|
if (!o) return t;
|
|
137
137
|
if (t === void 0) return n;
|
|
138
138
|
let a = 0;
|
|
@@ -152,22 +152,22 @@ const Ce = 48, Ie = 20, Pe = 28, Te = (n, t, o)=>t >= o ? 0 : (n - t) / (o - t),
|
|
|
152
152
|
"tooltip"
|
|
153
153
|
]);
|
|
154
154
|
n && (n.length === 0 ? n = void 0 : a = n.length - 1), t = t | 0, t = t <= 0 ? 1 : t;
|
|
155
|
-
const { defaultValue: z, value:
|
|
155
|
+
const { defaultValue: z, value: _, onChange: N, focusableRef: q, disabled: F, name: G } = (0, _formcontext.useControlProps)({
|
|
156
156
|
name: i.name,
|
|
157
157
|
label: h,
|
|
158
|
-
value: i.value !== void 0 ? B(!1, o, a, t,
|
|
159
|
-
defaultValue: i.defaultValue !== void 0 ? B(!1, o, a, t,
|
|
158
|
+
value: i.value !== void 0 ? B(!1, o, a, t, U(o, i.value, n)) : void 0,
|
|
159
|
+
defaultValue: i.defaultValue !== void 0 ? B(!1, o, a, t, U(o, i.defaultValue, n)) : void 0,
|
|
160
160
|
onChange: i.onChangeValue,
|
|
161
161
|
disabled: i.disabled
|
|
162
|
-
}), [J, K] = _react.useState(
|
|
162
|
+
}), [J, K] = _react.useState(_ !== null && _ !== void 0 ? _ : B(!1, o, a, t, U(o, z, n))), u = _ !== null && _ !== void 0 ? _ : J, A = _react.useRef(u), P = _react.useCallback((e, r)=>{
|
|
163
163
|
const s = B(r, o, a, t, e);
|
|
164
|
-
A.current !== s && (
|
|
164
|
+
A.current !== s && (N(n ? n[s] : s), K(s), A.current = s);
|
|
165
165
|
}, [
|
|
166
166
|
o,
|
|
167
167
|
a,
|
|
168
168
|
t,
|
|
169
169
|
n,
|
|
170
|
-
|
|
170
|
+
N
|
|
171
171
|
]);
|
|
172
172
|
_react.useEffect(()=>{
|
|
173
173
|
P(A.current, !1);
|
|
@@ -290,4 +290,4 @@ const Ce = 48, Ie = 20, Pe = 28, Te = (n, t, o)=>t >= o ? 0 : (n - t) / (o - t),
|
|
|
290
290
|
]
|
|
291
291
|
})
|
|
292
292
|
});
|
|
293
|
-
}),
|
|
293
|
+
}), Ne = pe;
|
|
@@ -34,10 +34,10 @@ _export(exports, {
|
|
|
34
34
|
return b;
|
|
35
35
|
},
|
|
36
36
|
snackbar: function() {
|
|
37
|
-
return
|
|
37
|
+
return j;
|
|
38
38
|
},
|
|
39
39
|
snackbarContainer: function() {
|
|
40
|
-
return
|
|
40
|
+
return k;
|
|
41
41
|
},
|
|
42
42
|
snackbarOpen: function() {
|
|
43
43
|
return p;
|
|
@@ -52,12 +52,12 @@ _export(exports, {
|
|
|
52
52
|
return c;
|
|
53
53
|
},
|
|
54
54
|
wrapperOpen: function() {
|
|
55
|
-
return
|
|
55
|
+
return i;
|
|
56
56
|
}
|
|
57
57
|
});
|
|
58
58
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
59
59
|
require("./snackbar.css.ts.vanilla.css-mistica.js");
|
|
60
|
-
var n = 300, f = "
|
|
61
|
-
centered: "
|
|
62
|
-
topRight: "
|
|
63
|
-
}, t = "
|
|
60
|
+
var n = 300, f = "v16_37_o7bjb0g", y = "v16_37_1y2v1nf9r v16_37_1y2v1nfb0 v16_37_1y2v1nfcc v16_37_1y2v1nfdl v16_37_1y2v1nfma v16_37_1y2v1nf9k", r = "v16_37_1y2v1nfjs v16_37_1y2v1nfk4 v16_37_1y2v1nfjy", o = "v16_37_1y2v1nfjs v16_37_1y2v1nfk4 v16_37_1y2v1nfjx v16_37_1y2v1nfk7", a = {
|
|
61
|
+
centered: "v16_37_o7bjb0l v16_37_1y2v1nfjs v16_37_1y2v1nfjn v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfnx",
|
|
62
|
+
topRight: "v16_37_1y2v1nfjs v16_37_1y2v1nfjn v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfnx v16_37_1y2v1nfn3"
|
|
63
|
+
}, t = "v16_37_o7bjb0o v16_37_1y2v1nfkp v16_37_1y2v1nfl5 v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfmc", b = "v16_37_o7bjb0h", j = "v16_37_o7bjb01 v16_37_1y2v1nfkf v16_37_1y2v1nfjs v16_37_1y2v1nfk1", k = "v16_37_o7bjb03 v16_37_1y2v1nfjm", p = "v16_37_o7bjb04", s = "v16_37_o7bjb06 v16_37_1y2v1nfjo v16_37_1y2v1nfmm", e = "v16_37_1y2v1nf6z", c = "v16_37_1y2v1nf70", i = "v16_37_o7bjb09";
|
|
@@ -24,4 +24,4 @@ _export(exports, {
|
|
|
24
24
|
});
|
|
25
25
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
26
26
|
require("./spinner.css.ts.vanilla.css-mistica.js");
|
|
27
|
-
var n = "
|
|
27
|
+
var n = "v16_37_1fthc594 v16_37_1y2v1nfka v16_37_1y2v1nfju", r = "v16_37_1fthc595", a = "v16_37_1y2v1nfka v16_37_1y2v1nfju", t = "v16_37_1fthc597";
|
|
@@ -20,9 +20,9 @@ _export(exports, {
|
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
22
|
require("./stack.css.ts.vanilla.css-mistica.js");
|
|
23
|
-
var v = "
|
|
24
|
-
space: "var(--
|
|
25
|
-
spaceMobile: "var(--
|
|
26
|
-
spaceTablet: "var(--
|
|
27
|
-
spaceDesktop: "var(--
|
|
23
|
+
var v = "v16_37_xjgm6d5", _ = "v16_37_xjgm6d4", r = {
|
|
24
|
+
space: "var(--v16_37_xjgm6d0)",
|
|
25
|
+
spaceMobile: "var(--v16_37_xjgm6d1)",
|
|
26
|
+
spaceTablet: "var(--v16_37_xjgm6d2)",
|
|
27
|
+
spaceDesktop: "var(--v16_37_xjgm6d3)"
|
|
28
28
|
};
|
|
@@ -10,4 +10,4 @@ Object.defineProperty(exports, "moreItems", {
|
|
|
10
10
|
});
|
|
11
11
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
12
12
|
require("./stacking-group.css.ts.vanilla.css-mistica.js");
|
|
13
|
-
var y = "
|
|
13
|
+
var y = "v16_37_1y38nye1 v16_37_1y2v1nfjs v16_37_1y2v1nfjm v16_37_1y2v1nfk1 v16_37_1y2v1nfk7";
|
|
@@ -19,7 +19,7 @@ _export(exports, {
|
|
|
19
19
|
return f;
|
|
20
20
|
},
|
|
21
21
|
barFilledReverseAnimation: function() {
|
|
22
|
-
return
|
|
22
|
+
return m;
|
|
23
23
|
},
|
|
24
24
|
currentNumber: function() {
|
|
25
25
|
return y;
|
|
@@ -28,13 +28,13 @@ _export(exports, {
|
|
|
28
28
|
return a;
|
|
29
29
|
},
|
|
30
30
|
listItem: function() {
|
|
31
|
-
return
|
|
31
|
+
return e;
|
|
32
32
|
},
|
|
33
33
|
number: function() {
|
|
34
|
-
return
|
|
34
|
+
return t;
|
|
35
35
|
},
|
|
36
36
|
step: function() {
|
|
37
|
-
return
|
|
37
|
+
return i;
|
|
38
38
|
},
|
|
39
39
|
stepIconNumber: function() {
|
|
40
40
|
return q;
|
|
@@ -43,14 +43,14 @@ _export(exports, {
|
|
|
43
43
|
return h;
|
|
44
44
|
},
|
|
45
45
|
textContainer: function() {
|
|
46
|
-
return
|
|
46
|
+
return s;
|
|
47
47
|
},
|
|
48
48
|
vars: function() {
|
|
49
|
-
return
|
|
49
|
+
return k;
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
53
53
|
require("./stepper.css.ts.vanilla.css-mistica.js");
|
|
54
|
-
var n = "
|
|
55
|
-
stepperMinHeight: "var(--
|
|
54
|
+
var n = "v16_37_14h93mql v16_37_1y2v1nfkz v16_37_1y2v1nfkf v16_37_1y2v1nfmq v16_37_1y2v1nfmu", r = "v16_37_14h93mqn v16_37_1y2v1nfkz v16_37_1y2v1nfkf v16_37_1y2v1nfmq v16_37_1y2v1nfmu", f = "v16_37_14h93mqo", m = "v16_37_14h93mqq v16_37_1y2v1nfkh", y = "v16_37_14h93mqg", a = "v16_37_14h93mqd", e = "v16_37_1y2v1nfjs v16_37_1y2v1nfk7", t = "v16_37_14h93mqf v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfmc", i = "v16_37_14h93mqa v16_37_1y2v1nfjm v16_37_1y2v1nfjt v16_37_1y2v1nfjy v16_37_1y2v1nfk7", q = "v16_37_14h93mqc v16_37_1y2v1nfjm v16_37_1y2v1nfjs", h = "v16_37_14h93mq7 v16_37_1y2v1nfjs v16_37_1y2v1nfk6 v16_37_1y2v1nflz", s = "v16_37_14h93mqi v16_37_1y2v1nfjn", k = {
|
|
55
|
+
stepperMinHeight: "var(--v16_37_14h93mq0)"
|
|
56
56
|
};
|
package/dist/stepper.js
CHANGED
|
@@ -120,7 +120,7 @@ function _object_spread_props(target, source) {
|
|
|
120
120
|
return target;
|
|
121
121
|
}
|
|
122
122
|
const ee = (param)=>{
|
|
123
|
-
let { steps: c, currentIndex: n, "aria-label": v, "aria-labelledby": y, "aria-description":
|
|
123
|
+
let { steps: c, currentIndex: n, "aria-label": v, "aria-labelledby": y, "aria-description": x, "aria-describedby": N, dataAttributes: C } = param;
|
|
124
124
|
const { texts: h, t: u, textPresets: g } = (0, _hooks.useTheme)(), { height: A, ref: $ } = (0, _hooks.useElementDimensions)(), T = A, [r, P] = _react.useState(Math.ceil(n)), [i, R] = _react.useState(!1);
|
|
125
125
|
_react.useEffect(()=>{
|
|
126
126
|
const s = Math.ceil(n);
|
|
@@ -142,8 +142,8 @@ const ee = (param)=>{
|
|
|
142
142
|
}, (0, _dom.getPrefixedDataAttributes)(C, "Stepper")), {
|
|
143
143
|
"aria-label": v,
|
|
144
144
|
"aria-labelledby": y,
|
|
145
|
-
"aria-description":
|
|
146
|
-
"aria-describedby":
|
|
145
|
+
"aria-description": x,
|
|
146
|
+
"aria-describedby": N,
|
|
147
147
|
children: c.map((s, a)=>{
|
|
148
148
|
const t = a === r, f = a === c.length - 1, o = a < r, m = a === r - 1;
|
|
149
149
|
return /* @__PURE__ */ (0, _jsxruntime.jsxs)("li", {
|
|
@@ -13,31 +13,31 @@ _export(exports, {
|
|
|
13
13
|
return a;
|
|
14
14
|
},
|
|
15
15
|
barVariants: function() {
|
|
16
|
-
return
|
|
16
|
+
return h;
|
|
17
17
|
},
|
|
18
18
|
checkboxVariants: function() {
|
|
19
|
-
return
|
|
19
|
+
return n;
|
|
20
20
|
},
|
|
21
21
|
container: function() {
|
|
22
|
-
return
|
|
22
|
+
return p;
|
|
23
23
|
},
|
|
24
24
|
containerDisabled: function() {
|
|
25
|
-
return
|
|
25
|
+
return y;
|
|
26
26
|
},
|
|
27
27
|
disabled: function() {
|
|
28
|
-
return
|
|
28
|
+
return f;
|
|
29
29
|
},
|
|
30
30
|
interactiveArea: function() {
|
|
31
|
-
return
|
|
31
|
+
return q;
|
|
32
32
|
},
|
|
33
33
|
inverseBallVariants: function() {
|
|
34
|
-
return
|
|
34
|
+
return e;
|
|
35
35
|
},
|
|
36
36
|
inverseBarVariants: function() {
|
|
37
|
-
return
|
|
37
|
+
return c;
|
|
38
38
|
},
|
|
39
39
|
switchCheckboxContainerVariants: function() {
|
|
40
|
-
return
|
|
40
|
+
return j;
|
|
41
41
|
},
|
|
42
42
|
switchCheckboxLabel: function() {
|
|
43
43
|
return r;
|
|
@@ -46,33 +46,33 @@ _export(exports, {
|
|
|
46
46
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
47
47
|
require("./switch-component.css.ts.vanilla.css-mistica.js");
|
|
48
48
|
var a = {
|
|
49
|
-
default: "
|
|
50
|
-
ios: "
|
|
51
|
-
checked: "
|
|
52
|
-
checkedIos: "
|
|
53
|
-
}, n = {
|
|
54
|
-
default: "v16_36_q0hp3ai v16_36_q0hp3ah v16_36_1y2v1nfiu",
|
|
55
|
-
ios: "v16_36_q0hp3aj v16_36_q0hp3ah v16_36_1y2v1nfiu",
|
|
56
|
-
iosDark: "v16_36_q0hp3ak v16_36_q0hp3ah v16_36_1y2v1nfiu",
|
|
57
|
-
checked: "v16_36_q0hp3al v16_36_q0hp3ah v16_36_1y2v1nfiu",
|
|
58
|
-
checkedIos: "v16_36_q0hp3am v16_36_q0hp3ah v16_36_1y2v1nfiu"
|
|
49
|
+
default: "v16_37_q0hp3a11 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
|
|
50
|
+
ios: "v16_37_q0hp3a12 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
|
|
51
|
+
checked: "v16_37_q0hp3a13 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
|
|
52
|
+
checkedIos: "v16_37_q0hp3a14 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc"
|
|
59
53
|
}, h = {
|
|
60
|
-
default: "
|
|
61
|
-
ios: "
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
checked: "
|
|
74
|
-
checkedIos: "
|
|
54
|
+
default: "v16_37_q0hp3ai v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
55
|
+
ios: "v16_37_q0hp3aj v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
56
|
+
iosDark: "v16_37_q0hp3ak v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
57
|
+
checked: "v16_37_q0hp3al v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
58
|
+
checkedIos: "v16_37_q0hp3am v16_37_q0hp3ah v16_37_1y2v1nfju"
|
|
59
|
+
}, n = {
|
|
60
|
+
default: "v16_37_q0hp3a6 v16_37_1y2v1nfjw v16_37_1y2v1nfmt",
|
|
61
|
+
ios: "v16_37_q0hp3a7 v16_37_1y2v1nfjw v16_37_1y2v1nfmt",
|
|
62
|
+
disabled: "v16_37_q0hp3a8 v16_37_1y2v1nfjw v16_37_1y2v1nfmt",
|
|
63
|
+
disabledIos: "v16_37_q0hp3a9 v16_37_1y2v1nfjw v16_37_1y2v1nfmt"
|
|
64
|
+
}, p = "v16_37_q0hp3au v16_37_q0hp3as", y = "v16_37_q0hp3av v16_37_q0hp3as", f = "v16_37_q0hp3aw", q = "v16_37_q0hp3at", e = {
|
|
65
|
+
default: "v16_37_q0hp3a15 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
|
|
66
|
+
ios: "v16_37_q0hp3a16 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
|
|
67
|
+
checked: "v16_37_q0hp3a17 v16_37_q0hp3az v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc",
|
|
68
|
+
checkedIos: "v16_37_q0hp3a18 v16_37_q0hp3a10 v16_37_q0hp3ay v16_37_1y2v1nfjn v16_37_1y2v1nfo9 v16_37_1y2v1nfju v16_37_1y2v1nfmc"
|
|
75
69
|
}, c = {
|
|
76
|
-
default: "
|
|
77
|
-
ios: "
|
|
78
|
-
|
|
70
|
+
default: "v16_37_q0hp3an v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
71
|
+
ios: "v16_37_q0hp3ao v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
72
|
+
iosDark: "v16_37_q0hp3ap v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
73
|
+
checked: "v16_37_q0hp3aq v16_37_q0hp3ah v16_37_1y2v1nfju",
|
|
74
|
+
checkedIos: "v16_37_q0hp3ar v16_37_q0hp3ah v16_37_1y2v1nfju"
|
|
75
|
+
}, j = {
|
|
76
|
+
default: "v16_37_q0hp3ac v16_37_q0hp3ab v16_37_1y2v1nfjm",
|
|
77
|
+
ios: "v16_37_q0hp3ad v16_37_q0hp3ab v16_37_1y2v1nfjm"
|
|
78
|
+
}, r = "v16_37_q0hp3af v16_37_1y2v1nfju v16_37_1y2v1nfmu";
|
|
@@ -73,13 +73,13 @@ _export(exports, {
|
|
|
73
73
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
74
74
|
require("./responsive-layout.css.ts.vanilla.css-mistica.js");
|
|
75
75
|
require("./table.css.ts.vanilla.css-mistica.js");
|
|
76
|
-
var e = "
|
|
77
|
-
left: "
|
|
78
|
-
right: "
|
|
79
|
-
center: "
|
|
80
|
-
}, t = "
|
|
81
|
-
maxHeight: "var(--
|
|
76
|
+
var e = "v16_37_107ok88f", a = "v16_37_107ok88g", r = "v16_37_107ok886", l = {
|
|
77
|
+
left: "v16_37_107ok888 v16_37_107ok887",
|
|
78
|
+
right: "v16_37_107ok889 v16_37_107ok887",
|
|
79
|
+
center: "v16_37_107ok88a v16_37_107ok887"
|
|
80
|
+
}, 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 = {
|
|
81
|
+
maxHeight: "var(--v16_37_107ok880)"
|
|
82
82
|
}, x = {
|
|
83
|
-
top: "
|
|
84
|
-
middle: "
|
|
83
|
+
top: "v16_37_107ok88d",
|
|
84
|
+
middle: "v16_37_107ok88e"
|
|
85
85
|
};
|
package/dist/table.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type { CardAction } from './card';
|
|
2
|
+
import type { CardAction } from './card-internal';
|
|
3
3
|
import type { DataAttributes } from './utils/types';
|
|
4
4
|
type TextAlign = 'left' | 'right' | 'center';
|
|
5
5
|
type VerticalAlign = 'top' | 'middle';
|
package/dist/table.js
CHANGED
|
@@ -171,7 +171,7 @@ const $ = {
|
|
|
171
171
|
small: !0,
|
|
172
172
|
bleedY: !0
|
|
173
173
|
})), J = "left", Ee = /*#__PURE__*/ _react.forwardRef((_param, z)=>{
|
|
174
|
-
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,
|
|
174
|
+
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, [
|
|
175
175
|
"dataAttributes",
|
|
176
176
|
"heading",
|
|
177
177
|
"content",
|
|
@@ -198,9 +198,9 @@ const $ = {
|
|
|
198
198
|
[_tablecssmistica.hiddenHeadersInDesktop]: U,
|
|
199
199
|
[_tablecssmistica.hiddenHeadersInMobile]: P || r
|
|
200
200
|
}),
|
|
201
|
-
"aria-label":
|
|
202
|
-
"aria-labelledby":
|
|
203
|
-
"aria-describedby":
|
|
201
|
+
"aria-label": S["aria-label"],
|
|
202
|
+
"aria-labelledby": S["aria-labelledby"],
|
|
203
|
+
"aria-describedby": S["aria-describedby"],
|
|
204
204
|
children: [
|
|
205
205
|
m.length > 0 && /* @__PURE__ */ (0, _jsxruntime.jsx)("thead", {
|
|
206
206
|
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_text.Text1, {
|
|
@@ -234,7 +234,7 @@ const $ = {
|
|
|
234
234
|
children: i.map((d, t)=>"Icon" in d || "checkedProps" in d ? /* @__PURE__ */ (0, _jsxruntime.jsx)(ve, _object_spread({}, d), t) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Fragment, {
|
|
235
235
|
children: d
|
|
236
236
|
}, t))
|
|
237
|
-
}),
|
|
237
|
+
}), I = i.length ? `calc(${_iconbuttoncssmistica.iconContainerSize.small} * ${i.length} + 16px * ${i.length - 1})` : "0px";
|
|
238
238
|
return /* @__PURE__ */ (0, _jsxruntime.jsxs)("tr", {
|
|
239
239
|
style: {
|
|
240
240
|
position: "relative"
|
|
@@ -251,7 +251,7 @@ const $ = {
|
|
|
251
251
|
}),
|
|
252
252
|
style: {
|
|
253
253
|
// add space between top actions and content
|
|
254
|
-
marginRight: r && i.length ? `calc(${
|
|
254
|
+
marginRight: r && i.length ? `calc(${I} + 8px)` : void 0
|
|
255
255
|
},
|
|
256
256
|
scope: t === s ? "row" : void 0,
|
|
257
257
|
children: [
|
|
@@ -293,7 +293,7 @@ const $ = {
|
|
|
293
293
|
}),
|
|
294
294
|
align: "right",
|
|
295
295
|
style: {
|
|
296
|
-
width: `calc(${
|
|
296
|
+
width: `calc(${I} + 12px)`
|
|
297
297
|
},
|
|
298
298
|
children: w
|
|
299
299
|
}) : g && /* @__PURE__ */ (0, _jsxruntime.jsx)("td", {
|
|
@@ -305,7 +305,7 @@ const $ = {
|
|
|
305
305
|
position: "absolute",
|
|
306
306
|
top: `calc(${h ? $.boxed : $.default} - ${q} + (${_iconbuttoncssmistica.iconContainerSize.small} - ${_iconbuttoncssmistica.iconSize.small}) / 2)`,
|
|
307
307
|
right: h ? `calc(${$.boxed} - ${q})` : 0,
|
|
308
|
-
width:
|
|
308
|
+
width: I
|
|
309
309
|
},
|
|
310
310
|
children: w
|
|
311
311
|
})
|
package/dist/tabs.css-mistica.js
CHANGED
|
@@ -25,34 +25,34 @@ _export(exports, {
|
|
|
25
25
|
return y;
|
|
26
26
|
},
|
|
27
27
|
outerBorderInverse: function() {
|
|
28
|
-
return
|
|
28
|
+
return o;
|
|
29
29
|
},
|
|
30
30
|
tabHover: function() {
|
|
31
31
|
return a;
|
|
32
32
|
},
|
|
33
33
|
tabSelectionVariants: function() {
|
|
34
|
-
return
|
|
34
|
+
return t;
|
|
35
35
|
},
|
|
36
36
|
tabVariants: function() {
|
|
37
|
-
return
|
|
37
|
+
return l;
|
|
38
38
|
},
|
|
39
39
|
tabsContainer: function() {
|
|
40
|
-
return
|
|
40
|
+
return m;
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
43
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
44
44
|
require("./tabs.css.ts.vanilla.css-mistica.js");
|
|
45
|
-
var n = "
|
|
46
|
-
default: "
|
|
47
|
-
inverse: "
|
|
48
|
-
}, o = {
|
|
49
|
-
noSelected: "v16_36_1y2v1nf2e",
|
|
50
|
-
noSelectedInverse: "v16_36_1y2v1nf2f",
|
|
51
|
-
selected: "v16_36_lgofm1g",
|
|
52
|
-
selectedInverse: "v16_36_lgofm1h",
|
|
53
|
-
selectedAnimating: "v16_36_lgofm1i",
|
|
54
|
-
selectedAnimatingInverse: "v16_36_lgofm1j"
|
|
45
|
+
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 = {
|
|
46
|
+
default: "v16_37_lgofm1a",
|
|
47
|
+
inverse: "v16_37_lgofm1b"
|
|
55
48
|
}, t = {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
49
|
+
noSelected: "v16_37_1y2v1nf2p",
|
|
50
|
+
noSelectedInverse: "v16_37_1y2v1nf2q",
|
|
51
|
+
selected: "v16_37_lgofm1g",
|
|
52
|
+
selectedInverse: "v16_37_lgofm1h",
|
|
53
|
+
selectedAnimating: "v16_37_lgofm1i",
|
|
54
|
+
selectedAnimatingInverse: "v16_37_lgofm1j"
|
|
55
|
+
}, l = {
|
|
56
|
+
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",
|
|
57
|
+
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"
|
|
58
|
+
}, m = "v16_37_1y2v1nfm3 v16_37_1y2v1nfkf v16_37_1y2v1nfjs";
|