@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
package/dist/switch-component.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");
|
|
@@ -118,34 +118,34 @@ function _object_spread_props(target, source) {
|
|
|
118
118
|
}
|
|
119
119
|
return target;
|
|
120
120
|
}
|
|
121
|
-
const
|
|
122
|
-
const { isIos:
|
|
121
|
+
const ne = (e)=>{
|
|
122
|
+
const { isIos: d, isDarkMode: k } = (0, _hooks.useTheme)(), n = (0, _themevariantcontext.useThemeVariant)(), g = _react.useId(), o = e["aria-labelledby"] || g, { defaultValue: V, value: r, onChange: s, focusableRef: C, disabled: a } = (0, _formcontext.useControlProps)({
|
|
123
123
|
name: e.name,
|
|
124
124
|
label: e["aria-label"],
|
|
125
125
|
value: e.checked,
|
|
126
126
|
defaultValue: e.defaultChecked,
|
|
127
127
|
onChange: e.onChange,
|
|
128
128
|
disabled: e.disabled
|
|
129
|
-
}), [l, N] = _react.useState(!!V), c = r !== null && r !== void 0 ? r : l, I = _react.useMemo(()=>process.env.NODE_ENV === "test" ? (t)=>
|
|
130
|
-
|
|
129
|
+
}), [l, N] = _react.useState(!!V), c = r !== null && r !== void 0 ? r : l, I = _react.useMemo(()=>process.env.NODE_ENV === "test" ? (t)=>s === null || s === void 0 ? void 0 : s(t) : (0, _helpers.debounce)((t)=>{
|
|
130
|
+
s === null || s === void 0 ? void 0 : s(t);
|
|
131
131
|
}, 300), [
|
|
132
|
-
|
|
133
|
-
]),
|
|
134
|
-
r !== void 0 ?
|
|
132
|
+
s
|
|
133
|
+
]), u = ()=>{
|
|
134
|
+
r !== void 0 ? s === null || s === void 0 ? void 0 : s(!r) : (N(!l), I(!l));
|
|
135
135
|
}, x = (t)=>{
|
|
136
|
-
t.key === _keys.SPACE && (t.preventDefault(), t.stopPropagation(),
|
|
137
|
-
},
|
|
138
|
-
className: _switchcomponentcssmistica.checkboxVariants[
|
|
136
|
+
t.key === _keys.SPACE && (t.preventDefault(), t.stopPropagation(), u());
|
|
137
|
+
}, h = d ? c ? "checkedIos" : k ? "iosDark" : "ios" : c ? "checked" : "default", m = d ? c ? "checkedIos" : "ios" : c ? "checked" : "default", f = /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
138
|
+
className: _switchcomponentcssmistica.checkboxVariants[d ? a ? "disabledIos" : "ios" : a ? "disabled" : "default"],
|
|
139
139
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
140
|
-
className: _switchcomponentcssmistica.switchCheckboxContainerVariants[
|
|
140
|
+
className: _switchcomponentcssmistica.switchCheckboxContainerVariants[d ? "ios" : "default"],
|
|
141
141
|
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
142
142
|
className: _switchcomponentcssmistica.switchCheckboxLabel,
|
|
143
143
|
children: [
|
|
144
144
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
|
|
145
|
-
className: n === "brand" || n === "media" ? _switchcomponentcssmistica.overBrandBarVariants[
|
|
145
|
+
className: n === "brand" || n === "media" ? _switchcomponentcssmistica.overBrandBarVariants[h] : n === "negative" ? _switchcomponentcssmistica.overNegativeBarVariants[h] : _switchcomponentcssmistica.barVariants[h]
|
|
146
146
|
}),
|
|
147
147
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
|
|
148
|
-
className: n === "brand" || n === "media" ? _switchcomponentcssmistica.overBrandBallVariants[
|
|
148
|
+
className: n === "brand" || n === "media" ? _switchcomponentcssmistica.overBrandBallVariants[m] : n === "negative" ? _switchcomponentcssmistica.overNegativeBallVariants[m] : _switchcomponentcssmistica.ballVariants[m]
|
|
149
149
|
})
|
|
150
150
|
]
|
|
151
151
|
})
|
|
@@ -156,12 +156,12 @@ const te = (e)=>{
|
|
|
156
156
|
role: "switch",
|
|
157
157
|
"aria-checked": r !== null && r !== void 0 ? r : l,
|
|
158
158
|
onClick: (t)=>{
|
|
159
|
-
t.stopPropagation(), a ||
|
|
159
|
+
t.stopPropagation(), a || u();
|
|
160
160
|
},
|
|
161
161
|
onKeyDown: a ? void 0 : x,
|
|
162
162
|
tabIndex: a ? void 0 : 0,
|
|
163
163
|
ref: C,
|
|
164
|
-
className: a ? _switchcomponentcssmistica.containerDisabled : _switchcomponentcssmistica.container,
|
|
164
|
+
className: e.render ? a ? _switchcomponentcssmistica.containerDisabledFullWidth : _switchcomponentcssmistica.containerFullWidth : a ? _switchcomponentcssmistica.containerDisabled : _switchcomponentcssmistica.container,
|
|
165
165
|
"aria-disabled": a,
|
|
166
166
|
"aria-label": e["aria-label"],
|
|
167
167
|
"aria-labelledby": e["aria-label"] ? void 0 : o
|
|
@@ -170,7 +170,7 @@ const te = (e)=>{
|
|
|
170
170
|
}, e.dataAttributes))), {
|
|
171
171
|
children: e.render ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
|
|
172
172
|
children: e.render({
|
|
173
|
-
controlElement:
|
|
173
|
+
controlElement: f,
|
|
174
174
|
labelId: o,
|
|
175
175
|
disabled: !!a,
|
|
176
176
|
checked: r !== null && r !== void 0 ? r : l
|
|
@@ -180,7 +180,7 @@ const te = (e)=>{
|
|
|
180
180
|
alignItems: "center",
|
|
181
181
|
className: _switchcomponentcssmistica.interactiveArea,
|
|
182
182
|
children: [
|
|
183
|
-
|
|
183
|
+
f,
|
|
184
184
|
e.children && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
|
|
185
185
|
regular: !0,
|
|
186
186
|
as: "div",
|
|
@@ -71,12 +71,12 @@ _export(exports, {
|
|
|
71
71
|
}
|
|
72
72
|
});
|
|
73
73
|
/* empty css */ /* empty css */ /* empty css */ var e = {
|
|
74
|
-
maxHeight: "var(--
|
|
75
|
-
}, a = "
|
|
76
|
-
left: "
|
|
77
|
-
right: "
|
|
78
|
-
center: "
|
|
79
|
-
}, d = "
|
|
80
|
-
top: "
|
|
81
|
-
middle: "
|
|
82
|
-
}, p = "
|
|
74
|
+
maxHeight: "var(--v17_4_107ok880)"
|
|
75
|
+
}, a = "v17_4_107ok881", r = "v17_4_107ok882", l = "v17_4_107ok883", t = "v17_4_107ok884", k = "v17_4_107ok885", i = "v17_4_107ok886", s = {
|
|
76
|
+
left: "v17_4_107ok888 v17_4_107ok887",
|
|
77
|
+
right: "v17_4_107ok889 v17_4_107ok887",
|
|
78
|
+
center: "v17_4_107ok88a v17_4_107ok887"
|
|
79
|
+
}, d = "v17_4_107ok88b", n = "v17_4_107ok88c", c = {
|
|
80
|
+
top: "v17_4_107ok88d",
|
|
81
|
+
middle: "v17_4_107ok88e"
|
|
82
|
+
}, p = "v17_4_107ok88f", m = "v17_4_107ok88g", b = "v17_4_107ok88h", I = "v17_4_107ok88i", g = "v17_4_107ok88j", h = "v17_4_107ok88k", w = "v17_4_107ok88l", H = "v17_4_107ok88m", x = "v17_4_107ok88n";
|
package/dist/tabs.css-mistica.js
CHANGED
|
@@ -19,16 +19,16 @@ _export(exports, {
|
|
|
19
19
|
return o;
|
|
20
20
|
},
|
|
21
21
|
get outer () {
|
|
22
|
-
return
|
|
22
|
+
return l;
|
|
23
23
|
},
|
|
24
24
|
get outerBorder () {
|
|
25
|
-
return
|
|
25
|
+
return n;
|
|
26
26
|
},
|
|
27
27
|
get tabHover () {
|
|
28
|
-
return
|
|
28
|
+
return m;
|
|
29
29
|
},
|
|
30
30
|
get tabSelectionVariants () {
|
|
31
|
-
return
|
|
31
|
+
return r;
|
|
32
32
|
},
|
|
33
33
|
get tabVariants () {
|
|
34
34
|
return g;
|
|
@@ -41,22 +41,22 @@ _export(exports, {
|
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
43
|
/* empty css */ /* empty css */ var f = {
|
|
44
|
-
borderColor: "var(--
|
|
45
|
-
},
|
|
46
|
-
default: "
|
|
47
|
-
fullWidth: "
|
|
48
|
-
}, r = {
|
|
49
|
-
default: "v17_3_lgofm1d v17_3_lgofm1a",
|
|
50
|
-
brand: "v17_3_lgofm1e v17_3_lgofm1b",
|
|
51
|
-
negative: "v17_3_lgofm1f v17_3_lgofm1c"
|
|
44
|
+
borderColor: "var(--v17_4_lgofm10)"
|
|
45
|
+
}, n = "v17_4_lgofm11", l = "v17_4_lgofm13 v17_4_lgofm12 v17_4_1y2v1nftp v17_4_1y2v1nfs1 v17_4_1y2v1nfr8", o = "v17_4_lgofm14", e = "v17_4_lgofm15 v17_4_1y2v1nftp v17_4_1y2v1nfs1 v17_4_1y2v1nfre", g = {
|
|
46
|
+
default: "v17_4_lgofm18 v17_4_lgofm17 v17_4_lgofm16 v17_4_1y2v1nfk4 v17_4_1y2v1nfld v17_4_1y2v1nfrf v17_4_1y2v1nfrw v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nftd v17_4_1y2v1nftp v17_4_1y2v1nfh6",
|
|
47
|
+
fullWidth: "v17_4_lgofm19 v17_4_lgofm17 v17_4_lgofm16 v17_4_1y2v1nfk4 v17_4_1y2v1nfld v17_4_1y2v1nfrf v17_4_1y2v1nfrw v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1y2v1nftd v17_4_1y2v1nftp v17_4_1y2v1nfh6"
|
|
52
48
|
}, m = {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
49
|
+
default: "v17_4_lgofm1d v17_4_lgofm1a",
|
|
50
|
+
brand: "v17_4_lgofm1e v17_4_lgofm1b",
|
|
51
|
+
negative: "v17_4_lgofm1f v17_4_lgofm1c"
|
|
52
|
+
}, r = {
|
|
53
|
+
noSelected: "v17_4_lgofm1p v17_4_lgofm1g v17_4_1y2v1nf5p",
|
|
54
|
+
noSelectedBrand: "v17_4_lgofm1q v17_4_lgofm1h v17_4_1y2v1nf5s",
|
|
55
|
+
noSelectedNegative: "v17_4_lgofm1r v17_4_lgofm1i v17_4_1y2v1nf5r",
|
|
56
|
+
selected: "v17_4_lgofm1s v17_4_lgofm1j",
|
|
57
|
+
selectedBrand: "v17_4_lgofm1t v17_4_lgofm1k",
|
|
58
|
+
selectedNegative: "v17_4_lgofm1u v17_4_lgofm1l",
|
|
59
|
+
selectedAnimating: "v17_4_lgofm1v v17_4_lgofm1m",
|
|
60
|
+
selectedAnimatingBrand: "v17_4_lgofm1w v17_4_lgofm1n",
|
|
61
|
+
selectedAnimatingNegative: "v17_4_lgofm1x v17_4_lgofm1o"
|
|
62
|
+
}, t = "v17_4_lgofm1y", a = "v17_4_lgofm1z v17_4_1y2v1nfrd v17_4_1y2v1nfr9 v17_4_1y2v1nfv3 v17_4_1y2v1nfvx v17_4_1y2v1nfsk";
|
package/dist/tag.css-mistica.js
CHANGED
|
@@ -10,10 +10,10 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get badge () {
|
|
13
|
-
return
|
|
13
|
+
return r;
|
|
14
14
|
},
|
|
15
15
|
get icon () {
|
|
16
|
-
return
|
|
16
|
+
return n;
|
|
17
17
|
},
|
|
18
18
|
get smallTag () {
|
|
19
19
|
return f;
|
|
@@ -22,4 +22,4 @@ _export(exports, {
|
|
|
22
22
|
return y;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
|
-
/* empty css */ /* empty css */ var y = "
|
|
25
|
+
/* empty css */ /* empty css */ var y = "v17_4_1wy08673 v17_4_1wy08671 v17_4_1wy08670 v17_4_1y2v1nfrf v17_4_1y2v1nfrj v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1wy08672 v17_4_1y2v1nfta", f = "v17_4_1wy08675 v17_4_1wy08671 v17_4_1wy08670 v17_4_1y2v1nfrf v17_4_1y2v1nfrj v17_4_1y2v1nfrt v17_4_1y2v1nfrn v17_4_1wy08674 v17_4_1y2v1nfha v17_4_1y2v1nfij v17_4_1y2v1nft8", n = "v17_4_1wy08676 v17_4_1y2v1nfrg", r = "v17_4_1wy08677 v17_4_1y2v1nfrf v17_4_1y2v1nfjv";
|
|
@@ -13,10 +13,10 @@ _export(exports, {
|
|
|
13
13
|
return f;
|
|
14
14
|
},
|
|
15
15
|
get endIconContainer () {
|
|
16
|
-
return
|
|
16
|
+
return u;
|
|
17
17
|
},
|
|
18
18
|
get endIconPlaceholder () {
|
|
19
|
-
return
|
|
19
|
+
return x;
|
|
20
20
|
},
|
|
21
21
|
get fieldElementsGap () {
|
|
22
22
|
return a;
|
|
@@ -79,22 +79,22 @@ _export(exports, {
|
|
|
79
79
|
return b;
|
|
80
80
|
},
|
|
81
81
|
get textAreaWithoutLabel () {
|
|
82
|
-
return
|
|
82
|
+
return m;
|
|
83
83
|
}
|
|
84
84
|
});
|
|
85
|
-
/* empty css */ /* empty css */ /* empty css */ var r = "calc(var(--
|
|
86
|
-
mobileFontSize: "var(--
|
|
87
|
-
desktopFontSize: "var(--
|
|
88
|
-
mobileLineHeight: "var(--
|
|
89
|
-
desktopLineHeight: "var(--
|
|
90
|
-
shrinkedLabelMobileFontSize: "var(--
|
|
91
|
-
shrinkedLabelDesktopFontSize: "var(--
|
|
92
|
-
shrinkedLabelMobileLineHeight: "var(--
|
|
93
|
-
shrinkedLabelDesktopLineHeight: "var(--
|
|
94
|
-
helperTextMobileFontSize: "var(--
|
|
95
|
-
helperTextDesktopFontSize: "var(--
|
|
96
|
-
helperTextMobileLineHeight: "var(--
|
|
97
|
-
helperTextDesktopLineHeight: "var(--
|
|
98
|
-
labelScaleDesktop: "var(--
|
|
99
|
-
labelScaleMobile: "var(--
|
|
100
|
-
}, i = "
|
|
85
|
+
/* empty css */ /* empty css */ /* empty css */ var r = "calc(var(--v17_4_1vqcj1ijw) - 1px)", t = "calc(var(--v17_4_1vqcj1ijx) - 1px)", a = 12, y = 4, h = "calc(1.5rem + 24px)", n = {
|
|
86
|
+
mobileFontSize: "var(--v17_4_rhey4t0)",
|
|
87
|
+
desktopFontSize: "var(--v17_4_rhey4t1)",
|
|
88
|
+
mobileLineHeight: "var(--v17_4_rhey4t2)",
|
|
89
|
+
desktopLineHeight: "var(--v17_4_rhey4t3)",
|
|
90
|
+
shrinkedLabelMobileFontSize: "var(--v17_4_rhey4t4)",
|
|
91
|
+
shrinkedLabelDesktopFontSize: "var(--v17_4_rhey4t5)",
|
|
92
|
+
shrinkedLabelMobileLineHeight: "var(--v17_4_rhey4t6)",
|
|
93
|
+
shrinkedLabelDesktopLineHeight: "var(--v17_4_rhey4t7)",
|
|
94
|
+
helperTextMobileFontSize: "var(--v17_4_rhey4t8)",
|
|
95
|
+
helperTextDesktopFontSize: "var(--v17_4_rhey4t9)",
|
|
96
|
+
helperTextMobileLineHeight: "var(--v17_4_rhey4ta)",
|
|
97
|
+
helperTextDesktopLineHeight: "var(--v17_4_rhey4tb)",
|
|
98
|
+
labelScaleDesktop: "var(--v17_4_rhey4tc)",
|
|
99
|
+
labelScaleMobile: "var(--v17_4_rhey4td)"
|
|
100
|
+
}, i = "v17_4_rhey4ti", l = "v17_4_rhey4tk v17_4_rhey4tj v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_rhey4tf v17_4_rhey4te v17_4_1y2v1nftw v17_4_1y2v1nfsz v17_4_1y2v1nf5k v17_4_1y2v1nfs1", o = "v17_4_rhey4tl", f = "v17_4_rhey4tm", p = "v17_4_rhey4to v17_4_rhey4tn v17_4_1y2v1nfr8 v17_4_rhey4tf v17_4_rhey4te v17_4_1y2v1nftw v17_4_1y2v1nfsz v17_4_1y2v1nf5k v17_4_1y2v1nfs1", d = "v17_4_rhey4tp", s = "v17_4_rhey4tq", c = "v17_4_rhey4tr", b = "v17_4_rhey4ts", m = "v17_4_rhey4tt", u = "v17_4_rhey4tv v17_4_rhey4tu v17_4_1y2v1nfjv v17_4_1y2v1nfre v17_4_1y2v1nfrt", x = "v17_4_rhey4tw", L = "v17_4_rhey4ty v17_4_rhey4tx v17_4_1y2v1nfla v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfsi v17_4_1y2v1nfr9", k = "v17_4_rhey4t10 v17_4_rhey4tz v17_4_1y2v1nfla", g = "v17_4_rhey4t12 v17_4_rhey4t11 v17_4_1y2v1nfre v17_4_1y2v1nfrt", S = "v17_4_rhey4t14 v17_4_rhey4t12 v17_4_rhey4t11 v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_rhey4t13 v17_4_1y2v1nfuh", z = "v17_4_rhey4t15", D = "v17_4_rhey4t17 v17_4_rhey4t16 v17_4_1y2v1nfr9";
|
|
@@ -10,10 +10,10 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get DEFAULT_WIDTH () {
|
|
13
|
-
return
|
|
13
|
+
return e;
|
|
14
14
|
},
|
|
15
15
|
get background () {
|
|
16
|
-
return
|
|
16
|
+
return s;
|
|
17
17
|
},
|
|
18
18
|
get disabled () {
|
|
19
19
|
return l;
|
|
@@ -40,28 +40,28 @@ _export(exports, {
|
|
|
40
40
|
return u;
|
|
41
41
|
},
|
|
42
42
|
get labelInner () {
|
|
43
|
-
return
|
|
43
|
+
return k;
|
|
44
44
|
},
|
|
45
45
|
get labelText () {
|
|
46
|
-
return
|
|
46
|
+
return a;
|
|
47
47
|
},
|
|
48
48
|
get leftHelperText () {
|
|
49
|
-
return
|
|
49
|
+
return h;
|
|
50
50
|
},
|
|
51
51
|
get normalWidth () {
|
|
52
52
|
return t;
|
|
53
53
|
},
|
|
54
54
|
get rightHelperText () {
|
|
55
|
-
return
|
|
55
|
+
return x;
|
|
56
56
|
},
|
|
57
57
|
get shrinked () {
|
|
58
|
-
return
|
|
58
|
+
return f;
|
|
59
59
|
},
|
|
60
60
|
get warnIcon () {
|
|
61
61
|
return m;
|
|
62
62
|
}
|
|
63
63
|
});
|
|
64
|
-
/* empty css */ /* empty css */ /* empty css */ /* empty css */ var
|
|
65
|
-
default: "
|
|
66
|
-
readOnly: "
|
|
64
|
+
/* empty css */ /* empty css */ /* empty css */ /* empty css */ var e = 328, u = "v17_4_15k6ur91 v17_4_15k6ur90 v17_4_1y2v1nfr9 v17_4_1y2v1nfre", k = "v17_4_15k6ur92 v17_4_1y2v1nfre v17_4_1y2v1nfrj v17_4_1y2v1nfui v17_4_1y2v1nfs1", a = "v17_4_15k6ur94 v17_4_15k6ur93 v17_4_1y2v1nfui v17_4_1y2v1nfrx", f = "v17_4_15k6ur95", y = "v17_4_15k6ur97 v17_4_15k6ur96 v17_4_1y2v1nfre v17_4_1y2v1nfrk", l = "v17_4_15k6ur98", t = "v17_4_15k6ur9a v17_4_15k6ur99 v17_4_1y2v1nfs1", i = "v17_4_15k6ur9b v17_4_1y2v1nfs1", d = "v17_4_15k6ur9c", o = "v17_4_15k6ur9f v17_4_15k6ur9e v17_4_1y2v1nftx v17_4_1y2v1nfre v17_4_1y2v1nfu5 v17_4_1y2v1nfr8 v17_4_15k6ur9d", p = "v17_4_15k6ur9h v17_4_15k6ur9g v17_4_1y2v1nfre", h = "v17_4_15k6ur9j v17_4_15k6ur9i v17_4_1y2v1nfre", x = "v17_4_15k6ur9k v17_4_1y2v1nfk4", b = "v17_4_15k6ur9l v17_4_1y2v1nfrz v17_4_1y2v1nfhd", m = "v17_4_15k6ur9m", s = {
|
|
65
|
+
default: "v17_4_15k6ur9p v17_4_15k6ur9n v17_4_1y2v1nf8z",
|
|
66
|
+
readOnly: "v17_4_15k6ur9q v17_4_15k6ur9o v17_4_1y2v1nfe3"
|
|
67
67
|
};
|
|
@@ -17,11 +17,11 @@ _export(exports, {
|
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
/* empty css */ /* empty css */ var n = {
|
|
20
|
-
underlineAlways: "
|
|
21
|
-
underlineOnHover: "
|
|
20
|
+
underlineAlways: "v17_4_1m1n0pr2",
|
|
21
|
+
underlineOnHover: "v17_4_1m1n0pr3"
|
|
22
22
|
}, r = {
|
|
23
|
-
default: "
|
|
24
|
-
brand: "
|
|
25
|
-
negative: "
|
|
26
|
-
media: "
|
|
23
|
+
default: "v17_4_1m1n0pr8 v17_4_1m1n0pr1 v17_4_1m1n0pr0 v17_4_1y2v1nfs2 v17_4_1y2v1nfrh v17_4_1y2v1nfuh v17_4_1m1n0pr4 v17_4_1y2v1nf3m",
|
|
24
|
+
brand: "v17_4_1m1n0pr9 v17_4_1m1n0pr1 v17_4_1m1n0pr0 v17_4_1y2v1nfs2 v17_4_1y2v1nfrh v17_4_1y2v1nfuh v17_4_1m1n0pr5 v17_4_1y2v1nf3p",
|
|
25
|
+
negative: "v17_4_1m1n0pra v17_4_1m1n0pr1 v17_4_1m1n0pr0 v17_4_1y2v1nfs2 v17_4_1y2v1nfrh v17_4_1y2v1nfuh v17_4_1m1n0pr6 v17_4_1y2v1nf3o",
|
|
26
|
+
media: "v17_4_1m1n0prb v17_4_1m1n0pr1 v17_4_1m1n0pr0 v17_4_1y2v1nfs2 v17_4_1y2v1nfrh v17_4_1y2v1nfuh v17_4_1m1n0pr7 v17_4_1y2v1nf3q"
|
|
27
27
|
};
|
package/dist/text-tokens.d.ts
CHANGED
|
@@ -36,6 +36,9 @@ export type Dictionary = {
|
|
|
36
36
|
mainNavigationBarOpenSectionMenu: string;
|
|
37
37
|
mainNavigationBarSectionSeeAll: string;
|
|
38
38
|
backNavigationBar: string;
|
|
39
|
+
sidenavExpand: string;
|
|
40
|
+
sidenavCollapse: string;
|
|
41
|
+
sidenavLandmark: string;
|
|
39
42
|
clearButton: string;
|
|
40
43
|
carouselRegion: string;
|
|
41
44
|
carouselPauseAutoplay: string;
|
|
@@ -130,6 +133,9 @@ export declare const closeNavigationMenu: TextToken;
|
|
|
130
133
|
export declare const mainNavigationBarOpenSectionMenu: TextToken;
|
|
131
134
|
export declare const mainNavigationBarSectionSeeAll: TextToken;
|
|
132
135
|
export declare const backNavigationBar: TextToken;
|
|
136
|
+
export declare const sidenavExpand: TextToken;
|
|
137
|
+
export declare const sidenavCollapse: TextToken;
|
|
138
|
+
export declare const sidenavLandmark: TextToken;
|
|
133
139
|
export declare const clearButton: TextToken;
|
|
134
140
|
export declare const carouselRegion: TextToken;
|
|
135
141
|
export declare const carouselPauseAutoplay: TextToken;
|