@telefonica/mistica 17.3.0 → 17.4.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 +24 -16
- package/css/esimflag.css +35 -18
- package/css/mistica.css +1 -1
- package/css/movistar.css +29 -18
- package/css/o2.css +26 -18
- package/css/telefonica.css +38 -18
- package/css/vivo-evolution.css +66 -20
- package/css/vivo.css +26 -18
- package/dist/accordion.css-mistica.js +10 -10
- package/dist/align.css-mistica.js +1 -1
- package/dist/autocomplete.css-mistica.js +4 -4
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/badge.css-mistica.js +1 -1
- package/dist/box.css-mistica.js +13 -13
- package/dist/boxed.css-mistica.js +24 -24
- package/dist/boxed.d.ts +9 -0
- package/dist/boxed.js +18 -15
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +19 -19
- package/dist/button.css-mistica.js +50 -50
- package/dist/callout.css-mistica.js +13 -13
- package/dist/card-internal.css-mistica.js +22 -22
- package/dist/carousel.css-mistica.js +30 -30
- package/dist/checkbox.css-mistica.js +15 -15
- package/dist/chip.css-mistica.js +18 -18
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +19 -19
- package/dist/community/ai-card.css-mistica.js +12 -12
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/community/cyber/example-component.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +2 -2
- package/dist/community/skins/cyber-skin.js +19 -17
- package/dist/counter.css-mistica.js +6 -6
- package/dist/cover-hero.css-mistica.js +7 -7
- 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 +10 -10
- package/dist/divider.css-mistica.js +5 -5
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/drawer.css-mistica.js +4 -4
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +8 -8
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +5 -5
- package/dist/file-upload.css-mistica.js +10 -10
- package/dist/fixed-footer-layout.css-mistica.js +6 -6
- package/dist/form.css-mistica.js +1 -1
- package/dist/generated/mistica-icons/icon-panel-collapse-regular.js +165 -0
- package/dist/generated/mistica-icons/icon-panel-expand-regular.js +159 -0
- package/dist/grid-layout.css-mistica.js +3 -3
- package/dist/grid.css-mistica.js +120 -120
- package/dist/header.css-mistica.js +1 -1
- package/dist/hero.css-mistica.js +4 -4
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +53 -53
- 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 +8 -8
- package/dist/index.d.ts +5 -0
- package/dist/index.js +10 -1
- package/dist/inline.css-mistica.js +11 -11
- package/dist/list.css-mistica.js +40 -28
- package/dist/list.css.d.ts +2 -0
- package/dist/list.d.ts +3 -1
- package/dist/list.js +176 -165
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-screen.css-mistica.js +12 -12
- package/dist/logo.css-mistica.js +5 -5
- package/dist/menu.css-mistica.js +13 -13
- package/dist/mobile-navigation-menu.d.ts +26 -0
- package/dist/mobile-navigation-menu.js +145 -0
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +31 -97
- package/dist/navigation-bar.css.d.ts +0 -24
- package/dist/navigation-bar.d.ts +3 -38
- package/dist/navigation-bar.js +399 -586
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/navigation-shared.css-mistica.js +79 -0
- package/dist/navigation-shared.css.d.ts +26 -0
- package/dist/navigation-shared.d.ts +66 -0
- package/dist/navigation-shared.js +264 -0
- package/dist/package-version.js +1 -1
- package/dist/pagination.css-mistica.js +22 -22
- package/dist/pin-field.css-mistica.js +4 -4
- package/dist/popover.css-mistica.js +1 -1
- package/dist/portal.d.ts +1 -1
- package/dist/progress-bar.css-mistica.js +7 -7
- package/dist/radio-button.css-mistica.js +27 -27
- package/dist/rating.css-mistica.js +4 -4
- package/dist/responsive-layout.css-mistica.js +6 -6
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +21 -21
- package/dist/sheet-action-row.css-mistica.js +1 -1
- package/dist/sheet-common.css-mistica.js +7 -7
- package/dist/sheet-info.css-mistica.js +1 -1
- package/dist/sidenav-bar-context.d.ts +25 -0
- package/dist/sidenav-bar-context.js +72 -0
- package/dist/sidenav-bar-data.d.ts +15 -0
- package/dist/sidenav-bar-data.js +38 -0
- package/dist/sidenav-bar-first-level-item.d.ts +42 -0
- package/dist/sidenav-bar-first-level-item.js +174 -0
- package/dist/sidenav-bar-keyboard.d.ts +13 -0
- package/dist/sidenav-bar-keyboard.js +314 -0
- package/dist/sidenav-bar-layout.css-mistica.js +28 -0
- package/dist/sidenav-bar-layout.css.d.ts +5 -0
- package/dist/sidenav-bar-layout.d.ts +22 -0
- package/dist/sidenav-bar-layout.js +103 -0
- package/dist/sidenav-bar-mobile.d.ts +24 -0
- package/dist/sidenav-bar-mobile.js +332 -0
- package/dist/sidenav-bar-motion.d.ts +32 -0
- package/dist/sidenav-bar-motion.js +84 -0
- package/dist/sidenav-bar-panel.d.ts +31 -0
- package/dist/sidenav-bar-panel.js +208 -0
- package/dist/sidenav-bar-row.d.ts +82 -0
- package/dist/sidenav-bar-row.js +230 -0
- package/dist/sidenav-bar-second-level-item.d.ts +43 -0
- package/dist/sidenav-bar-second-level-item.js +89 -0
- package/dist/sidenav-bar-section.d.ts +23 -0
- package/dist/sidenav-bar-section.js +167 -0
- package/dist/sidenav-bar-types.d.ts +192 -0
- package/dist/sidenav-bar-types.js +11 -0
- package/dist/sidenav-bar.css-mistica.js +325 -0
- package/dist/sidenav-bar.css.d.ts +93 -0
- package/dist/sidenav-bar.d.ts +102 -0
- package/dist/sidenav-bar.js +492 -0
- package/dist/skeletons.css-mistica.js +8 -8
- package/dist/skins/blau.js +12 -8
- package/dist/skins/esimflag.js +13 -9
- package/dist/skins/movistar.js +13 -9
- package/dist/skins/o2.js +13 -9
- package/dist/skins/skin-contract.css-mistica.js +735 -731
- package/dist/skins/skin-contract.css.d.ts +4 -0
- package/dist/skins/telefonica.js +13 -9
- package/dist/skins/types/colors.d.ts +2 -0
- package/dist/skins/vivo-evolution.js +14 -10
- package/dist/skins/vivo.js +13 -9
- package/dist/skip-link.css-mistica.js +2 -2
- package/dist/slider.css-mistica.js +24 -24
- package/dist/snackbar.css-mistica.js +14 -14
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/square.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 +9 -9
- package/dist/switch-component.css-mistica.js +48 -42
- package/dist/switch-component.css.d.ts +2 -0
- package/dist/switch-component.js +18 -18
- package/dist/table.css-mistica.js +9 -9
- package/dist/tabs.css-mistica.js +22 -22
- package/dist/tag.css-mistica.js +3 -3
- package/dist/text-field-base.css-mistica.js +19 -19
- package/dist/text-field-components.css-mistica.js +10 -10
- package/dist/text-link.css-mistica.js +6 -6
- package/dist/text-tokens.d.ts +6 -0
- package/dist/text-tokens.js +157 -133
- package/dist/text.css-mistica.js +6 -6
- package/dist/timeline.css-mistica.js +11 -11
- package/dist/timer.css-mistica.js +6 -6
- package/dist/tooltip.css-mistica.js +2 -2
- package/dist/touchable.css-mistica.js +4 -4
- package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist/video.css-mistica.js +1 -1
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/dist-es/accordion.css-mistica.js +7 -7
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/autocomplete.css-mistica.js +2 -2
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/badge.css-mistica.js +1 -1
- package/dist-es/box.css-mistica.js +13 -13
- package/dist-es/boxed.css-mistica.js +23 -23
- package/dist-es/boxed.js +25 -25
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +16 -16
- package/dist-es/button.css-mistica.js +38 -38
- package/dist-es/callout.css-mistica.js +12 -12
- package/dist-es/card-internal.css-mistica.js +17 -17
- package/dist-es/carousel.css-mistica.js +10 -10
- package/dist-es/checkbox.css-mistica.js +13 -13
- package/dist-es/chip.css-mistica.js +17 -17
- package/dist-es/circle.css-mistica.js +2 -2
- package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
- package/dist-es/community/ai-card.css-mistica.js +4 -4
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +2 -2
- package/dist-es/community/skins/cyber-skin.js +19 -17
- package/dist-es/counter.css-mistica.js +2 -2
- 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/divider.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +2 -2
- 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 +7 -7
- package/dist-es/fade-in.css-mistica.js +1 -1
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/file-upload.css-mistica.js +8 -8
- package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
- package/dist-es/form.css-mistica.js +1 -1
- package/dist-es/generated/mistica-icons/icon-panel-collapse-regular.js +115 -0
- package/dist-es/generated/mistica-icons/icon-panel-expand-regular.js +109 -0
- package/dist-es/grid-layout.css-mistica.js +3 -3
- package/dist-es/grid.css-mistica.js +120 -120
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/hero.css-mistica.js +3 -3
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +53 -53
- 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/index.js +2279 -2276
- package/dist-es/inline.css-mistica.js +11 -11
- package/dist-es/list.css-mistica.js +8 -2
- package/dist-es/list.js +275 -264
- package/dist-es/loading-bar.css-mistica.js +1 -1
- package/dist-es/loading-screen.css-mistica.js +5 -5
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/menu.css-mistica.js +13 -13
- package/dist-es/mobile-navigation-menu.js +90 -0
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +11 -20
- package/dist-es/navigation-bar.js +469 -656
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/navigation-shared.css-mistica.js +11 -0
- package/dist-es/navigation-shared.js +192 -0
- package/dist-es/package-version.js +1 -1
- package/dist-es/pagination.css-mistica.js +19 -19
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +7 -7
- package/dist-es/radio-button.css-mistica.js +22 -22
- package/dist-es/rating.css-mistica.js +3 -3
- package/dist-es/responsive-layout.css-mistica.js +6 -6
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +18 -18
- 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/sidenav-bar-context.js +14 -0
- package/dist-es/sidenav-bar-data.js +12 -0
- package/dist-es/sidenav-bar-first-level-item.js +124 -0
- package/dist-es/sidenav-bar-keyboard.js +253 -0
- package/dist-es/sidenav-bar-layout.css-mistica.js +2 -0
- package/dist-es/sidenav-bar-layout.js +86 -0
- package/dist-es/sidenav-bar-mobile.js +277 -0
- package/dist-es/sidenav-bar-motion.js +26 -0
- package/dist-es/sidenav-bar-panel.js +146 -0
- package/dist-es/sidenav-bar-row.js +208 -0
- package/dist-es/sidenav-bar-second-level-item.js +72 -0
- package/dist-es/sidenav-bar-section.js +112 -0
- package/dist-es/sidenav-bar-types.js +2 -0
- package/dist-es/sidenav-bar.css-mistica.js +74 -0
- package/dist-es/sidenav-bar.js +429 -0
- package/dist-es/skeletons.css-mistica.js +7 -7
- package/dist-es/skins/blau.js +12 -8
- package/dist-es/skins/esimflag.js +13 -9
- package/dist-es/skins/movistar.js +13 -9
- package/dist-es/skins/o2.js +13 -9
- package/dist-es/skins/skin-contract.css-mistica.js +735 -731
- package/dist-es/skins/telefonica.js +13 -9
- package/dist-es/skins/vivo-evolution.js +14 -10
- package/dist-es/skins/vivo.js +13 -9
- package/dist-es/skip-link.css-mistica.js +2 -2
- package/dist-es/slider.css-mistica.js +20 -20
- package/dist-es/snackbar.css-mistica.js +5 -5
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/square.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/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +37 -37
- package/dist-es/switch-component.js +26 -26
- package/dist-es/table.css-mistica.js +9 -9
- package/dist-es/tabs.css-mistica.js +19 -19
- package/dist-es/tag.css-mistica.js +2 -2
- package/dist-es/text-field-base.css-mistica.js +17 -17
- package/dist-es/text-field-components.css-mistica.js +4 -4
- package/dist-es/text-link.css-mistica.js +6 -6
- package/dist-es/text-tokens.js +82 -67
- package/dist-es/text.css-mistica.js +6 -6
- package/dist-es/timeline.css-mistica.js +10 -10
- package/dist-es/timer.css-mistica.js +6 -6
- package/dist-es/tooltip.css-mistica.js +2 -2
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist-es/video.css-mistica.js +1 -1
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/package.json +2 -1
- package/src/boxed.css.ts +1 -0
- package/src/boxed.tsx +18 -5
- package/src/callout.css.ts +4 -2
- package/src/community/skins/cyber-skin.tsx +19 -16
- package/src/index.tsx +14 -0
- package/src/list.css.ts +36 -1
- package/src/list.tsx +370 -344
- package/src/mobile-navigation-menu.tsx +168 -0
- package/src/navigation-bar.css.ts +2 -267
- package/src/navigation-bar.tsx +77 -370
- package/src/navigation-shared.css.ts +289 -0
- package/src/navigation-shared.tsx +262 -0
- package/src/package-version.tsx +1 -1
- package/src/portal.tsx +1 -1
- package/src/sidenav-bar-context.tsx +41 -0
- package/src/sidenav-bar-data.ts +49 -0
- package/src/sidenav-bar-first-level-item.tsx +203 -0
- package/src/sidenav-bar-keyboard.tsx +393 -0
- package/src/sidenav-bar-layout.css.ts +89 -0
- package/src/sidenav-bar-layout.tsx +61 -0
- package/src/sidenav-bar-mobile.tsx +302 -0
- package/src/sidenav-bar-motion.tsx +70 -0
- package/src/sidenav-bar-panel.tsx +269 -0
- package/src/sidenav-bar-row.tsx +272 -0
- package/src/sidenav-bar-second-level-item.tsx +99 -0
- package/src/sidenav-bar-section.tsx +98 -0
- package/src/sidenav-bar-types.ts +224 -0
- package/src/sidenav-bar.css.ts +1018 -0
- package/src/sidenav-bar.tsx +821 -0
- package/src/skins/blau.tsx +12 -8
- package/src/skins/esimflag.tsx +13 -9
- package/src/skins/movistar.tsx +13 -9
- package/src/skins/o2.tsx +13 -9
- package/src/skins/skin-contract.css.ts +2 -0
- package/src/skins/telefonica.tsx +13 -9
- package/src/skins/types/colors.tsx +2 -0
- package/src/skins/vivo-evolution.tsx +14 -10
- package/src/skins/vivo.tsx +13 -9
- package/src/switch-component.css.ts +20 -0
- package/src/switch-component.tsx +9 -1
- package/src/text-tokens.tsx +24 -0
|
@@ -64,6 +64,8 @@ const e = {
|
|
|
64
64
|
backgroundContainerNegative: r(e.white, 0.1),
|
|
65
65
|
backgroundContainerBrandOverBrand: e.telefonicaBlue70,
|
|
66
66
|
backgroundContainerAlternative: e.grey1,
|
|
67
|
+
backgroundContainerAlternativeOverAlternative: e.white,
|
|
68
|
+
backgroundContainerAlternativeOverBrand: e.telefonicaBlue70,
|
|
67
69
|
backgroundBrand: e.telefonicaBlue,
|
|
68
70
|
backgroundNegative: e.grey9,
|
|
69
71
|
backgroundBrandSecondary: e.telefonicaBlue,
|
|
@@ -118,12 +120,12 @@ const e = {
|
|
|
118
120
|
buttonLinkBackgroundBrandPressed: r(e.white, 0.08),
|
|
119
121
|
buttonLinkBackgroundMediaPressed: r(e.white, 0.08),
|
|
120
122
|
buttonLinkNeutralBackgroundPressed: r(e.grey2, 0.4),
|
|
121
|
-
buttonLinkNeutralBackgroundBrand: e.white,
|
|
122
|
-
buttonLinkNeutralBackgroundBrandPressed: e.
|
|
123
|
-
buttonLinkNeutralBackgroundNegative: e.white,
|
|
124
|
-
buttonLinkNeutralBackgroundNegativePressed: e.
|
|
125
|
-
buttonLinkNeutralBackgroundMedia: e.white,
|
|
126
|
-
buttonLinkNeutralBackgroundMediaPressed: e.
|
|
123
|
+
buttonLinkNeutralBackgroundBrand: r(e.white, 0),
|
|
124
|
+
buttonLinkNeutralBackgroundBrandPressed: r(e.white, 0.08),
|
|
125
|
+
buttonLinkNeutralBackgroundNegative: r(e.white, 0),
|
|
126
|
+
buttonLinkNeutralBackgroundNegativePressed: r(e.white, 0.08),
|
|
127
|
+
buttonLinkNeutralBackgroundMedia: r(e.white, 0),
|
|
128
|
+
buttonLinkNeutralBackgroundMediaPressed: r(e.white, 0.08),
|
|
127
129
|
buttonPrimaryBackground: e.telefonicaBlue,
|
|
128
130
|
buttonPrimaryBackgroundInverse: e.white,
|
|
129
131
|
buttonPrimaryBackgroundNegative: e.white,
|
|
@@ -188,10 +190,10 @@ const e = {
|
|
|
188
190
|
textLinkDangerMedia: e.coral60,
|
|
189
191
|
textLinkSnackbar: e.telefonicaBlue30,
|
|
190
192
|
textLinkNeutral: e.grey9,
|
|
191
|
-
textLinkNeutralBrand: e.
|
|
192
|
-
textLinkNeutralNegative: e.
|
|
193
|
+
textLinkNeutralBrand: e.white,
|
|
194
|
+
textLinkNeutralNegative: e.white,
|
|
193
195
|
textLinkNeutralAlternative: e.grey9,
|
|
194
|
-
textLinkNeutralMedia: e.
|
|
196
|
+
textLinkNeutralMedia: e.white,
|
|
195
197
|
textActivated: e.telefonicaBlue70,
|
|
196
198
|
textBrand: e.telefonicaBlue70,
|
|
197
199
|
inputBorder: e.grey5,
|
|
@@ -383,6 +385,8 @@ const e = {
|
|
|
383
385
|
backgroundContainerNegative: e.darkModeGrey,
|
|
384
386
|
backgroundContainerBrandOverBrand: e.darkModeGrey,
|
|
385
387
|
backgroundContainerAlternative: e.darkModeGrey,
|
|
388
|
+
backgroundContainerAlternativeOverAlternative: e.darkModeGrey,
|
|
389
|
+
backgroundContainerAlternativeOverBrand: e.darkModeGrey,
|
|
386
390
|
backgroundOverlay: r(e.darkModeGrey, 0.8),
|
|
387
391
|
backgroundSkeleton: e.grey8,
|
|
388
392
|
backgroundSkeletonInverse: e.grey8,
|
|
@@ -109,6 +109,8 @@ const e = {
|
|
|
109
109
|
backgroundContainerNegative: r(e.vivoNeutral950, 0.4),
|
|
110
110
|
backgroundContainerBrandOverBrand: e.vivoPurple650,
|
|
111
111
|
backgroundContainerAlternative: e.vivoNeutral25,
|
|
112
|
+
backgroundContainerAlternativeOverAlternative: e.vivoNeutral150,
|
|
113
|
+
backgroundContainerAlternativeOverBrand: e.vivoPurple800,
|
|
112
114
|
backgroundOverlay: r(e.vivoNeutral975, 0.6),
|
|
113
115
|
backgroundSkeleton: e.vivoNeutral200,
|
|
114
116
|
backgroundSkeletonInverse: e.vivoPurple900,
|
|
@@ -151,12 +153,12 @@ const e = {
|
|
|
151
153
|
buttonLinkBackgroundBrandPressed: r(e.vivoNeutral0, 0.1),
|
|
152
154
|
buttonLinkBackgroundMediaPressed: r(e.vivoNeutral0, 0.1),
|
|
153
155
|
buttonLinkNeutralBackgroundPressed: e.vivoNeutral100,
|
|
154
|
-
buttonLinkNeutralBackgroundBrand: e.vivoNeutral0,
|
|
155
|
-
buttonLinkNeutralBackgroundBrandPressed: e.
|
|
156
|
-
buttonLinkNeutralBackgroundNegative: e.vivoNeutral0,
|
|
157
|
-
buttonLinkNeutralBackgroundNegativePressed: e.
|
|
158
|
-
buttonLinkNeutralBackgroundMedia: e.vivoNeutral0,
|
|
159
|
-
buttonLinkNeutralBackgroundMediaPressed: e.
|
|
156
|
+
buttonLinkNeutralBackgroundBrand: r(e.vivoNeutral0, 0),
|
|
157
|
+
buttonLinkNeutralBackgroundBrandPressed: r(e.vivoNeutral0, 0.1),
|
|
158
|
+
buttonLinkNeutralBackgroundNegative: r(e.vivoNeutral0, 0),
|
|
159
|
+
buttonLinkNeutralBackgroundNegativePressed: r(e.vivoNeutral0, 0.1),
|
|
160
|
+
buttonLinkNeutralBackgroundMedia: r(e.vivoNeutral0, 0),
|
|
161
|
+
buttonLinkNeutralBackgroundMediaPressed: r(e.vivoNeutral0, 0.1),
|
|
160
162
|
buttonPrimaryBackground: e.vivoPurple700,
|
|
161
163
|
buttonPrimaryBackgroundInverse: e.vivoNeutral0,
|
|
162
164
|
buttonPrimaryBackgroundNegative: e.vivoNeutral0,
|
|
@@ -221,10 +223,10 @@ const e = {
|
|
|
221
223
|
textLinkDangerMedia: e.vivoPepper600,
|
|
222
224
|
textLinkSnackbar: e.vivoPurple100,
|
|
223
225
|
textLinkNeutral: e.vivoNeutral975,
|
|
224
|
-
textLinkNeutralBrand: e.
|
|
225
|
-
textLinkNeutralNegative: e.
|
|
226
|
+
textLinkNeutralBrand: e.vivoNeutral0,
|
|
227
|
+
textLinkNeutralNegative: e.vivoNeutral0,
|
|
226
228
|
textLinkNeutralAlternative: e.vivoNeutral975,
|
|
227
|
-
textLinkNeutralMedia: e.
|
|
229
|
+
textLinkNeutralMedia: e.vivoNeutral0,
|
|
228
230
|
textActivated: e.vivoPurple700,
|
|
229
231
|
textBrand: e.vivoPurple700,
|
|
230
232
|
inputBorder: e.vivoNeutral500,
|
|
@@ -416,6 +418,8 @@ const e = {
|
|
|
416
418
|
backgroundContainerNegative: e.vivoNeutral900,
|
|
417
419
|
backgroundContainerBrandOverBrand: e.vivoNeutral900,
|
|
418
420
|
backgroundContainerAlternative: e.vivoNeutral900,
|
|
421
|
+
backgroundContainerAlternativeOverAlternative: e.vivoNeutral150,
|
|
422
|
+
backgroundContainerAlternativeOverBrand: e.vivoPurple800,
|
|
419
423
|
backgroundOverlay: r(e.vivoNeutral900, 0.8),
|
|
420
424
|
backgroundSkeleton: e.vivoNeutral800,
|
|
421
425
|
backgroundSkeletonInverse: e.vivoNeutral800,
|
|
@@ -1192,7 +1196,7 @@ const e = {
|
|
|
1192
1196
|
}
|
|
1193
1197
|
},
|
|
1194
1198
|
responsiveLayoutMargin: {
|
|
1195
|
-
mobile:
|
|
1199
|
+
mobile: 16,
|
|
1196
1200
|
desktop: 48
|
|
1197
1201
|
}
|
|
1198
1202
|
}
|
package/dist-es/skins/vivo.js
CHANGED
|
@@ -65,6 +65,8 @@ const e = {
|
|
|
65
65
|
backgroundContainerNegative: r(e.darkModeBlack, 0.4),
|
|
66
66
|
backgroundContainerBrandOverBrand: e.vivoPurpleDark,
|
|
67
67
|
backgroundContainerAlternative: e.grey1,
|
|
68
|
+
backgroundContainerAlternativeOverAlternative: e.white,
|
|
69
|
+
backgroundContainerAlternativeOverBrand: e.vivoPurpleDark,
|
|
68
70
|
backgroundOverlay: r(e.grey6, 0.6),
|
|
69
71
|
backgroundSkeleton: e.grey3,
|
|
70
72
|
backgroundSkeletonInverse: e.vivoPurpleDark,
|
|
@@ -107,12 +109,12 @@ const e = {
|
|
|
107
109
|
buttonLinkBackgroundBrandPressed: r(e.white, 0.1),
|
|
108
110
|
buttonLinkBackgroundMediaPressed: r(e.white, 0.1),
|
|
109
111
|
buttonLinkNeutralBackgroundPressed: e.grey2,
|
|
110
|
-
buttonLinkNeutralBackgroundBrand: e.white,
|
|
111
|
-
buttonLinkNeutralBackgroundBrandPressed: e.
|
|
112
|
-
buttonLinkNeutralBackgroundNegative: e.white,
|
|
113
|
-
buttonLinkNeutralBackgroundNegativePressed: e.
|
|
114
|
-
buttonLinkNeutralBackgroundMedia: e.white,
|
|
115
|
-
buttonLinkNeutralBackgroundMediaPressed: e.
|
|
112
|
+
buttonLinkNeutralBackgroundBrand: r(e.white, 0),
|
|
113
|
+
buttonLinkNeutralBackgroundBrandPressed: r(e.white, 0.1),
|
|
114
|
+
buttonLinkNeutralBackgroundNegative: r(e.white, 0),
|
|
115
|
+
buttonLinkNeutralBackgroundNegativePressed: r(e.white, 0.1),
|
|
116
|
+
buttonLinkNeutralBackgroundMedia: r(e.white, 0),
|
|
117
|
+
buttonLinkNeutralBackgroundMediaPressed: r(e.white, 0.1),
|
|
116
118
|
buttonPrimaryBackground: e.vivoPurple,
|
|
117
119
|
buttonPrimaryBackgroundInverse: e.white,
|
|
118
120
|
buttonPrimaryBackgroundNegative: e.white,
|
|
@@ -177,10 +179,10 @@ const e = {
|
|
|
177
179
|
textLinkDangerMedia: e.pepper,
|
|
178
180
|
textLinkSnackbar: e.vivoPurpleLight20,
|
|
179
181
|
textLinkNeutral: e.grey6,
|
|
180
|
-
textLinkNeutralBrand: e.
|
|
181
|
-
textLinkNeutralNegative: e.
|
|
182
|
+
textLinkNeutralBrand: e.white,
|
|
183
|
+
textLinkNeutralNegative: e.white,
|
|
182
184
|
textLinkNeutralAlternative: e.grey6,
|
|
183
|
-
textLinkNeutralMedia: e.
|
|
185
|
+
textLinkNeutralMedia: e.white,
|
|
184
186
|
textActivated: e.vivoPurple,
|
|
185
187
|
textBrand: e.vivoPurple,
|
|
186
188
|
inputBorder: e.grey4,
|
|
@@ -372,6 +374,8 @@ const e = {
|
|
|
372
374
|
backgroundContainerNegative: e.darkModeGrey,
|
|
373
375
|
backgroundContainerBrandOverBrand: e.darkModeGrey,
|
|
374
376
|
backgroundContainerAlternative: e.darkModeGrey,
|
|
377
|
+
backgroundContainerAlternativeOverAlternative: e.darkModeGrey,
|
|
378
|
+
backgroundContainerAlternativeOverBrand: e.darkModeGrey,
|
|
375
379
|
backgroundOverlay: r(e.darkModeGrey, 0.8),
|
|
376
380
|
backgroundSkeleton: e.darkModeGrey6,
|
|
377
381
|
backgroundSkeletonInverse: e.darkModeGrey6,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ /* empty css */ var f = "
|
|
2
|
-
export { f as skipLinkContainer,
|
|
1
|
+
/* empty css */ /* empty css */ /* empty css */ var f = "v17_4_13pf4ld1 v17_4_13pf4ld0 v17_4_1y2v1nfhg v17_4_1y2v1nfip v17_4_1y2v1nfjy v17_4_1y2v1nfl7 v17_4_1y2v1nf8z v17_4_1y2v1nftv v17_4_1y2v1nfu6 v17_4_1y2v1nfr9 v17_4_1y2v1nfuo v17_4_1y2v1nfv3", y = "v17_4_13pf4ld2";
|
|
2
|
+
export { f as skipLinkContainer, y as skipLinkList };
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
default: "
|
|
3
|
-
alternative: "
|
|
4
|
-
brand: "
|
|
5
|
-
media: "
|
|
6
|
-
negative: "
|
|
7
|
-
}, f = "
|
|
8
|
-
default: "
|
|
9
|
-
alternative: "
|
|
10
|
-
brand: "
|
|
11
|
-
media: "
|
|
12
|
-
negative: "
|
|
13
|
-
},
|
|
14
|
-
default: "
|
|
15
|
-
alternative: "
|
|
16
|
-
brand: "
|
|
17
|
-
media: "
|
|
18
|
-
negative: "
|
|
19
|
-
}, a = "
|
|
20
|
-
export {
|
|
1
|
+
/* empty css */ /* empty css */ var n = "v17_4_1j1wlhk1 v17_4_1j1wlhk0 v17_4_1y2v1nfs1 v17_4_1y2v1nfr8 v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfuh", l = "v17_4_1j1wlhk2", h = "v17_4_1j1wlhk3 v17_4_1y2v1nfs1 v17_4_1y2v1nfsl v17_4_1y2v1nfuc", k = "v17_4_1j1wlhk5 v17_4_1j1wlhk4 v17_4_1y2v1nfr9 v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfrn", y = {
|
|
2
|
+
default: "v17_4_1j1wlhkd v17_4_1j1wlhk7 v17_4_1j1wlhk6 v17_4_1y2v1nfs9 v17_4_1y2v1nfsp v17_4_1y2v1nfty v17_4_1j1wlhk8 v17_4_1y2v1nfcv",
|
|
3
|
+
alternative: "v17_4_1j1wlhke v17_4_1j1wlhk7 v17_4_1j1wlhk6 v17_4_1y2v1nfs9 v17_4_1y2v1nfsp v17_4_1y2v1nfty v17_4_1j1wlhk9 v17_4_1y2v1nfcv",
|
|
4
|
+
brand: "v17_4_1j1wlhkf v17_4_1j1wlhk7 v17_4_1j1wlhk6 v17_4_1y2v1nfs9 v17_4_1y2v1nfsp v17_4_1y2v1nfty v17_4_1j1wlhka v17_4_1y2v1nfd1",
|
|
5
|
+
media: "v17_4_1j1wlhkg v17_4_1j1wlhk7 v17_4_1j1wlhk6 v17_4_1y2v1nfs9 v17_4_1y2v1nfsp v17_4_1y2v1nfty v17_4_1j1wlhkb v17_4_1y2v1nfd1",
|
|
6
|
+
negative: "v17_4_1j1wlhkh v17_4_1j1wlhk7 v17_4_1j1wlhk6 v17_4_1y2v1nfs9 v17_4_1y2v1nfsp v17_4_1y2v1nfty v17_4_1j1wlhkc v17_4_1y2v1nfd0"
|
|
7
|
+
}, f = "v17_4_1j1wlhkj v17_4_1j1wlhki v17_4_1y2v1nfdg v17_4_1y2v1nfty", j = {
|
|
8
|
+
default: "v17_4_1j1wlhkk",
|
|
9
|
+
alternative: "v17_4_1j1wlhkl",
|
|
10
|
+
brand: "v17_4_1j1wlhkm",
|
|
11
|
+
media: "v17_4_1j1wlhkn",
|
|
12
|
+
negative: "v17_4_1j1wlhko"
|
|
13
|
+
}, w = {
|
|
14
|
+
default: "v17_4_1j1wlhkp",
|
|
15
|
+
alternative: "v17_4_1j1wlhkq",
|
|
16
|
+
brand: "v17_4_1j1wlhkr",
|
|
17
|
+
media: "v17_4_1j1wlhks",
|
|
18
|
+
negative: "v17_4_1j1wlhkt"
|
|
19
|
+
}, a = "v17_4_1j1wlhkv v17_4_1j1wlhku v17_4_1y2v1nfr9 v17_4_1y2v1nfuo";
|
|
20
|
+
export { n as container, y as defaultThumb, l as disabled, a as input, f as iosThumb, w as thumbActive, k as thumbContainer, j as thumbHover, h as track };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var n = 300, b = "
|
|
2
|
-
centered: "
|
|
3
|
-
topRight: "
|
|
4
|
-
},
|
|
5
|
-
export { n as TRANSITION_TIME_IN_MS,
|
|
1
|
+
/* empty css */ /* empty css */ var n = 300, b = "v17_4_o7bjb01 v17_4_o7bjb00 v17_4_1y2v1nfs1 v17_4_1y2v1nfre v17_4_1y2v1nfrn", r = "v17_4_o7bjb03 v17_4_o7bjb02 v17_4_1y2v1nfr8", o = "v17_4_o7bjb04", y = "v17_4_o7bjb06 v17_4_o7bjb05 v17_4_1y2v1nfra v17_4_1y2v1nfug", f = "v17_4_o7bjb07 v17_4_1y2v1nfdq", t = "v17_4_o7bjb08 v17_4_1y2v1nfdr", a = "v17_4_o7bjb09", j = "v17_4_o7bjb0c v17_4_o7bjb0a v17_4_1y2v1nfre v17_4_1y2v1nfrq v17_4_o7bjb0b v17_4_1y2v1nfrk", e = "v17_4_o7bjb0e v17_4_o7bjb0a v17_4_1y2v1nfre v17_4_1y2v1nfrq v17_4_o7bjb0d v17_4_1y2v1nfrj v17_4_1y2v1nfrt", i = "v17_4_o7bjb0g", p = "v17_4_o7bjb0h", s = "v17_4_o7bjb0i v17_4_1y2v1nfhd v17_4_1y2v1nfim v17_4_1y2v1nfjy v17_4_1y2v1nfl7 v17_4_1y2v1nftw v17_4_1y2v1nfh6", c = {
|
|
2
|
+
centered: "v17_4_o7bjb0l v17_4_o7bjb0j v17_4_1y2v1nfre v17_4_1y2v1nfr9 v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nfvl",
|
|
3
|
+
topRight: "v17_4_o7bjb0m v17_4_o7bjb0j v17_4_1y2v1nfre v17_4_1y2v1nfr9 v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nfvl v17_4_o7bjb0k v17_4_1y2v1nfur"
|
|
4
|
+
}, u = "v17_4_o7bjb0o v17_4_o7bjb0n v17_4_1y2v1nfsb v17_4_1y2v1nfsr v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nfty";
|
|
5
|
+
export { n as TRANSITION_TIME_IN_MS, i as button, s as buttonTouchable, j as contentWithLongButton, e as contentWithoutLongButton, c as dismissButton, u as dismissIcon, p as longButton, b as snackbar, r as snackbarContainer, o as snackbarOpen, y as wrapper, f as wrapperCritical, t as wrapperInfo, a as wrapperOpen };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var r = "
|
|
1
|
+
/* empty css */ /* empty css */ var r = "v17_4_1fthc594 v17_4_1fthc593 v17_4_1y2v1nfrw v17_4_1y2v1nfrg", n = "v17_4_1fthc595", t = "v17_4_1fthc596 v17_4_1y2v1nfrw v17_4_1y2v1nfrg", f = "v17_4_1fthc597";
|
|
2
2
|
export { r as spinnerDefault, n as spinnerDefaultPath, t as spinnerIos, f as spinnerIosSvgPath };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var r = "
|
|
1
|
+
/* empty css */ /* empty css */ var r = "v17_4_1vlkt4s1 v17_4_1vlkt4s0 v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfrn";
|
|
2
2
|
export { r as square };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* empty css */ var v = {
|
|
2
|
-
space: "var(--
|
|
3
|
-
spaceMobile: "var(--
|
|
4
|
-
spaceTablet: "var(--
|
|
5
|
-
spaceDesktop: "var(--
|
|
6
|
-
}, _ = "
|
|
2
|
+
space: "var(--v17_4_xjgm6d0)",
|
|
3
|
+
spaceMobile: "var(--v17_4_xjgm6d1)",
|
|
4
|
+
spaceTablet: "var(--v17_4_xjgm6d2)",
|
|
5
|
+
spaceDesktop: "var(--v17_4_xjgm6d3)"
|
|
6
|
+
}, _ = "v17_4_xjgm6d4", r = "v17_4_xjgm6d5";
|
|
7
7
|
export { r as flexStack, _ as marginStack, v as vars };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var r = "
|
|
1
|
+
/* empty css */ /* empty css */ var r = "v17_4_1y38nye1 v17_4_1y38nye0 v17_4_1y2v1nfre v17_4_1y2v1nfr8 v17_4_1y2v1nfrn v17_4_1y2v1nfrt";
|
|
2
2
|
export { r as moreItems };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ var r = {
|
|
2
|
-
stepperMinHeight: "var(--
|
|
3
|
-
}, n = "
|
|
4
|
-
export { t as bar, i as barFilled,
|
|
2
|
+
stepperMinHeight: "var(--v17_4_14h93mq0)"
|
|
3
|
+
}, n = "v17_4_14h93mq7 v17_4_14h93mq6 v17_4_1y2v1nfre v17_4_1y2v1nfrs v17_4_1y2v1nftl", m = "v17_4_14h93mq8 v17_4_1y2v1nfre v17_4_1y2v1nfrt", f = "v17_4_14h93mqa v17_4_14h93mq9 v17_4_1y2v1nfr8 v17_4_1y2v1nfrf v17_4_1y2v1nfrk v17_4_1y2v1nfrt", e = "v17_4_14h93mqc v17_4_14h93mqb v17_4_1y2v1nfr8 v17_4_1y2v1nfre", y = "v17_4_14h93mqd", a = "v17_4_14h93mqf v17_4_14h93mqe v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nfty", h = "v17_4_14h93mqg", q = "v17_4_14h93mqi v17_4_14h93mqh v17_4_1y2v1nfr9", t = "v17_4_14h93mql v17_4_14h93mqk v17_4_1y2v1nfsl v17_4_1y2v1nfs1 v17_4_1y2v1nfuc v17_4_1y2v1nfui", i = "v17_4_14h93mqn v17_4_14h93mqm v17_4_1y2v1nfsl v17_4_1y2v1nfs1 v17_4_1y2v1nfuc v17_4_1y2v1nfui", s = "v17_4_14h93mqo", l = "v17_4_14h93mqq v17_4_14h93mqp v17_4_1y2v1nfs3";
|
|
4
|
+
export { t as bar, i as barFilled, s as barFilledAnimation, l as barFilledReverseAnimation, h as currentNumber, y as iconAnimation, m as listItem, a as number, f as step, e as stepIconNumber, n as stepper, q as textContainer, r as vars };
|