@telefonica/mistica 16.61.0 → 16.62.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/mistica.css +1 -1
- package/dist/accordion.css-mistica.js +16 -16
- package/dist/align.css-mistica.js +2 -2
- package/dist/autocomplete.css-mistica.js +6 -6
- package/dist/avatar.css-mistica.js +3 -3
- package/dist/badge.css-mistica.js +7 -7
- package/dist/box.css-mistica.js +15 -15
- package/dist/boxed.css-mistica.js +31 -31
- package/dist/button-group.css-mistica.js +10 -10
- package/dist/button-layout.css-mistica.js +21 -21
- package/dist/button.css-mistica.js +51 -51
- package/dist/callout.css-mistica.js +16 -16
- package/dist/card-internal.css-mistica.js +38 -38
- package/dist/carousel.css-mistica.js +18 -18
- package/dist/checkbox.css-mistica.js +21 -21
- package/dist/chip.css-mistica.js +30 -30
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +26 -26
- package/dist/community/blocks.css-mistica.js +3 -3
- package/dist/community/example-component.css-mistica.js +2 -2
- package/dist/counter.css-mistica.js +12 -12
- package/dist/cover-hero.css-mistica.js +16 -16
- package/dist/credit-card-number-field.css-mistica.js +6 -6
- package/dist/date-field.css-mistica.js +1 -1
- package/dist/date-time-picker.css-mistica.js +2 -2
- package/dist/dialog.css-mistica.js +15 -15
- package/dist/divider.css-mistica.js +5 -5
- package/dist/double-field.css-mistica.js +4 -4
- package/dist/drawer.css-mistica.js +15 -15
- package/dist/empty-state-card.css-mistica.js +4 -4
- package/dist/empty-state.css-mistica.js +14 -14
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +14 -14
- package/dist/file-upload.css-mistica.js +14 -14
- package/dist/fixed-footer-layout.css-mistica.js +12 -12
- package/dist/form.css-mistica.js +2 -2
- package/dist/grid-layout.css-mistica.js +9 -9
- package/dist/grid.css-mistica.js +147 -147
- package/dist/header.css-mistica.js +5 -5
- package/dist/hero.css-mistica.js +11 -11
- package/dist/horizontal-scroll.css-mistica.js +3 -3
- package/dist/icon-button.css-mistica.js +66 -66
- package/dist/icons/icon-chevron.css-mistica.js +6 -6
- package/dist/icons/icon-error.css-mistica.js +3 -3
- package/dist/image.css-mistica.js +11 -11
- package/dist/inline.css-mistica.js +16 -16
- package/dist/list.css-mistica.js +15 -15
- package/dist/loading-bar.css-mistica.js +5 -5
- package/dist/loading-screen.css-mistica.js +15 -15
- package/dist/logo.css-mistica.js +9 -9
- package/dist/menu.css-mistica.js +24 -24
- package/dist/mosaic.css-mistica.js +3 -3
- package/dist/navigation-bar.css-mistica.js +45 -45
- package/dist/navigation-breadcrumbs.css-mistica.js +5 -5
- package/dist/package-version.js +2 -2
- package/dist/pin-field.css-mistica.js +10 -10
- package/dist/popover.css-mistica.js +2 -2
- package/dist/progress-bar.css-mistica.js +12 -12
- package/dist/radio-button.css-mistica.js +33 -33
- package/dist/rating.css-mistica.js +12 -12
- package/dist/responsive-layout.css-mistica.js +20 -20
- package/dist/screen-reader-only.css-mistica.js +2 -2
- package/dist/select.css-mistica.js +29 -29
- package/dist/sheet-action-row.css-mistica.js +2 -2
- package/dist/sheet-common.css-mistica.js +16 -16
- package/dist/sheet-info.css-mistica.js +4 -4
- package/dist/skeletons.css-mistica.js +12 -12
- package/dist/skins/skin-contract.css-mistica.js +686 -686
- package/dist/skip-link.css-mistica.js +3 -3
- package/dist/slider.css-mistica.js +28 -28
- package/dist/snackbar.css-mistica.js +16 -16
- package/dist/spinner.css-mistica.js +5 -5
- package/dist/square.css-mistica.js +2 -2
- package/dist/stack.css-mistica.js +9 -9
- package/dist/stacking-group.css-mistica.js +2 -2
- package/dist/stepper.css-mistica.js +16 -16
- package/dist/switch-component.css-mistica.js +53 -53
- package/dist/table.css-mistica.js +24 -24
- package/dist/tabs.css-mistica.js +30 -30
- package/dist/tag.css-mistica.js +5 -5
- package/dist/text-field-base.css-mistica.js +30 -30
- package/dist/text-field-components.css-mistica.js +19 -19
- package/dist/text-link.css-mistica.js +10 -10
- package/dist/text.css-mistica.js +13 -13
- package/dist/theme-context.css-mistica.js +2 -2
- package/dist/timeline.css-mistica.js +18 -18
- package/dist/timer.css-mistica.js +13 -13
- package/dist/tooltip.css-mistica.js +12 -12
- package/dist/touchable.css-mistica.js +5 -5
- package/dist/utils/aspect-ratio-support.css-mistica.js +7 -7
- package/dist/video.css-mistica.js +2 -2
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +3 -3
- package/dist-es/accordion.css-mistica.js +7 -7
- package/dist-es/align.css-mistica.js +2 -2
- package/dist-es/autocomplete.css-mistica.js +2 -2
- 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 +15 -15
- package/dist-es/boxed.css-mistica.js +25 -25
- package/dist-es/button-group.css-mistica.js +2 -2
- 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 +20 -20
- package/dist-es/carousel.css-mistica.js +10 -10
- package/dist-es/checkbox.css-mistica.js +14 -14
- 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/blocks.css-mistica.js +2 -2
- package/dist-es/community/example-component.css-mistica.js +2 -2
- 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 +4 -4
- package/dist-es/date-field.css-mistica.js +1 -1
- package/dist-es/date-time-picker.css-mistica.js +2 -2
- 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 +4 -4
- package/dist-es/drawer.css-mistica.js +2 -2
- package/dist-es/empty-state-card.css-mistica.js +2 -2
- 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 +4 -4
- package/dist-es/form.css-mistica.js +2 -2
- package/dist-es/grid-layout.css-mistica.js +4 -4
- package/dist-es/grid.css-mistica.js +127 -127
- package/dist-es/header.css-mistica.js +2 -2
- package/dist-es/hero.css-mistica.js +4 -4
- package/dist-es/horizontal-scroll.css-mistica.js +2 -2
- package/dist-es/icon-button.css-mistica.js +56 -56
- package/dist-es/icons/icon-chevron.css-mistica.js +4 -4
- package/dist-es/icons/icon-error.css-mistica.js +2 -2
- package/dist-es/image.css-mistica.js +4 -4
- package/dist-es/inline.css-mistica.js +10 -10
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/loading-screen.css-mistica.js +5 -5
- package/dist-es/logo.css-mistica.js +7 -7
- package/dist-es/menu.css-mistica.js +15 -15
- package/dist-es/mosaic.css-mistica.js +2 -2
- package/dist-es/navigation-bar.css-mistica.js +20 -20
- package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
- package/dist-es/package-version.js +2 -2
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/popover.css-mistica.js +2 -2
- package/dist-es/progress-bar.css-mistica.js +8 -8
- package/dist-es/radio-button.css-mistica.js +25 -25
- package/dist-es/rating.css-mistica.js +4 -4
- package/dist-es/responsive-layout.css-mistica.js +7 -7
- package/dist-es/screen-reader-only.css-mistica.js +2 -2
- package/dist-es/select.css-mistica.js +20 -20
- package/dist-es/sheet-action-row.css-mistica.js +2 -2
- package/dist-es/sheet-common.css-mistica.js +2 -2
- package/dist-es/sheet-info.css-mistica.js +2 -2
- package/dist-es/skeletons.css-mistica.js +8 -8
- package/dist-es/skins/skin-contract.css-mistica.js +686 -686
- 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 +2 -2
- package/dist-es/square.css-mistica.js +2 -2
- package/dist-es/stack.css-mistica.js +7 -7
- package/dist-es/stacking-group.css-mistica.js +2 -2
- package/dist-es/stepper.css-mistica.js +4 -4
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +41 -41
- package/dist-es/table.css-mistica.js +11 -11
- package/dist-es/tabs.css-mistica.js +21 -21
- 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 +9 -9
- package/dist-es/text.css-mistica.js +8 -8
- package/dist-es/theme-context.css-mistica.js +2 -2
- package/dist-es/timeline.css-mistica.js +11 -11
- package/dist-es/timer.css-mistica.js +7 -7
- package/dist-es/tooltip.css-mistica.js +3 -3
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +4 -4
- package/dist-es/video.css-mistica.js +2 -2
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +2 -2
- package/doc/components.md +19 -0
- package/doc/figma-mcp.md +136 -0
- package/doc/layout.md +20 -1
- package/doc/llms.md +7 -0
- package/doc/patterns.md +6 -17
- package/package.json +1 -1
- package/src/package-version.tsx +1 -1
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
default: "
|
|
3
|
-
ios: "
|
|
4
|
-
disabled: "
|
|
5
|
-
disabledIos: "
|
|
1
|
+
/* empty css */ /* empty css */ var v = {
|
|
2
|
+
default: "v16_62_0-beta_1_q0hp3a6 v16_62_0-beta_1_q0hp3a5 v16_62_0-beta_1_1y2v1nfq8 v16_62_0-beta_1_1y2v1nft7",
|
|
3
|
+
ios: "v16_62_0-beta_1_q0hp3a7 v16_62_0-beta_1_q0hp3a5 v16_62_0-beta_1_1y2v1nfq8 v16_62_0-beta_1_1y2v1nft7",
|
|
4
|
+
disabled: "v16_62_0-beta_1_q0hp3a8 v16_62_0-beta_1_q0hp3a5 v16_62_0-beta_1_1y2v1nfq8 v16_62_0-beta_1_1y2v1nft7",
|
|
5
|
+
disabledIos: "v16_62_0-beta_1_q0hp3a9 v16_62_0-beta_1_q0hp3a5 v16_62_0-beta_1_1y2v1nfq8 v16_62_0-beta_1_1y2v1nft7"
|
|
6
|
+
}, e = {
|
|
7
|
+
default: "v16_62_0-beta_1_q0hp3ac v16_62_0-beta_1_q0hp3ab v16_62_0-beta_1_q0hp3aa v16_62_0-beta_1_1y2v1nfpy",
|
|
8
|
+
ios: "v16_62_0-beta_1_q0hp3ad v16_62_0-beta_1_q0hp3ab v16_62_0-beta_1_q0hp3aa v16_62_0-beta_1_1y2v1nfpy"
|
|
9
|
+
}, t = "v16_62_0-beta_1_q0hp3af v16_62_0-beta_1_q0hp3ae v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nft8", b = {
|
|
10
|
+
default: "v16_62_0-beta_1_q0hp3ai v16_62_0-beta_1_q0hp3ah v16_62_0-beta_1_q0hp3ag v16_62_0-beta_1_1y2v1nfq6",
|
|
11
|
+
ios: "v16_62_0-beta_1_q0hp3aj v16_62_0-beta_1_q0hp3ah v16_62_0-beta_1_q0hp3ag v16_62_0-beta_1_1y2v1nfq6",
|
|
12
|
+
iosDark: "v16_62_0-beta_1_q0hp3ak v16_62_0-beta_1_q0hp3ah v16_62_0-beta_1_q0hp3ag v16_62_0-beta_1_1y2v1nfq6",
|
|
13
|
+
checked: "v16_62_0-beta_1_q0hp3al v16_62_0-beta_1_q0hp3ah v16_62_0-beta_1_q0hp3ag v16_62_0-beta_1_1y2v1nfq6",
|
|
14
|
+
checkedIos: "v16_62_0-beta_1_q0hp3am v16_62_0-beta_1_q0hp3ah v16_62_0-beta_1_q0hp3ag v16_62_0-beta_1_1y2v1nfq6"
|
|
6
15
|
}, h = {
|
|
7
|
-
default: "
|
|
8
|
-
ios: "
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
default: "v16_61_q0hp3a1a v16_61_q0hp3a14 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso",
|
|
34
|
-
ios: "v16_61_q0hp3a1b v16_61_q0hp3a15 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso",
|
|
35
|
-
checked: "v16_61_q0hp3a1c v16_61_q0hp3a14 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso",
|
|
36
|
-
checkedIos: "v16_61_q0hp3a1d v16_61_q0hp3a15 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso"
|
|
37
|
-
}, i = {
|
|
38
|
-
default: "v16_61_q0hp3a1e v16_61_q0hp3a14 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso",
|
|
39
|
-
ios: "v16_61_q0hp3a1f v16_61_q0hp3a15 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso",
|
|
40
|
-
checked: "v16_61_q0hp3a1g v16_61_q0hp3a14 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso",
|
|
41
|
-
checkedIos: "v16_61_q0hp3a1h v16_61_q0hp3a15 v16_61_q0hp3a13 v16_61_q0hp3a12 v16_61_1y2v1nfpz v16_61_1y2v1nfun v16_61_1y2v1nfq6 v16_61_1y2v1nfso"
|
|
16
|
+
default: "v16_62_0-beta_1_q0hp3an v16_62_0-beta_1_q0hp3ah v16_62_0-beta_1_q0hp3ag v16_62_0-beta_1_1y2v1nfq6",
|
|
17
|
+
ios: "v16_62_0-beta_1_q0hp3ao v16_62_0-beta_1_q0hp3ah v16_62_0-beta_1_q0hp3ag v16_62_0-beta_1_1y2v1nfq6",
|
|
18
|
+
iosDark: "v16_62_0-beta_1_q0hp3ap v16_62_0-beta_1_q0hp3ah v16_62_0-beta_1_q0hp3ag v16_62_0-beta_1_1y2v1nfq6",
|
|
19
|
+
checked: "v16_62_0-beta_1_q0hp3aq v16_62_0-beta_1_q0hp3ah v16_62_0-beta_1_q0hp3ag v16_62_0-beta_1_1y2v1nfq6",
|
|
20
|
+
checkedIos: "v16_62_0-beta_1_q0hp3ar v16_62_0-beta_1_q0hp3ah v16_62_0-beta_1_q0hp3ag v16_62_0-beta_1_1y2v1nfq6"
|
|
21
|
+
}, q = {
|
|
22
|
+
default: "v16_62_0-beta_1_q0hp3as v16_62_0-beta_1_q0hp3ah v16_62_0-beta_1_q0hp3ag v16_62_0-beta_1_1y2v1nfq6",
|
|
23
|
+
ios: "v16_62_0-beta_1_q0hp3at v16_62_0-beta_1_q0hp3ah v16_62_0-beta_1_q0hp3ag v16_62_0-beta_1_1y2v1nfq6",
|
|
24
|
+
iosDark: "v16_62_0-beta_1_q0hp3au v16_62_0-beta_1_q0hp3ah v16_62_0-beta_1_q0hp3ag v16_62_0-beta_1_1y2v1nfq6",
|
|
25
|
+
checked: "v16_62_0-beta_1_q0hp3av v16_62_0-beta_1_q0hp3ah v16_62_0-beta_1_q0hp3ag v16_62_0-beta_1_1y2v1nfq6",
|
|
26
|
+
checkedIos: "v16_62_0-beta_1_q0hp3aw v16_62_0-beta_1_q0hp3ah v16_62_0-beta_1_q0hp3ag v16_62_0-beta_1_1y2v1nfq6"
|
|
27
|
+
}, p = "v16_62_0-beta_1_q0hp3ay", n = "v16_62_0-beta_1_q0hp3az v16_62_0-beta_1_q0hp3ax", f = "v16_62_0-beta_1_q0hp3a10 v16_62_0-beta_1_q0hp3ax", y = "v16_62_0-beta_1_q0hp3a11", s = {
|
|
28
|
+
default: "v16_62_0-beta_1_q0hp3a16 v16_62_0-beta_1_q0hp3a14 v16_62_0-beta_1_q0hp3a13 v16_62_0-beta_1_q0hp3a12 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfun v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nfso",
|
|
29
|
+
ios: "v16_62_0-beta_1_q0hp3a17 v16_62_0-beta_1_q0hp3a15 v16_62_0-beta_1_q0hp3a13 v16_62_0-beta_1_q0hp3a12 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfun v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nfso",
|
|
30
|
+
checked: "v16_62_0-beta_1_q0hp3a18 v16_62_0-beta_1_q0hp3a14 v16_62_0-beta_1_q0hp3a13 v16_62_0-beta_1_q0hp3a12 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfun v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nfso",
|
|
31
|
+
checkedIos: "v16_62_0-beta_1_q0hp3a19 v16_62_0-beta_1_q0hp3a15 v16_62_0-beta_1_q0hp3a13 v16_62_0-beta_1_q0hp3a12 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfun v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nfso"
|
|
32
|
+
}, o = {
|
|
33
|
+
default: "v16_62_0-beta_1_q0hp3a1a v16_62_0-beta_1_q0hp3a14 v16_62_0-beta_1_q0hp3a13 v16_62_0-beta_1_q0hp3a12 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfun v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nfso",
|
|
34
|
+
ios: "v16_62_0-beta_1_q0hp3a1b v16_62_0-beta_1_q0hp3a15 v16_62_0-beta_1_q0hp3a13 v16_62_0-beta_1_q0hp3a12 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfun v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nfso",
|
|
35
|
+
checked: "v16_62_0-beta_1_q0hp3a1c v16_62_0-beta_1_q0hp3a14 v16_62_0-beta_1_q0hp3a13 v16_62_0-beta_1_q0hp3a12 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfun v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nfso",
|
|
36
|
+
checkedIos: "v16_62_0-beta_1_q0hp3a1d v16_62_0-beta_1_q0hp3a15 v16_62_0-beta_1_q0hp3a13 v16_62_0-beta_1_q0hp3a12 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfun v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nfso"
|
|
37
|
+
}, r = {
|
|
38
|
+
default: "v16_62_0-beta_1_q0hp3a1e v16_62_0-beta_1_q0hp3a14 v16_62_0-beta_1_q0hp3a13 v16_62_0-beta_1_q0hp3a12 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfun v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nfso",
|
|
39
|
+
ios: "v16_62_0-beta_1_q0hp3a1f v16_62_0-beta_1_q0hp3a15 v16_62_0-beta_1_q0hp3a13 v16_62_0-beta_1_q0hp3a12 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfun v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nfso",
|
|
40
|
+
checked: "v16_62_0-beta_1_q0hp3a1g v16_62_0-beta_1_q0hp3a14 v16_62_0-beta_1_q0hp3a13 v16_62_0-beta_1_q0hp3a12 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfun v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nfso",
|
|
41
|
+
checkedIos: "v16_62_0-beta_1_q0hp3a1h v16_62_0-beta_1_q0hp3a15 v16_62_0-beta_1_q0hp3a13 v16_62_0-beta_1_q0hp3a12 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfun v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nfso"
|
|
42
42
|
};
|
|
43
|
-
export {
|
|
43
|
+
export { s as ballVariants, b as barVariants, v as checkboxVariants, n as container, f as containerDisabled, y as disabled, p as interactiveArea, o as overBrandBallVariants, h as overBrandBarVariants, r as overNegativeBallVariants, q as overNegativeBarVariants, e as switchCheckboxContainerVariants, t as switchCheckboxLabel };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ /* empty css */ var
|
|
2
|
-
maxHeight: "var(--
|
|
3
|
-
},
|
|
4
|
-
left: "
|
|
5
|
-
right: "
|
|
6
|
-
center: "
|
|
7
|
-
},
|
|
8
|
-
top: "
|
|
9
|
-
middle: "
|
|
10
|
-
},
|
|
11
|
-
export {
|
|
1
|
+
/* empty css */ /* empty css */ /* empty css */ var o = {
|
|
2
|
+
maxHeight: "var(--v16_62_0-beta_1_107ok880)"
|
|
3
|
+
}, t = "v16_62_0-beta_1_107ok881", v = "v16_62_0-beta_1_107ok882", r = "v16_62_0-beta_1_107ok883", b = "v16_62_0-beta_1_107ok884", l = "v16_62_0-beta_1_107ok885", k = "v16_62_0-beta_1_107ok886", i = {
|
|
4
|
+
left: "v16_62_0-beta_1_107ok888 v16_62_0-beta_1_107ok887",
|
|
5
|
+
right: "v16_62_0-beta_1_107ok889 v16_62_0-beta_1_107ok887",
|
|
6
|
+
center: "v16_62_0-beta_1_107ok88a v16_62_0-beta_1_107ok887"
|
|
7
|
+
}, s = "v16_62_0-beta_1_107ok88b", d = "v16_62_0-beta_1_107ok88c", n = {
|
|
8
|
+
top: "v16_62_0-beta_1_107ok88d",
|
|
9
|
+
middle: "v16_62_0-beta_1_107ok88e"
|
|
10
|
+
}, c = "v16_62_0-beta_1_107ok88f", p = "v16_62_0-beta_1_107ok88g", m = "v16_62_0-beta_1_107ok88h", I = "v16_62_0-beta_1_107ok88i", g = "v16_62_0-beta_1_107ok88j", h = "v16_62_0-beta_1_107ok88k", w = "v16_62_0-beta_1_107ok88l", H = "v16_62_0-beta_1_107ok88m", x = "v16_62_0-beta_1_107ok88n";
|
|
11
|
+
export { c as actionsHeaderText, p as actionsTableCell, k as boxed, i as cellTextAlign, I as collapsedRowHeaderItem, h as collapsedRowTitle, r as collapsedRowsInMobile, v as fullWidth, l as hiddenHeadersInDesktop, b as hiddenHeadersInMobile, g as mobileCellHeading, w as rowFirstItem, x as rowLastCollapsedItem, H as rowLastItem, s as scrollContainer, d as scrollOverResponsiveLayout, t as table, m as topActions, o as vars, n as verticalAlign };
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
borderColor: "var(--
|
|
3
|
-
},
|
|
4
|
-
default: "
|
|
5
|
-
fullWidth: "
|
|
6
|
-
},
|
|
7
|
-
default: "
|
|
8
|
-
brand: "
|
|
9
|
-
negative: "
|
|
10
|
-
},
|
|
11
|
-
noSelected: "
|
|
12
|
-
noSelectedBrand: "
|
|
13
|
-
noSelectedNegative: "
|
|
14
|
-
selected: "
|
|
15
|
-
selectedBrand: "
|
|
16
|
-
selectedNegative: "
|
|
17
|
-
selectedAnimating: "
|
|
18
|
-
selectedAnimatingBrand: "
|
|
19
|
-
selectedAnimatingNegative: "
|
|
20
|
-
},
|
|
21
|
-
export {
|
|
1
|
+
/* empty css */ /* empty css */ var v = {
|
|
2
|
+
borderColor: "var(--v16_62_0-beta_1_lgofm10)"
|
|
3
|
+
}, a = "v16_62_0-beta_1_lgofm11", t = "v16_62_0-beta_1_lgofm13 v16_62_0-beta_1_lgofm12 v16_62_0-beta_1_1y2v1nfsf v16_62_0-beta_1_1y2v1nfqr v16_62_0-beta_1_1y2v1nfpy", f = "v16_62_0-beta_1_lgofm14", b = "v16_62_0-beta_1_lgofm15 v16_62_0-beta_1_1y2v1nfsf v16_62_0-beta_1_1y2v1nfqr v16_62_0-beta_1_1y2v1nfq4", n = {
|
|
4
|
+
default: "v16_62_0-beta_1_lgofm18 v16_62_0-beta_1_lgofm17 v16_62_0-beta_1_lgofm16 v16_62_0-beta_1_1y2v1nfiu v16_62_0-beta_1_1y2v1nfk3 v16_62_0-beta_1_1y2v1nfq5 v16_62_0-beta_1_1y2v1nfqm v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_1y2v1nfqd v16_62_0-beta_1_1y2v1nfs3 v16_62_0-beta_1_1y2v1nfsf v16_62_0-beta_1_1y2v1nffw",
|
|
5
|
+
fullWidth: "v16_62_0-beta_1_lgofm19 v16_62_0-beta_1_lgofm17 v16_62_0-beta_1_lgofm16 v16_62_0-beta_1_1y2v1nfiu v16_62_0-beta_1_1y2v1nfk3 v16_62_0-beta_1_1y2v1nfq5 v16_62_0-beta_1_1y2v1nfqm v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_1y2v1nfqd v16_62_0-beta_1_1y2v1nfs3 v16_62_0-beta_1_1y2v1nfsf v16_62_0-beta_1_1y2v1nffw"
|
|
6
|
+
}, o = {
|
|
7
|
+
default: "v16_62_0-beta_1_lgofm1d v16_62_0-beta_1_lgofm1a",
|
|
8
|
+
brand: "v16_62_0-beta_1_lgofm1e v16_62_0-beta_1_lgofm1b",
|
|
9
|
+
negative: "v16_62_0-beta_1_lgofm1f v16_62_0-beta_1_lgofm1c"
|
|
10
|
+
}, l = {
|
|
11
|
+
noSelected: "v16_62_0-beta_1_lgofm1p v16_62_0-beta_1_lgofm1g v16_62_0-beta_1_1y2v1nf52",
|
|
12
|
+
noSelectedBrand: "v16_62_0-beta_1_lgofm1q v16_62_0-beta_1_lgofm1h v16_62_0-beta_1_1y2v1nf55",
|
|
13
|
+
noSelectedNegative: "v16_62_0-beta_1_lgofm1r v16_62_0-beta_1_lgofm1i v16_62_0-beta_1_1y2v1nf54",
|
|
14
|
+
selected: "v16_62_0-beta_1_lgofm1s v16_62_0-beta_1_lgofm1j",
|
|
15
|
+
selectedBrand: "v16_62_0-beta_1_lgofm1t v16_62_0-beta_1_lgofm1k",
|
|
16
|
+
selectedNegative: "v16_62_0-beta_1_lgofm1u v16_62_0-beta_1_lgofm1l",
|
|
17
|
+
selectedAnimating: "v16_62_0-beta_1_lgofm1v v16_62_0-beta_1_lgofm1m",
|
|
18
|
+
selectedAnimatingBrand: "v16_62_0-beta_1_lgofm1w v16_62_0-beta_1_lgofm1n",
|
|
19
|
+
selectedAnimatingNegative: "v16_62_0-beta_1_lgofm1x v16_62_0-beta_1_lgofm1o"
|
|
20
|
+
}, m = "v16_62_0-beta_1_lgofm1y", g = "v16_62_0-beta_1_lgofm1z v16_62_0-beta_1_1y2v1nfq3 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nftt v16_62_0-beta_1_1y2v1nfun v16_62_0-beta_1_1y2v1nfra";
|
|
21
|
+
export { g as animatedLine, m as icon, f as inner, t as outer, a as outerBorder, o as tabHover, l as tabSelectionVariants, n as tabVariants, b as tabsContainer, v as vars };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
export {
|
|
1
|
+
/* empty css */ /* empty css */ var a = "v16_62_0-beta_1_1wy08673 v16_62_0-beta_1_1wy08671 v16_62_0-beta_1_1wy08670 v16_62_0-beta_1_1y2v1nfq5 v16_62_0-beta_1_1y2v1nfq9 v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_1y2v1nfqd v16_62_0-beta_1_1wy08672 v16_62_0-beta_1_1y2v1nfs0", t = "v16_62_0-beta_1_1wy08675 v16_62_0-beta_1_1wy08671 v16_62_0-beta_1_1wy08670 v16_62_0-beta_1_1y2v1nfq5 v16_62_0-beta_1_1y2v1nfq9 v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_1y2v1nfqd v16_62_0-beta_1_1wy08674 v16_62_0-beta_1_1y2v1nfg0 v16_62_0-beta_1_1y2v1nfh9 v16_62_0-beta_1_1y2v1nfry", e = "v16_62_0-beta_1_1wy08676 v16_62_0-beta_1_1y2v1nfq6", b = "v16_62_0-beta_1_1wy08677 v16_62_0-beta_1_1y2v1nfq5 v16_62_0-beta_1_1y2v1nfil";
|
|
2
|
+
export { b as badge, e as icon, t as smallTag, a as tag };
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ /* empty css */ var
|
|
2
|
-
mobileFontSize: "var(--
|
|
3
|
-
desktopFontSize: "var(--
|
|
4
|
-
mobileLineHeight: "var(--
|
|
5
|
-
desktopLineHeight: "var(--
|
|
6
|
-
shrinkedLabelMobileFontSize: "var(--
|
|
7
|
-
shrinkedLabelDesktopFontSize: "var(--
|
|
8
|
-
shrinkedLabelMobileLineHeight: "var(--
|
|
9
|
-
shrinkedLabelDesktopLineHeight: "var(--
|
|
10
|
-
helperTextMobileFontSize: "var(--
|
|
11
|
-
helperTextDesktopFontSize: "var(--
|
|
12
|
-
helperTextMobileLineHeight: "var(--
|
|
13
|
-
helperTextDesktopLineHeight: "var(--
|
|
14
|
-
labelScaleDesktop: "var(--
|
|
15
|
-
labelScaleMobile: "var(--
|
|
16
|
-
},
|
|
17
|
-
export {
|
|
1
|
+
/* empty css */ /* empty css */ /* empty css */ var a = 11, v = 15, r = 12, b = 4, y = "calc(1.5rem + 24px)", h = {
|
|
2
|
+
mobileFontSize: "var(--v16_62_0-beta_1_rhey4t0)",
|
|
3
|
+
desktopFontSize: "var(--v16_62_0-beta_1_rhey4t1)",
|
|
4
|
+
mobileLineHeight: "var(--v16_62_0-beta_1_rhey4t2)",
|
|
5
|
+
desktopLineHeight: "var(--v16_62_0-beta_1_rhey4t3)",
|
|
6
|
+
shrinkedLabelMobileFontSize: "var(--v16_62_0-beta_1_rhey4t4)",
|
|
7
|
+
shrinkedLabelDesktopFontSize: "var(--v16_62_0-beta_1_rhey4t5)",
|
|
8
|
+
shrinkedLabelMobileLineHeight: "var(--v16_62_0-beta_1_rhey4t6)",
|
|
9
|
+
shrinkedLabelDesktopLineHeight: "var(--v16_62_0-beta_1_rhey4t7)",
|
|
10
|
+
helperTextMobileFontSize: "var(--v16_62_0-beta_1_rhey4t8)",
|
|
11
|
+
helperTextDesktopFontSize: "var(--v16_62_0-beta_1_rhey4t9)",
|
|
12
|
+
helperTextMobileLineHeight: "var(--v16_62_0-beta_1_rhey4ta)",
|
|
13
|
+
helperTextDesktopLineHeight: "var(--v16_62_0-beta_1_rhey4tb)",
|
|
14
|
+
labelScaleDesktop: "var(--v16_62_0-beta_1_rhey4tc)",
|
|
15
|
+
labelScaleMobile: "var(--v16_62_0-beta_1_rhey4td)"
|
|
16
|
+
}, n = "v16_62_0-beta_1_rhey4ti", i = "v16_62_0-beta_1_rhey4tk v16_62_0-beta_1_rhey4tj v16_62_0-beta_1_1y2v1nffx v16_62_0-beta_1_1y2v1nfh6 v16_62_0-beta_1_rhey4tf v16_62_0-beta_1_rhey4te v16_62_0-beta_1_1y2v1nfsm v16_62_0-beta_1_1y2v1nfrp v16_62_0-beta_1_1y2v1nf4x v16_62_0-beta_1_1y2v1nfqr", l = "v16_62_0-beta_1_rhey4tl", f = "v16_62_0-beta_1_rhey4tm", o = "v16_62_0-beta_1_rhey4to v16_62_0-beta_1_rhey4tn v16_62_0-beta_1_1y2v1nfpy v16_62_0-beta_1_rhey4tf v16_62_0-beta_1_rhey4te v16_62_0-beta_1_1y2v1nfsm v16_62_0-beta_1_1y2v1nfrp v16_62_0-beta_1_1y2v1nf4x v16_62_0-beta_1_1y2v1nfqr", p = "v16_62_0-beta_1_rhey4tp", d = "v16_62_0-beta_1_rhey4tq", s = "v16_62_0-beta_1_rhey4tr", m = "v16_62_0-beta_1_rhey4ts", x = "v16_62_0-beta_1_rhey4tt", L = "v16_62_0-beta_1_rhey4tv v16_62_0-beta_1_rhey4tu v16_62_0-beta_1_1y2v1nfil v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj", k = "v16_62_0-beta_1_rhey4tx v16_62_0-beta_1_rhey4tw v16_62_0-beta_1_1y2v1nfk0 v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_1y2v1nfr8 v16_62_0-beta_1_1y2v1nfpz", u = "v16_62_0-beta_1_rhey4tz v16_62_0-beta_1_rhey4ty v16_62_0-beta_1_1y2v1nfk0", c = "v16_62_0-beta_1_rhey4t11 v16_62_0-beta_1_rhey4t10 v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj", g = "v16_62_0-beta_1_rhey4t13 v16_62_0-beta_1_rhey4t11 v16_62_0-beta_1_rhey4t10 v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_rhey4t12 v16_62_0-beta_1_1y2v1nft7", q = "v16_62_0-beta_1_rhey4t14", S = "v16_62_0-beta_1_rhey4t16 v16_62_0-beta_1_rhey4t15 v16_62_0-beta_1_1y2v1nfpz";
|
|
17
|
+
export { f as emptyDateValue, L as endIconContainer, r as fieldElementsGap, b as fieldEndIconGap, a as fieldLeftPadding, v as fieldRightPadding, h as fieldVars, n as fullWidth, l as hiddenDatePlaceholder, y as iconButtonSize, o as input, p as inputFirefoxStyles, d as inputWithLabel, s as inputWithoutLabel, g as menuItem, c as menuItemBase, q as menuItemSelected, u as prefix, k as startIcon, S as suggestionsContainer, i as textArea, m as textAreaWithLabel, x as textAreaWithoutLabel };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ /* empty css */ /* empty css */ var
|
|
2
|
-
default: "
|
|
3
|
-
readOnly: "
|
|
1
|
+
/* empty css */ /* empty css */ /* empty css */ /* empty css */ var t = 328, r = "v16_62_0-beta_1_15k6ur91 v16_62_0-beta_1_15k6ur90 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfq4", b = "v16_62_0-beta_1_15k6ur92 v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfq9 v16_62_0-beta_1_1y2v1nft8 v16_62_0-beta_1_1y2v1nfqr", n = "v16_62_0-beta_1_15k6ur94 v16_62_0-beta_1_15k6ur93 v16_62_0-beta_1_1y2v1nft8 v16_62_0-beta_1_1y2v1nfqn", f = "v16_62_0-beta_1_15k6ur95", u = "v16_62_0-beta_1_15k6ur97 v16_62_0-beta_1_15k6ur96 v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqa", k = "v16_62_0-beta_1_15k6ur98", y = "v16_62_0-beta_1_15k6ur9a v16_62_0-beta_1_15k6ur99 v16_62_0-beta_1_1y2v1nfqr", l = "v16_62_0-beta_1_15k6ur9b v16_62_0-beta_1_1y2v1nfqr", i = "v16_62_0-beta_1_15k6ur9c", d = "v16_62_0-beta_1_15k6ur9d", o = "v16_62_0-beta_1_15k6ur9f v16_62_0-beta_1_15k6ur9e v16_62_0-beta_1_1y2v1nfsn v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfsv v16_62_0-beta_1_1y2v1nfpy v16_62_0-beta_1_15k6ur9d", p = "v16_62_0-beta_1_15k6ur9g v16_62_0-beta_1_1y2v1nfir v16_62_0-beta_1_1y2v1nfk3 v16_62_0-beta_1_1y2v1nfq4", q = "v16_62_0-beta_1_15k6ur9i v16_62_0-beta_1_15k6ur9h v16_62_0-beta_1_1y2v1nfq4", h = "v16_62_0-beta_1_15k6ur9j v16_62_0-beta_1_1y2v1nfiu", s = "v16_62_0-beta_1_15k6ur9k v16_62_0-beta_1_1y2v1nfqp v16_62_0-beta_1_1y2v1nfg3", c = "v16_62_0-beta_1_15k6ur9l", m = {
|
|
2
|
+
default: "v16_62_0-beta_1_15k6ur9o v16_62_0-beta_1_15k6ur9m v16_62_0-beta_1_1y2v1nf83",
|
|
3
|
+
readOnly: "v16_62_0-beta_1_15k6ur9p v16_62_0-beta_1_15k6ur9n v16_62_0-beta_1_1y2v1nfcs"
|
|
4
4
|
};
|
|
5
|
-
export {
|
|
5
|
+
export { t as DEFAULT_WIDTH, m as background, k as disabled, o as field, u as fieldContainer, d as fieldFocusRing, i as focused, l as fullWidth, p as helperContainer, s as helperText, r as labelContainer, b as labelInner, n as labelText, q as leftHelperText, y as normalWidth, h as rightHelperText, f as shrinked, c as warnIcon };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
underlineAlways: "
|
|
3
|
-
underlineOnHover: "
|
|
4
|
-
},
|
|
5
|
-
default: "
|
|
6
|
-
brand: "
|
|
7
|
-
negative: "
|
|
8
|
-
media: "
|
|
1
|
+
/* empty css */ /* empty css */ var e = {
|
|
2
|
+
underlineAlways: "v16_62_0-beta_1_1m1n0pr2",
|
|
3
|
+
underlineOnHover: "v16_62_0-beta_1_1m1n0pr3"
|
|
4
|
+
}, t = {
|
|
5
|
+
default: "v16_62_0-beta_1_1m1n0pr8 v16_62_0-beta_1_1m1n0pr1 v16_62_0-beta_1_1m1n0pr0 v16_62_0-beta_1_1y2v1nfqs v16_62_0-beta_1_1y2v1nfq7 v16_62_0-beta_1_1y2v1nft7 v16_62_0-beta_1_1m1n0pr4 v16_62_0-beta_1_1y2v1nf34",
|
|
6
|
+
brand: "v16_62_0-beta_1_1m1n0pr9 v16_62_0-beta_1_1m1n0pr1 v16_62_0-beta_1_1m1n0pr0 v16_62_0-beta_1_1y2v1nfqs v16_62_0-beta_1_1y2v1nfq7 v16_62_0-beta_1_1y2v1nft7 v16_62_0-beta_1_1m1n0pr5 v16_62_0-beta_1_1y2v1nf37",
|
|
7
|
+
negative: "v16_62_0-beta_1_1m1n0pra v16_62_0-beta_1_1m1n0pr1 v16_62_0-beta_1_1m1n0pr0 v16_62_0-beta_1_1y2v1nfqs v16_62_0-beta_1_1y2v1nfq7 v16_62_0-beta_1_1y2v1nft7 v16_62_0-beta_1_1m1n0pr6 v16_62_0-beta_1_1y2v1nf36",
|
|
8
|
+
media: "v16_62_0-beta_1_1m1n0prb v16_62_0-beta_1_1m1n0pr1 v16_62_0-beta_1_1m1n0pr0 v16_62_0-beta_1_1y2v1nfqs v16_62_0-beta_1_1y2v1nfq7 v16_62_0-beta_1_1y2v1nft7 v16_62_0-beta_1_1m1n0pr7 v16_62_0-beta_1_1y2v1nf38"
|
|
9
9
|
};
|
|
10
|
-
export {
|
|
10
|
+
export { e as linkStyles, t as variants };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/* empty css */ var
|
|
2
|
-
mobileSize: "var(--
|
|
3
|
-
desktopSize: "var(--
|
|
4
|
-
mobileLineHeight: "var(--
|
|
5
|
-
desktopLineHeight: "var(--
|
|
6
|
-
lineClamp: "var(--
|
|
7
|
-
},
|
|
8
|
-
export {
|
|
1
|
+
/* empty css */ var e = {
|
|
2
|
+
mobileSize: "var(--v16_62_0-beta_1_splu5g0)",
|
|
3
|
+
desktopSize: "var(--v16_62_0-beta_1_splu5g1)",
|
|
4
|
+
mobileLineHeight: "var(--v16_62_0-beta_1_splu5g2)",
|
|
5
|
+
desktopLineHeight: "var(--v16_62_0-beta_1_splu5g3)",
|
|
6
|
+
lineClamp: "var(--v16_62_0-beta_1_splu5g4)"
|
|
7
|
+
}, a = "v16_62_0-beta_1_splu5g5", t = "v16_62_0-beta_1_splu5g6", v = "v16_62_0-beta_1_splu5g7", r = "v16_62_0-beta_1_splu5g8", p = "v16_62_0-beta_1_splu5g9";
|
|
8
|
+
export { v as text, r as truncate, p as truncateToOneLine, e as vars, a as withWordBreak, t as withoutWordBreak };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ var
|
|
2
|
-
export {
|
|
1
|
+
/* empty css */ var e = "v16_62_0-beta_1_pa0wjc0";
|
|
2
|
+
export { e as themeVars };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
vertical: "
|
|
3
|
-
horizontal: "
|
|
4
|
-
},
|
|
5
|
-
active: "
|
|
6
|
-
inactive: "
|
|
7
|
-
completed: "
|
|
8
|
-
},
|
|
9
|
-
default: "
|
|
10
|
-
overBrand: "
|
|
1
|
+
/* empty css */ /* empty css */ var a = {
|
|
2
|
+
vertical: "v16_62_0-beta_1_w6pat20",
|
|
3
|
+
horizontal: "v16_62_0-beta_1_w6pat21"
|
|
4
|
+
}, e = "v16_62_0-beta_1_w6pat23 v16_62_0-beta_1_w6pat22 v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqh", v = "v16_62_0-beta_1_w6pat25 v16_62_0-beta_1_w6pat24 v16_62_0-beta_1_1y2v1nfqq v16_62_0-beta_1_1y2v1nfsh v16_62_0-beta_1_1y2v1nfhf", b = {
|
|
5
|
+
active: "v16_62_0-beta_1_w6pat26",
|
|
6
|
+
inactive: "v16_62_0-beta_1_w6pat27",
|
|
7
|
+
completed: "v16_62_0-beta_1_w6pat28"
|
|
8
|
+
}, n = "v16_62_0-beta_1_w6pat2a v16_62_0-beta_1_w6pat29 v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj", p = "v16_62_0-beta_1_w6pat2b", f = "v16_62_0-beta_1_w6pat2d v16_62_0-beta_1_w6pat2c v16_62_0-beta_1_1y2v1nfr1 v16_62_0-beta_1_1y2v1nfrh v16_62_0-beta_1_1y2v1nfso v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqj v16_62_0-beta_1_1y2v1nfqd v16_62_0-beta_1_1y2v1nf83", r = {
|
|
9
|
+
default: "v16_62_0-beta_1_w6pat2g v16_62_0-beta_1_w6pat2f v16_62_0-beta_1_w6pat2e v16_62_0-beta_1_1y2v1nfqq",
|
|
10
|
+
overBrand: "v16_62_0-beta_1_w6pat2h v16_62_0-beta_1_w6pat2f v16_62_0-beta_1_w6pat2e v16_62_0-beta_1_1y2v1nfqq"
|
|
11
11
|
};
|
|
12
|
-
export {
|
|
12
|
+
export { p as asset, f as assetNumberContainer, v as itemContent, r as line, n as lineContainer, a as timeline, e as timelineItem, b as timelineItemState };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
default: "
|
|
3
|
-
brand: "
|
|
4
|
-
negative: "
|
|
5
|
-
alternative: "
|
|
6
|
-
media: "
|
|
1
|
+
/* empty css */ /* empty css */ var v = "v16_62_0-beta_1_18fye840 v16_62_0-beta_1_1y2v1nfq8", a = "v16_62_0-beta_1_18fye841", t = "v16_62_0-beta_1_18fye843 v16_62_0-beta_1_18fye841 v16_62_0-beta_1_18fye842 v16_62_0-beta_1_1y2v1nfq5 v16_62_0-beta_1_1y2v1nfqd", f = "v16_62_0-beta_1_18fye845 v16_62_0-beta_1_18fye841 v16_62_0-beta_1_18fye844 v16_62_0-beta_1_1y2v1nfq8", b = "v16_62_0-beta_1_18fye847 v16_62_0-beta_1_18fye846 v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqa v16_62_0-beta_1_1y2v1nfqj", y = "v16_62_0-beta_1_18fye848", n = {
|
|
2
|
+
default: "v16_62_0-beta_1_18fye84g v16_62_0-beta_1_18fye84a v16_62_0-beta_1_18fye849 v16_62_0-beta_1_1y2v1nfil v16_62_0-beta_1_1y2v1nfju v16_62_0-beta_1_1y2v1nfg6 v16_62_0-beta_1_1y2v1nfhf v16_62_0-beta_1_1y2v1nfsw v16_62_0-beta_1_18fye84b v16_62_0-beta_1_1y2v1nfdi",
|
|
3
|
+
brand: "v16_62_0-beta_1_18fye84h v16_62_0-beta_1_18fye84a v16_62_0-beta_1_18fye849 v16_62_0-beta_1_1y2v1nfil v16_62_0-beta_1_1y2v1nfju v16_62_0-beta_1_1y2v1nfg6 v16_62_0-beta_1_1y2v1nfhf v16_62_0-beta_1_1y2v1nfsw v16_62_0-beta_1_18fye84c v16_62_0-beta_1_1y2v1nf83",
|
|
4
|
+
negative: "v16_62_0-beta_1_18fye84i v16_62_0-beta_1_18fye84a v16_62_0-beta_1_18fye849 v16_62_0-beta_1_1y2v1nfil v16_62_0-beta_1_1y2v1nfju v16_62_0-beta_1_1y2v1nfg6 v16_62_0-beta_1_1y2v1nfhf v16_62_0-beta_1_1y2v1nfsw v16_62_0-beta_1_18fye84d v16_62_0-beta_1_1y2v1nf83",
|
|
5
|
+
alternative: "v16_62_0-beta_1_18fye84j v16_62_0-beta_1_18fye84a v16_62_0-beta_1_18fye849 v16_62_0-beta_1_1y2v1nfil v16_62_0-beta_1_1y2v1nfju v16_62_0-beta_1_1y2v1nfg6 v16_62_0-beta_1_1y2v1nfhf v16_62_0-beta_1_1y2v1nfsw v16_62_0-beta_1_18fye84e v16_62_0-beta_1_1y2v1nf83",
|
|
6
|
+
media: "v16_62_0-beta_1_18fye84k v16_62_0-beta_1_18fye84a v16_62_0-beta_1_18fye849 v16_62_0-beta_1_1y2v1nfil v16_62_0-beta_1_1y2v1nfju v16_62_0-beta_1_1y2v1nfg6 v16_62_0-beta_1_1y2v1nfhf v16_62_0-beta_1_1y2v1nfsw v16_62_0-beta_1_18fye84f"
|
|
7
7
|
};
|
|
8
|
-
export {
|
|
8
|
+
export { y as boxedTimerDisplayValue, n as boxedTimerValueContainer, a as inlineText, f as shortLabelText, b as timerDisplayValue, v as timerWrapper, t as unitContainer };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
1
|
+
/* empty css */ /* empty css */ var a = 40, v = {
|
|
2
2
|
entering: {
|
|
3
3
|
opacity: 1
|
|
4
4
|
},
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
opacity: 0
|
|
13
13
|
},
|
|
14
14
|
unmounted: {}
|
|
15
|
-
},
|
|
16
|
-
export {
|
|
15
|
+
}, e = "v16_62_0-beta_1_1xhatbp1 v16_62_0-beta_1_1xhatbp0 v16_62_0-beta_1_1y2v1nfpz", b = "v16_62_0-beta_1_1xhatbp3 v16_62_0-beta_1_1xhatbp2 v16_62_0-beta_1_1y2v1nfpy v16_62_0-beta_1_1y2v1nfsy v16_62_0-beta_1_1y2v1nf83", n = "v16_62_0-beta_1_1xhatbp5 v16_62_0-beta_1_1xhatbp4 v16_62_0-beta_1_1y2v1nfpy v16_62_0-beta_1_1y2v1nft8", p = "v16_62_0-beta_1_1xhatbp6", o = "v16_62_0-beta_1_1xhatbp7 v16_62_0-beta_1_1y2v1nfq4 v16_62_0-beta_1_1y2v1nfqa v16_62_0-beta_1_1y2v1nfqj", r = "v16_62_0-beta_1_1xhatbp9 v16_62_0-beta_1_1xhatbp8 v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfqz v16_62_0-beta_1_1y2v1nft8", y = "v16_62_0-beta_1_1xhatbpb v16_62_0-beta_1_1xhatbpa v16_62_0-beta_1_1y2v1nfqx v16_62_0-beta_1_1y2v1nfrd v16_62_0-beta_1_1y2v1nfpz v16_62_0-beta_1_1y2v1nfte v16_62_0-beta_1_1y2v1nf83", f = "v16_62_0-beta_1_1xhatbpd v16_62_0-beta_1_1xhatbpc v16_62_0-beta_1_1y2v1nfpz";
|
|
16
|
+
export { a as CONTENT_MIN_WIDTH, y as arrow, r as arrowContainer, f as closeButtonIcon, e as container, p as content, n as contentContainer, b as tooltip, o as tooltipCenter, v as tooltipTransitionClasses };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
export {
|
|
1
|
+
/* empty css */ /* empty css */ var v = "v16_62_0-beta_1_mhti6u0", a = "v16_62_0-beta_1_mhti6u2 v16_62_0-beta_1_mhti6u1 v16_62_0-beta_1_1y2v1nft7", e = "v16_62_0-beta_1_mhti6u4 v16_62_0-beta_1_mhti6u2 v16_62_0-beta_1_mhti6u1 v16_62_0-beta_1_1y2v1nft7 v16_62_0-beta_1_mhti6u3 v16_62_0-beta_1_1y2v1nffx v16_62_0-beta_1_1y2v1nfh6 v16_62_0-beta_1_1y2v1nfif v16_62_0-beta_1_1y2v1nfjo v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nfsm v16_62_0-beta_1_1y2v1nfqr v16_62_0-beta_1_1y2v1nf7x v16_62_0-beta_1_1y2v1nffw v16_62_0-beta_1_1y2v1nft9", b = "v16_62_0-beta_1_mhti6u5";
|
|
2
|
+
export { a as base, v as marginReset, b as notTouchable, e as touchable };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
aspectRatio: "var(--
|
|
3
|
-
},
|
|
4
|
-
export {
|
|
1
|
+
/* empty css */ /* empty css */ var a = {
|
|
2
|
+
aspectRatio: "var(--v16_62_0-beta_1_yqswj60)"
|
|
3
|
+
}, t = "v16_62_0-beta_1_yqswj61 v16_62_0-beta_1_1y2v1nft8 v16_62_0-beta_1_1y2v1nfsj v16_62_0-beta_1_1y2v1nfsk v16_62_0-beta_1_1y2v1nfpy", e = "v16_62_0-beta_1_yqswj62", r = "v16_62_0-beta_1_yqswj63 v16_62_0-beta_1_1y2v1nfqr v16_62_0-beta_1_1y2v1nfr8 v16_62_0-beta_1_1y2v1nfte v16_62_0-beta_1_1y2v1nftt";
|
|
4
|
+
export { e as container, r as containerWithWrapper, a as vars, t as wrapper };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var
|
|
2
|
-
export {
|
|
1
|
+
/* empty css */ /* empty css */ var t = "v16_62_0-beta_1_19h163j0 v16_62_0-beta_1_1y2v1nfte v16_62_0-beta_1_1y2v1nftt v16_62_0-beta_1_1y2v1nfq6 v16_62_0-beta_1_1y2v1nffw v16_62_0-beta_1_1y2v1nfsj v16_62_0-beta_1_1y2v1nfsk v16_62_0-beta_1_1y2v1nfv2";
|
|
2
|
+
export { t as video };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ var
|
|
2
|
-
export {
|
|
1
|
+
/* empty css */ var _ = "v16_62_0-beta_1_1ezqdj90", a = "v16_62_0-beta_1_1ezqdj91";
|
|
2
|
+
export { _ as container, a as waveFadeOut };
|
package/doc/components.md
CHANGED
|
@@ -83,6 +83,25 @@ Positions a primary and optional secondary button:
|
|
|
83
83
|
|
|
84
84
|
## Text and Titles
|
|
85
85
|
|
|
86
|
+
> 💡 **Centering text uses two complementary props:** > [`<Align x="center">`](./layout.md#align) positions
|
|
87
|
+
> the `Text*` / `Title*` element within its parent; `textAlign="center"` (on `Text*`) aligns the content
|
|
88
|
+
> _within_ the element. For a short single-line label, `Align` alone is enough. For multi-line text that
|
|
89
|
+
> should also have each wrapped line centered, use both. `Title*` does not accept `textAlign`.
|
|
90
|
+
>
|
|
91
|
+
> ```tsx
|
|
92
|
+
> // Single-line label — Align alone
|
|
93
|
+
> <Align x="center">
|
|
94
|
+
> <Text4>Sonido</Text4>
|
|
95
|
+
> </Align>
|
|
96
|
+
>
|
|
97
|
+
> // Multi-line description — Align positions the element, textAlign centers the lines
|
|
98
|
+
> <Align x="center">
|
|
99
|
+
> <Text2 regular textAlign="center">
|
|
100
|
+
> Movistar te garantiza la mejor calidad de conexión de banda ancha del mercado.
|
|
101
|
+
> </Text2>
|
|
102
|
+
> </Align>
|
|
103
|
+
> ```
|
|
104
|
+
|
|
86
105
|
### Text components
|
|
87
106
|
|
|
88
107
|
`Text1` through `Text10` render text at progressively larger sizes. `Text1`-`Text4` accept a `weight` prop.
|
package/doc/figma-mcp.md
ADDED
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
# Figma MCP
|
|
2
|
+
|
|
3
|
+
Mandatory reading whenever you are implementing UI from Figma through the Figma MCP or when the user provides
|
|
4
|
+
a `figma.com/...` URL. This file only covers the translation layer — the rest of the Mistica docs
|
|
5
|
+
(`patterns.md`, `components.md`, `layout.md`, `design-tokens.md`) still apply.
|
|
6
|
+
|
|
7
|
+
## Prime directive: read the DOM verbatim
|
|
8
|
+
|
|
9
|
+
The Figma MCP response gives you two things:
|
|
10
|
+
|
|
11
|
+
- a **screenshot** that shows what the design should look like
|
|
12
|
+
- a **DOM** that shows what the designer specified
|
|
13
|
+
|
|
14
|
+
Use the DOM as the source of truth for every numeric and structural decision. The screenshot only validates
|
|
15
|
+
that your implementation matches the designer's intent.
|
|
16
|
+
|
|
17
|
+
**If you cannot point at a line in the DOM to justify a value, do not write that value.** Do not pick "nearby
|
|
18
|
+
nicer" numbers.
|
|
19
|
+
|
|
20
|
+
## Mapping Figma flex to Mistica layout primitives
|
|
21
|
+
|
|
22
|
+
| Figma | Mistica |
|
|
23
|
+
| --------------------------------------- | --------------------------------------------------- |
|
|
24
|
+
| `flex gap-[Npx]` (vertical, `flex-col`) | `Stack space={N}` |
|
|
25
|
+
| `flex gap-[Npx]` (horizontal) | `Inline space={N}` |
|
|
26
|
+
| `justify-between` | `Inline space="between"` |
|
|
27
|
+
| `justify-around` | `Inline space="around"` |
|
|
28
|
+
| `justify-evenly` | `Inline space="evenly"` |
|
|
29
|
+
| `items-center` | `alignItems="center"` on `Inline` |
|
|
30
|
+
| `flex-wrap` | `wrap` on `Inline` |
|
|
31
|
+
| `p-[Npx]` / `px-[Npx]` / `py-[Npx]` | `Box padding={N}` / `paddingX={N}` / `paddingY={N}` |
|
|
32
|
+
| `rounded-[var(--radii/container,...)]` | `Boxed` (or `skinVars.borderRadii.container`) |
|
|
33
|
+
| `bg-[var(--background...)]` | `ResponsiveLayout variant` or `Boxed variant` |
|
|
34
|
+
|
|
35
|
+
Each spacing primitive has its own allowed scale. Figma values outside the scale must be rounded to the
|
|
36
|
+
nearest allowed value and noted — never silently apply arbitrary CSS.
|
|
37
|
+
|
|
38
|
+
## Don't snap Figma values to Mistica's rhythm
|
|
39
|
+
|
|
40
|
+
Mistica's 16 / 24 / 32 vertical-rhythm guidance in `patterns.md` and `layout.md` is for **greenfield
|
|
41
|
+
composition** — UI you are designing yourself. It is not a reason to override explicit Figma values. When the
|
|
42
|
+
DOM specifies a spacing, use it literally.
|
|
43
|
+
|
|
44
|
+
## Tokens over literal values
|
|
45
|
+
|
|
46
|
+
The MCP output often contains hex colors (`#262423`), CSS custom properties
|
|
47
|
+
(`var(--backgroundalternative,#fefaf5)`), and raw border-radius values
|
|
48
|
+
(`rounded-[var(--radii/container,16px)]`). These must be translated:
|
|
49
|
+
|
|
50
|
+
- Colors → `skinVars.colors.*` (or `skinVars.rawColors.*` with `applyAlpha`)
|
|
51
|
+
- Border radii → `skinVars.borderRadii.*`, or a Mistica component that handles it (`Boxed`, cards)
|
|
52
|
+
- Spacing tokens → `skinVars.spacing.*` where applicable
|
|
53
|
+
|
|
54
|
+
Never keep a hex literal or a `var(--...)` reference in app code. If the right token doesn't exist, the design
|
|
55
|
+
is ahead of the skin — flag it and extend the skin instead of hardcoding.
|
|
56
|
+
|
|
57
|
+
## Fonts
|
|
58
|
+
|
|
59
|
+
Ignore per-node `font-[family-name:var(--fontfamily/fontfamily,'Movistar_Sans:Medium',...)]` and
|
|
60
|
+
`font-['On_Air:Regular',...]` classes. Font family is set **once globally** under `ThemeContextProvider` via
|
|
61
|
+
`GlobalStyles` — the active skin's font (see `fonts.md`) is the source of truth. Per-node font families in the
|
|
62
|
+
MCP output are leaked style from the Figma file, not designer intent.
|
|
63
|
+
|
|
64
|
+
Font weight is handled by the Mistica text components (`Text1`-`Text10` and `Title1`-`Title4`). Map Figma's
|
|
65
|
+
`font-weight/text5` to the matching component (e.g. `Text5`), not to a CSS `font-weight`.
|
|
66
|
+
|
|
67
|
+
## `CodeConnectSnippet` wrappers: gather before you choose
|
|
68
|
+
|
|
69
|
+
MCP responses wrap mapped components in `<CodeConnectSnippet>`. **The snippet is never authoritative.** It's a
|
|
70
|
+
hint about which Mistica component the designer used — not a source of truth for any specific prop value.
|
|
71
|
+
Individual values inside it may happen to be correct, may be stale placeholders, or may look right but map to
|
|
72
|
+
the wrong semantic slot. You cannot tell reliably from the snippet alone which is which, so don't try.
|
|
73
|
+
|
|
74
|
+
Don't classify snippet values into "trustworthy" and "untrustworthy". The classification is itself where
|
|
75
|
+
mistakes come from. Instead: for every composite component, gather all available information first, then pick
|
|
76
|
+
props from the combined picture.
|
|
77
|
+
|
|
78
|
+
### How to gather
|
|
79
|
+
|
|
80
|
+
For any CodeConnect-wrapped **composite component** — one with multiple content slots (`headline`, `pretitle`,
|
|
81
|
+
`title`, `subtitle`, `description`, `extra`, `slot`, `buttonPrimary`, `buttonSecondary`, `buttonLink`,
|
|
82
|
+
`asset`, etc.) — re-fetch the node with Code Connect disabled before mapping props:
|
|
83
|
+
|
|
84
|
+
```
|
|
85
|
+
get_design_context({
|
|
86
|
+
nodeId: "<the collapsed node id>",
|
|
87
|
+
fileKey: "<same fileKey>",
|
|
88
|
+
disableCodeConnect: true,
|
|
89
|
+
excludeScreenshot: true // optional, saves tokens if you already have one
|
|
90
|
+
})
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
That returns the real child tree: the actual text nodes, their font-size tokens, the actual image aspect
|
|
94
|
+
ratio, Tag instances with their `type` (e.g. the `--tagbackgroundinfo` CSS variable tells you `type="info"`),
|
|
95
|
+
child slots that correspond to `extra` / `slot` / `headline`, sibling buttons, etc.
|
|
96
|
+
|
|
97
|
+
Use `get_metadata` on the same node when you also need to understand which children are component instances
|
|
98
|
+
vs. raw nodes.
|
|
99
|
+
|
|
100
|
+
### Rule of thumb
|
|
101
|
+
|
|
102
|
+
Every prop value you write — text, enum, aspect ratio, boolean — should be something you picked after reading
|
|
103
|
+
the real (non-CodeConnect) DOM, not something you copied from the snippet. If you can't say which node in the
|
|
104
|
+
drilled-in DOM justifies the value, gather more before committing it.
|
|
105
|
+
|
|
106
|
+
## Assets: always download, store, and serve locally
|
|
107
|
+
|
|
108
|
+
Figma MCP asset URLs (`https://www.figma.com/api/mcp/asset/<uuid>`) are valid for only ~7 days. Do **not**
|
|
109
|
+
inline them anywhere. Download the asset first, save it into the project (e.g. `public/images/...` or
|
|
110
|
+
`src/assets/...`), and reference the local path.
|
|
111
|
+
|
|
112
|
+
Do **not** substitute unrelated stock photos (Unsplash, Picsum, Lorem Picsum, etc.) for the designer's assets.
|
|
113
|
+
The real images are part of the design.
|
|
114
|
+
|
|
115
|
+
The right workflow for every image in a Figma design:
|
|
116
|
+
|
|
117
|
+
1. Drill into the node (per the composite section above) to get the real asset URL — initial CodeConnect stubs
|
|
118
|
+
often use `example.com/image.jpg` placeholders that hide the actual URL.
|
|
119
|
+
2. Download the file (`curl -o public/images/<name>.<ext> <mcp-asset-url>`). Use names that describe the
|
|
120
|
+
content (`hero-fibra.png`, `partner-eurosport.svg`), not the Figma UUID.
|
|
121
|
+
3. Reference it from code via the local path (e.g. `/images/hero-fibra.png` in Vite projects, `/images/...` or
|
|
122
|
+
`import heroFibra from './assets/hero-fibra.png'` in bundler-aware setups).
|
|
123
|
+
4. If you cannot resolve an asset — the URL 404s, the node has no fill, the design legitimately has no image
|
|
124
|
+
there — say so explicitly and ask, rather than inventing a stock replacement.
|
|
125
|
+
|
|
126
|
+
## Verification checklist
|
|
127
|
+
|
|
128
|
+
Before closing out a section always:
|
|
129
|
+
|
|
130
|
+
- [ ] Double check every native html element or style attribute to see if there is a Mistica alternative. If
|
|
131
|
+
so, always use Mistica.
|
|
132
|
+
- [ ] Double check every composite component on the page was fetched with: `disableCodeConnect: true` before
|
|
133
|
+
writing props — regardless of whether the stub looked filled in or not.
|
|
134
|
+
|
|
135
|
+
If you can't check an item off against the DOM, re-read the DOM (with `disableCodeConnect: true` if the node
|
|
136
|
+
is CodeConnect-mapped) before committing the value.
|