@telefonica/mistica 13.1.2 → 13.2.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.
Files changed (147) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/avatar.css-mistica.js +3 -3
  3. package/dist/badge.css-mistica.js +2 -2
  4. package/dist/button-group.css-mistica.js +1 -1
  5. package/dist/button-layout.css-mistica.js +8 -8
  6. package/dist/button.css-mistica.js +20 -20
  7. package/dist/callout.css-mistica.js +2 -2
  8. package/dist/card.css-mistica.js +7 -7
  9. package/dist/carousel.css-mistica.js +15 -15
  10. package/dist/checkbox.css-mistica.js +8 -8
  11. package/dist/chip.css-mistica.js +4 -4
  12. package/dist/circle.css-mistica.js +2 -2
  13. package/dist/credit-card-number-field.css-mistica.js +3 -3
  14. package/dist/cvv-field.css-mistica.js +3 -3
  15. package/dist/dialog.css-mistica.js +6 -6
  16. package/dist/double-field.css-mistica.js +4 -4
  17. package/dist/empty-state-card.css-mistica.js +4 -4
  18. package/dist/empty-state.css-mistica.js +7 -7
  19. package/dist/feedback.css-mistica.js +1 -1
  20. package/dist/fixed-footer-layout.css-mistica.js +4 -4
  21. package/dist/header.d.ts +20 -1
  22. package/dist/header.js +60 -59
  23. package/dist/highlighted-card.css-mistica.js +6 -6
  24. package/dist/hooks.js +47 -44
  25. package/dist/icon-button.css-mistica.js +1 -1
  26. package/dist/image.css-mistica.js +2 -2
  27. package/dist/image.d.ts +2 -2
  28. package/dist/image.js +63 -48
  29. package/dist/list.css-mistica.js +12 -12
  30. package/dist/loading-bar.css-mistica.js +6 -6
  31. package/dist/maybe-dismissable.css-mistica.js +3 -3
  32. package/dist/menu.css-mistica.js +2 -2
  33. package/dist/navigation-bar.css-mistica.js +12 -12
  34. package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
  35. package/dist/package-version.js +1 -1
  36. package/dist/password-field.css-mistica.js +2 -2
  37. package/dist/popover.css-mistica.js +9 -9
  38. package/dist/progress-bar.css-mistica.js +3 -3
  39. package/dist/radio-button.css-mistica.js +5 -5
  40. package/dist/responsive-layout.css-mistica.js +3 -3
  41. package/dist/screen-reader-only.css-mistica.js +1 -1
  42. package/dist/select.css-mistica.js +13 -13
  43. package/dist/select.js +73 -73
  44. package/dist/skeleton-base.d.ts +2 -1
  45. package/dist/skeleton-base.js +6 -6
  46. package/dist/skeletons.css-mistica.js +3 -3
  47. package/dist/skeletons.d.ts +2 -1
  48. package/dist/skeletons.js +21 -20
  49. package/dist/skins/blau.js +19 -9
  50. package/dist/skins/movistar.js +17 -7
  51. package/dist/skins/o2-classic.js +17 -7
  52. package/dist/skins/o2.js +17 -7
  53. package/dist/skins/skin-contract.css-mistica.js +133 -123
  54. package/dist/skins/skin-contract.css.d.ts +10 -0
  55. package/dist/skins/telefonica.d.ts +1 -1
  56. package/dist/skins/telefonica.js +18 -8
  57. package/dist/skins/types.d.ts +5 -0
  58. package/dist/skins/vivo.js +17 -7
  59. package/dist/snackbar.css-mistica.js +5 -5
  60. package/dist/spinner.css-mistica.js +1 -1
  61. package/dist/sprinkles.css-mistica.js +336 -306
  62. package/dist/stepper.css-mistica.js +9 -9
  63. package/dist/switch-component.css-mistica.js +22 -22
  64. package/dist/tabs.css-mistica.js +14 -14
  65. package/dist/tag.css-mistica.js +2 -2
  66. package/dist/tag.js +21 -16
  67. package/dist/text-field-base.css-mistica.js +6 -6
  68. package/dist/text-field-components.css-mistica.js +8 -8
  69. package/dist/text-link.css-mistica.js +3 -3
  70. package/dist/text.js +5 -5
  71. package/dist/theme-context-provider.js +8 -7
  72. package/dist/theme.d.ts +2 -0
  73. package/dist/tooltip.css-mistica.js +4 -4
  74. package/dist/touchable.css-mistica.js +1 -1
  75. package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
  76. package/dist/utils/aspect-ratio-support.js +2 -3
  77. package/dist/video.css-mistica.js +2 -2
  78. package/dist-es/avatar.css-mistica.js +2 -2
  79. package/dist-es/badge.css-mistica.js +2 -2
  80. package/dist-es/button-group.css-mistica.js +1 -1
  81. package/dist-es/button-layout.css-mistica.js +7 -7
  82. package/dist-es/button.css-mistica.js +9 -9
  83. package/dist-es/callout.css-mistica.js +2 -2
  84. package/dist-es/card.css-mistica.js +2 -2
  85. package/dist-es/carousel.css-mistica.js +2 -2
  86. package/dist-es/checkbox.css-mistica.js +6 -6
  87. package/dist-es/chip.css-mistica.js +4 -4
  88. package/dist-es/circle.css-mistica.js +2 -2
  89. package/dist-es/credit-card-number-field.css-mistica.js +3 -3
  90. package/dist-es/cvv-field.css-mistica.js +2 -2
  91. package/dist-es/dialog.css-mistica.js +5 -5
  92. package/dist-es/double-field.css-mistica.js +4 -4
  93. package/dist-es/empty-state-card.css-mistica.js +2 -2
  94. package/dist-es/empty-state.css-mistica.js +3 -3
  95. package/dist-es/feedback.css-mistica.js +1 -1
  96. package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
  97. package/dist-es/header.js +89 -88
  98. package/dist-es/highlighted-card.css-mistica.js +5 -5
  99. package/dist-es/hooks.js +43 -40
  100. package/dist-es/icon-button.css-mistica.js +1 -1
  101. package/dist-es/image.css-mistica.js +2 -2
  102. package/dist-es/image.js +74 -59
  103. package/dist-es/list.css-mistica.js +2 -2
  104. package/dist-es/loading-bar.css-mistica.js +2 -2
  105. package/dist-es/maybe-dismissable.css-mistica.js +2 -2
  106. package/dist-es/menu.css-mistica.js +2 -2
  107. package/dist-es/navigation-bar.css-mistica.js +9 -9
  108. package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
  109. package/dist-es/package-version.js +1 -1
  110. package/dist-es/password-field.css-mistica.js +2 -2
  111. package/dist-es/popover.css-mistica.js +2 -2
  112. package/dist-es/progress-bar.css-mistica.js +2 -2
  113. package/dist-es/radio-button.css-mistica.js +4 -4
  114. package/dist-es/responsive-layout.css-mistica.js +2 -2
  115. package/dist-es/screen-reader-only.css-mistica.js +1 -1
  116. package/dist-es/select.css-mistica.js +10 -10
  117. package/dist-es/select.js +84 -84
  118. package/dist-es/skeleton-base.js +12 -12
  119. package/dist-es/skeletons.css-mistica.js +2 -2
  120. package/dist-es/skeletons.js +38 -37
  121. package/dist-es/skins/blau.js +19 -9
  122. package/dist-es/skins/movistar.js +19 -9
  123. package/dist-es/skins/o2-classic.js +17 -7
  124. package/dist-es/skins/o2.js +17 -7
  125. package/dist-es/skins/skin-contract.css-mistica.js +133 -123
  126. package/dist-es/skins/telefonica.js +20 -10
  127. package/dist-es/skins/vivo.js +19 -9
  128. package/dist-es/snackbar.css-mistica.js +2 -2
  129. package/dist-es/spinner.css-mistica.js +1 -1
  130. package/dist-es/sprinkles.css-mistica.js +336 -306
  131. package/dist-es/stepper.css-mistica.js +2 -2
  132. package/dist-es/style.css +1 -1
  133. package/dist-es/switch-component.css-mistica.js +19 -19
  134. package/dist-es/tabs.css-mistica.js +10 -10
  135. package/dist-es/tag.css-mistica.js +2 -2
  136. package/dist-es/tag.js +36 -31
  137. package/dist-es/text-field-base.css-mistica.js +2 -2
  138. package/dist-es/text-field-components.css-mistica.js +2 -2
  139. package/dist-es/text-link.css-mistica.js +3 -3
  140. package/dist-es/text.js +5 -5
  141. package/dist-es/theme-context-provider.js +10 -9
  142. package/dist-es/tooltip.css-mistica.js +3 -3
  143. package/dist-es/touchable.css-mistica.js +1 -1
  144. package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
  145. package/dist-es/utils/aspect-ratio-support.js +2 -3
  146. package/dist-es/video.css-mistica.js +2 -2
  147. package/package.json +1 -1
@@ -12,18 +12,18 @@ _export(exports, {
12
12
  bar: ()=>_,
13
13
  barFilled: ()=>r,
14
14
  barFilledAnimation: ()=>f,
15
- barFilledReverseAnimation: ()=>a,
16
- currentNumber: ()=>y,
17
- iconAnimation: ()=>e,
18
- number: ()=>m,
19
- step: ()=>t,
15
+ barFilledReverseAnimation: ()=>m,
16
+ currentNumber: ()=>a,
17
+ iconAnimation: ()=>y,
18
+ number: ()=>e,
19
+ step: ()=>h,
20
20
  stepIconNumber: ()=>i,
21
- stepper: ()=>h,
22
- textContainer: ()=>q,
23
- vars: ()=>p
21
+ stepper: ()=>t,
22
+ textContainer: ()=>p,
23
+ vars: ()=>q
24
24
  });
25
25
  require("./sprinkles.css.ts.vanilla.js");
26
26
  require("./stepper.css.ts.vanilla.js");
27
- var _ = "_14h93mqk _1y2v1nf7w _1y2v1nf7d _1y2v1nf97 _1y2v1nf9c", r = "_14h93mqm _1y2v1nf7w _1y2v1nf7d _1y2v1nf9a _1y2v1nf9c", f = "_14h93mqn", a = "_14h93mqp _1y2v1nf7f", y = "_14h93mqf", e = "_14h93mqc", m = "_14h93mqe _1y2v1nf56 _1y2v1nf5l _1y2v1nf5f _1y2v1nf95", t = "_14h93mq9 _1y2v1nf51 _1y2v1nf57 _1y2v1nf5c _1y2v1nf5l", i = "_14h93mqb _1y2v1nf51 _1y2v1nf56", h = "_14h93mq7 _1y2v1nf56 _1y2v1nf8t", q = "_14h93mqh _1y2v1nf52", p = {
27
+ var _ = "_14h93mqk _1y2v1nf86 _1y2v1nf7n _1y2v1nf9h _1y2v1nf9m", r = "_14h93mqm _1y2v1nf86 _1y2v1nf7n _1y2v1nf9k _1y2v1nf9m", f = "_14h93mqn", m = "_14h93mqp _1y2v1nf7p", a = "_14h93mqf", y = "_14h93mqc", e = "_14h93mqe _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f", h = "_14h93mq9 _1y2v1nf5b _1y2v1nf5h _1y2v1nf5m _1y2v1nf5v", i = "_14h93mqb _1y2v1nf5b _1y2v1nf5g", t = "_14h93mq7 _1y2v1nf5g _1y2v1nf93", p = "_14h93mqh _1y2v1nf5c", q = {
28
28
  stepperMinHeight: "var(--_14h93mq0)"
29
29
  };
@@ -9,32 +9,32 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- ballVariants: ()=>n,
13
- barVariants: ()=>v,
14
- checkboxVariants: ()=>p,
15
- container: ()=>f,
12
+ ballVariants: ()=>f,
13
+ barVariants: ()=>n,
14
+ checkboxVariants: ()=>v,
15
+ container: ()=>p,
16
16
  disabled: ()=>q,
17
17
  switchCheckboxContainerVariants: ()=>y,
18
18
  switchCheckboxLabel: ()=>_
19
19
  });
20
20
  require("./sprinkles.css.ts.vanilla.js");
21
21
  require("./switch-component.css.ts.vanilla.js");
22
- var n = {
23
- default: "q0hp3as q0hp3aq q0hp3ap _1y2v1nf52 _1y2v1nfak _1y2v1nf58 _1y2v1nf95",
24
- ios: "q0hp3at q0hp3ar q0hp3ap _1y2v1nf52 _1y2v1nfak _1y2v1nf58 _1y2v1nf95",
25
- checked: "q0hp3au q0hp3aq q0hp3ap _1y2v1nf52 _1y2v1nfak _1y2v1nf58 _1y2v1nf95",
26
- checkedIos: "q0hp3av q0hp3ar q0hp3ap _1y2v1nf52 _1y2v1nfak _1y2v1nf58 _1y2v1nf95"
22
+ var f = {
23
+ default: "q0hp3as q0hp3aq q0hp3ap _1y2v1nf5c _1y2v1nfau _1y2v1nf5i _1y2v1nf9f",
24
+ ios: "q0hp3at q0hp3ar q0hp3ap _1y2v1nf5c _1y2v1nfau _1y2v1nf5i _1y2v1nf9f",
25
+ checked: "q0hp3au q0hp3aq q0hp3ap _1y2v1nf5c _1y2v1nfau _1y2v1nf5i _1y2v1nf9f",
26
+ checkedIos: "q0hp3av q0hp3ar q0hp3ap _1y2v1nf5c _1y2v1nfau _1y2v1nf5i _1y2v1nf9f"
27
+ }, n = {
28
+ default: "q0hp3ai q0hp3ah _1y2v1nf5i",
29
+ ios: "q0hp3aj q0hp3ah _1y2v1nf5i",
30
+ checked: "q0hp3ak q0hp3ah _1y2v1nf5i",
31
+ checkedIos: "q0hp3al q0hp3ah _1y2v1nf5i"
27
32
  }, v = {
28
- default: "q0hp3ai q0hp3ah _1y2v1nf58",
29
- ios: "q0hp3aj q0hp3ah _1y2v1nf58",
30
- checked: "q0hp3ak q0hp3ah _1y2v1nf58",
31
- checkedIos: "q0hp3al q0hp3ah _1y2v1nf58"
32
- }, p = {
33
- default: "q0hp3a6 _1y2v1nf5a _1y2v1nf9b",
34
- ios: "q0hp3a7 _1y2v1nf5a _1y2v1nf9b",
35
- disabled: "q0hp3a8 _1y2v1nf5a _1y2v1nf9b",
36
- disabledIos: "q0hp3a9 _1y2v1nf5a _1y2v1nf9b"
37
- }, f = "q0hp3am", q = "q0hp3an", y = {
38
- default: "q0hp3ac q0hp3ab _1y2v1nf51",
39
- ios: "q0hp3ad q0hp3ab _1y2v1nf51"
40
- }, _ = "q0hp3af _1y2v1nf58 _1y2v1nf9c";
33
+ default: "q0hp3a6 _1y2v1nf5k _1y2v1nf9l",
34
+ ios: "q0hp3a7 _1y2v1nf5k _1y2v1nf9l",
35
+ disabled: "q0hp3a8 _1y2v1nf5k _1y2v1nf9l",
36
+ disabledIos: "q0hp3a9 _1y2v1nf5k _1y2v1nf9l"
37
+ }, p = "q0hp3am", q = "q0hp3an", y = {
38
+ default: "q0hp3ac q0hp3ab _1y2v1nf5b",
39
+ ios: "q0hp3ad q0hp3ab _1y2v1nf5b"
40
+ }, _ = "q0hp3af _1y2v1nf5i _1y2v1nf9m";
@@ -13,20 +13,20 @@ _export(exports, {
13
13
  icon: ()=>y,
14
14
  inner: ()=>_,
15
15
  outer: ()=>a,
16
- outerBorder: ()=>o,
17
- tabSelectionVariants: ()=>t,
18
- tabVariants: ()=>e,
19
- tabWithIcon: ()=>l,
20
- tabsContainer: ()=>m
16
+ outerBorder: ()=>e,
17
+ tabSelectionVariants: ()=>o,
18
+ tabVariants: ()=>t,
19
+ tabWithIcon: ()=>r,
20
+ tabsContainer: ()=>l
21
21
  });
22
22
  require("./sprinkles.css.ts.vanilla.js");
23
23
  require("./tabs.css.ts.vanilla.js");
24
- var v = "_1y2v1nf55 _1y2v1nf52 _1y2v1nf9s _1y2v1nfak _1y2v1nf7v _1y2v1nf3g", y = "lgofm1m", _ = "lgofm14 _1y2v1nf52 _1y2v1nf9s _1y2v1nfa6 _1y2v1nf87", a = "lgofm12 _1y2v1nf84 _1y2v1nf51 _1y2v1nf9c", o = "lgofm10", t = {
25
- noSelected: "_1y2v1nf1o",
26
- selected: "_1y2v1nf1m lgofm1h",
27
- selectedAnimating: "_1y2v1nf1m lgofm1i"
28
- }, e = {
29
- default: "lgofm17 _1y2v1nf57 _1y2v1nf5l _1y2v1nf5f _1y2v1nf6q _1y2v1nf74 _1y2v1nf84 _1y2v1nf50 lgofm18",
30
- tabs2: "lgofm17 _1y2v1nf57 _1y2v1nf5l _1y2v1nf5f _1y2v1nf6q _1y2v1nf74 _1y2v1nf84 _1y2v1nf50 lgofm19",
31
- tabs3: "lgofm17 _1y2v1nf57 _1y2v1nf5l _1y2v1nf5f _1y2v1nf6q _1y2v1nf74 _1y2v1nf84 _1y2v1nf50 lgofm1a"
32
- }, l = "lgofm1e", m = "_1y2v1nf84 _1y2v1nf56";
24
+ var v = "_1y2v1nf5f _1y2v1nf5c _1y2v1nfa2 _1y2v1nfau _1y2v1nf85 _1y2v1nf3l", y = "lgofm1m", _ = "lgofm14 _1y2v1nf5c _1y2v1nfa2 _1y2v1nfag _1y2v1nf8h", a = "lgofm12 _1y2v1nf8e _1y2v1nf5b _1y2v1nf9m", e = "lgofm10", o = {
25
+ noSelected: "_1y2v1nf1p",
26
+ selected: "_1y2v1nf1n lgofm1h",
27
+ selectedAnimating: "_1y2v1nf1n lgofm1i"
28
+ }, t = {
29
+ default: "lgofm17 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf70 _1y2v1nf7e _1y2v1nf8e _1y2v1nf5a lgofm18",
30
+ tabs2: "lgofm17 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf70 _1y2v1nf7e _1y2v1nf8e _1y2v1nf5a lgofm19",
31
+ tabs3: "lgofm17 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf70 _1y2v1nf7e _1y2v1nf8e _1y2v1nf5a lgofm1a"
32
+ }, r = "lgofm1e", l = "_1y2v1nf8e _1y2v1nf5g";
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "tag", {
6
6
  enumerable: true,
7
- get: ()=>y
7
+ get: ()=>_
8
8
  });
9
9
  require("./sprinkles.css.ts.vanilla.js");
10
10
  require("./tag.css.ts.vanilla.js");
11
- var y = "_1wy08671 _1y2v1nf5v _1y2v1nf69 _1y2v1nf57 _1y2v1nf5b _1y2v1nf5l _1y2v1nf5f _1y2v1nf8j _1y2v1nf73";
11
+ var _ = "_1wy08671 _1y2v1nf65 _1y2v1nf6j _1y2v1nf5h _1y2v1nf5l _1y2v1nf5v _1y2v1nf5p _1y2v1nf8t _1y2v1nf7d";
package/dist/tag.js CHANGED
@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "default", {
6
6
  enumerable: true,
7
- get: ()=>V
7
+ get: ()=>R
8
8
  });
9
9
  const _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
10
- const _hooksJs = require("./hooks.js");
11
10
  const _textJs = require("./text.js");
12
11
  const _themeVariantContextJs = require("./theme-variant-context.js");
13
12
  const _cssJs = require("./utils/css.js");
@@ -74,46 +73,52 @@ function _objectSpreadProps(target, source) {
74
73
  }
75
74
  return target;
76
75
  }
77
- const { colors: r } = _skinContractCssMisticaJs.vars, V = (param)=>{
78
- let { Icon: e , children: s , dataAttributes: a , type: n = "promo" } = param;
79
- const { isDarkMode: m } = (0, _hooksJs.useTheme)(), c = (0, _themeVariantContextJs.useIsInverseVariant)();
80
- if (!s) return null;
81
- const p = {
76
+ const { colors: r } = _skinContractCssMisticaJs.vars, R = (param)=>{
77
+ let { Icon: o , children: i , dataAttributes: m , type: c = "promo" } = param;
78
+ const s = (0, _themeVariantContextJs.useIsInverseVariant)();
79
+ if (!i) return null;
80
+ const g = {
82
81
  promo: [
83
82
  r.promoHigh,
83
+ r.promoHighInverse,
84
84
  r.promoLow
85
85
  ],
86
86
  active: [
87
+ r.brand,
87
88
  r.brand,
88
89
  r.brandLow
89
90
  ],
90
91
  inactive: [
91
92
  r.neutralMedium,
93
+ r.neutralMediumInverse,
92
94
  r.neutralLow
93
95
  ],
94
96
  success: [
95
97
  r.successHigh,
98
+ r.successHighInverse,
96
99
  r.successLow
97
100
  ],
98
101
  warning: [
99
102
  r.warningHigh,
103
+ r.warningHighInverse,
100
104
  r.warningLow
101
105
  ],
102
106
  error: [
103
107
  r.errorHigh,
108
+ r.errorHighInverse,
104
109
  r.errorLow
105
110
  ]
106
- }, [t, l] = p[n], g = c && !m;
107
- return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("span", _objectSpreadProps(_objectSpread({}, (0, _domJs.getPrefixedDataAttributes)(a, "Tag")), {
111
+ }, [n, t, l] = g[c];
112
+ return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("span", _objectSpreadProps(_objectSpread({}, (0, _domJs.getPrefixedDataAttributes)(m, "Tag")), {
108
113
  className: (0, _classnames.default)(_tagCssMisticaJs.tag, (0, _sprinklesCssMisticaJs.sprinkles)({
109
- paddingLeft: e ? 8 : 12,
110
- background: g ? r.inverse : l
114
+ paddingLeft: o ? 8 : 12,
115
+ background: s ? r.inverse : l
111
116
  })),
112
117
  children: [
113
- e && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
118
+ o && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
114
119
  paddingRight: 4,
115
- children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(e, {
116
- color: t,
120
+ children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(o, {
121
+ color: s ? t : n,
117
122
  size: (0, _cssJs.pxToRem)(16),
118
123
  className: (0, _sprinklesCssMisticaJs.sprinkles)({
119
124
  display: "block"
@@ -123,12 +128,12 @@ const { colors: r } = _skinContractCssMisticaJs.vars, V = (param)=>{
123
128
  /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_themeVariantContextJs.ThemeVariant, {
124
129
  isInverse: !1,
125
130
  children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text, {
126
- color: t,
131
+ color: s ? t : n,
127
132
  size: 14,
128
133
  lineHeight: 20,
129
134
  weight: "medium",
130
135
  truncate: !0,
131
- children: s
136
+ children: i
132
137
  })
133
138
  })
134
139
  ]
@@ -10,9 +10,9 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  endIcon: ()=>n,
13
- fullWidth: ()=>t,
14
- input: ()=>r,
15
- inputFirefoxStyles: ()=>e,
13
+ fullWidth: ()=>e,
14
+ input: ()=>t,
15
+ inputFirefoxStyles: ()=>r,
16
16
  inputWithLabel: ()=>f,
17
17
  inputWithoutLabel: ()=>_,
18
18
  menuItem: ()=>a,
@@ -20,12 +20,12 @@ _export(exports, {
20
20
  prefix: ()=>i,
21
21
  prefixWithLabel: ()=>l,
22
22
  prefixWithoutLabel: ()=>o,
23
- startIcon: ()=>p,
24
- suggestionsContainer: ()=>u,
23
+ startIcon: ()=>u,
24
+ suggestionsContainer: ()=>p,
25
25
  textArea: ()=>b,
26
26
  textAreaWithLabel: ()=>m,
27
27
  textAreaWithoutLabel: ()=>x
28
28
  });
29
29
  require("./sprinkles.css.ts.vanilla.js");
30
30
  require("./text-field-base.css.ts.vanilla.js");
31
- var n = "rhey4tf _1y2v1nf6o _1y2v1nf74 _1y2v1nf56 _1y2v1nf5l", t = "rhey4t4", r = "rhey4ta _1y2v1nf51 _1y2v1nf7t rhey4t1 _1y2v1nf94 _1y2v1nf89 _1y2v1nf1m _1y2v1nf7d", e = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf5y _1y2v1nf6c", a = "rhey4to _1y2v1nf83 _1y2v1nf56 _1y2v1nf5l _1y2v1nf9b", h = "_1y2v1nf2p", i = "rhey4tj _1y2v1nf6p _1y2v1nf74", l = "rhey4tl _1y2v1nf6a", o = "_1y2v1nf5y _1y2v1nf6c", p = "rhey4th _1y2v1nf6p _1y2v1nf73 _1y2v1nf56 _1y2v1nf5l _1y2v1nf7t _1y2v1nf52", u = "rhey4tr _1y2v1nf52", b = "rhey4t6 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z rhey4t1 _1y2v1nf94 _1y2v1nf89 _1y2v1nf1m _1y2v1nf7d", m = "rhey4t7", x = "rhey4t8";
31
+ var n = "rhey4tf _1y2v1nf6y _1y2v1nf7e _1y2v1nf5g _1y2v1nf5v", e = "rhey4t4", t = "rhey4ta _1y2v1nf5b _1y2v1nf83 rhey4t1 _1y2v1nf9e _1y2v1nf8j _1y2v1nf1n _1y2v1nf7n", r = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf68 _1y2v1nf6m", a = "rhey4to _1y2v1nf8d _1y2v1nf5g _1y2v1nf5v _1y2v1nf9l", h = "_1y2v1nf2u", i = "rhey4tj _1y2v1nf6z _1y2v1nf7e", l = "rhey4tl _1y2v1nf6k", o = "_1y2v1nf68 _1y2v1nf6m", u = "rhey4th _1y2v1nf6z _1y2v1nf7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf83 _1y2v1nf5c", p = "rhey4tr _1y2v1nf5c", b = "rhey4t6 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 rhey4t1 _1y2v1nf9e _1y2v1nf8j _1y2v1nf1n _1y2v1nf7n", m = "rhey4t7", x = "rhey4t8";
@@ -11,23 +11,23 @@ function _export(target, all) {
11
11
  _export(exports, {
12
12
  DEFAULT_WIDTH: ()=>_,
13
13
  LABEL_LEFT_POSITION: ()=>n,
14
- LABEL_SCALE_DESKTOP: ()=>f,
15
- LABEL_SCALE_MOBILE: ()=>a,
14
+ LABEL_SCALE_DESKTOP: ()=>a,
15
+ LABEL_SCALE_MOBILE: ()=>f,
16
16
  disabled: ()=>e,
17
17
  field: ()=>y,
18
18
  fieldContainer: ()=>i,
19
19
  fieldMulti: ()=>l,
20
20
  fieldSingle: ()=>t,
21
21
  fullWidth: ()=>u,
22
- helperContainer: ()=>d,
23
- helperText: ()=>k,
22
+ helperContainer: ()=>k,
23
+ helperText: ()=>d,
24
24
  labelContainer: ()=>L,
25
25
  labelText: ()=>E,
26
26
  leftText: ()=>T,
27
- normalWidth: ()=>h,
28
- rightText: ()=>o,
29
- shrinked: ()=>p
27
+ normalWidth: ()=>o,
28
+ rightText: ()=>g,
29
+ shrinked: ()=>h
30
30
  });
31
31
  require("./sprinkles.css.ts.vanilla.js");
32
32
  require("./text-field-components.css.ts.vanilla.js");
33
- var _ = 328, n = 12, f = 0.78, a = 0.75, e = "_15k6ur97", y = "_1y2v1nf9c _1y2v1nf93 _1y2v1nf56 _1y2v1nf98 _1y2v1nf51", i = "_15k6ur96 _1y2v1nf56 _1y2v1nf5c", l = "_15k6ur9e", t = "_15k6ur9d _1y2v1nf84", u = "_1y2v1nf7d", d = "_1y2v1nf6p _1y2v1nf74 _1y2v1nf56", k = "_15k6ur9g", L = "_15k6ur91 _1y2v1nf52 _1y2v1nf9e _1y2v1nf80 _1y2v1nf56 _1y2v1nf5b _1y2v1nf9w", E = "_15k6ur93 _1y2v1nf9c _1y2v1nf5p", T = "_15k6ur9h", h = "_15k6ur99 _1y2v1nf7d", o = "_15k6ur9i", p = "_15k6ur94";
33
+ var _ = 328, n = 12, a = 0.78, f = 0.75, e = "_15k6ur97", y = "_1y2v1nf9m _1y2v1nf9d _1y2v1nf5g _1y2v1nf9i _1y2v1nf5b", i = "_15k6ur96 _1y2v1nf5g _1y2v1nf5m", l = "_15k6ur9e", t = "_15k6ur9d _1y2v1nf8e", u = "_1y2v1nf7n", k = "_1y2v1nf6z _1y2v1nf7e _1y2v1nf5g", d = "_15k6ur9g", L = "_15k6ur91 _1y2v1nf5c _1y2v1nf9o _1y2v1nf8a _1y2v1nf5g _1y2v1nf5l _1y2v1nfa6", E = "_15k6ur93 _1y2v1nf9m _1y2v1nf5z", T = "_15k6ur9h", o = "_15k6ur99 _1y2v1nf7n", g = "_15k6ur9i", h = "_15k6ur94";
@@ -9,7 +9,7 @@ Object.defineProperty(exports, "variants", {
9
9
  require("./sprinkles.css.ts.vanilla.js");
10
10
  require("./text-link.css.ts.vanilla.js");
11
11
  var v = {
12
- default: "_1m1n0pr1 _1y2v1nf7e _1y2v1nf59 _1y2v1nf9b _1y2v1nf1x",
13
- inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nf7e _1y2v1nf59 _1y2v1nf9b _1y2v1nf1y",
14
- inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nf7e _1y2v1nf59 _1y2v1nf9b _1y2v1nf1x"
12
+ default: "_1m1n0pr1 _1y2v1nf7o _1y2v1nf5j _1y2v1nf9l _1y2v1nf1y",
13
+ inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nf7o _1y2v1nf5j _1y2v1nf9l _1y2v1nf1z",
14
+ inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nf7o _1y2v1nf5j _1y2v1nf9l _1y2v1nf1y"
15
15
  };
package/dist/text.js CHANGED
@@ -207,8 +207,8 @@ const G = {
207
207
  ]);
208
208
  const { textPresets: i } = (0, _hooksJs.useTheme)();
209
209
  return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpread({
210
- mobileSize: 32,
211
- mobileLineHeight: "40px",
210
+ mobileSize: 48,
211
+ mobileLineHeight: "56px",
212
212
  desktopSize: 64,
213
213
  desktopLineHeight: "72px",
214
214
  weight: i.text10.weight,
@@ -222,8 +222,8 @@ const G = {
222
222
  ]);
223
223
  const { textPresets: i } = (0, _hooksJs.useTheme)();
224
224
  return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpread({
225
- mobileSize: 32,
226
- mobileLineHeight: "40px",
225
+ mobileSize: 40,
226
+ mobileLineHeight: "48px",
227
227
  desktopSize: 56,
228
228
  desktopLineHeight: "64px",
229
229
  weight: i.text9.weight,
@@ -282,7 +282,7 @@ const G = {
282
282
  ]);
283
283
  const { textPresets: i } = (0, _hooksJs.useTheme)();
284
284
  return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpread({
285
- mobileSize: 22,
285
+ mobileSize: 20,
286
286
  mobileLineHeight: "24px",
287
287
  desktopSize: 28,
288
288
  desktopLineHeight: "32px",
@@ -9,7 +9,7 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- default: ()=>pt,
12
+ default: ()=>ut,
13
13
  useIsOsDarkModeEnabled: ()=>Q
14
14
  });
15
15
  const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
@@ -131,10 +131,10 @@ const K = "(prefers-color-scheme: dark)", Q = ()=>{
131
131
  }
132
132
  }, X = (t)=>({
133
133
  headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? _themeJs.NAVBAR_HEIGHT_MOBILE : t == null ? void 0 : t.headerMobileHeight
134
- }), pt = (param)=>{
134
+ }), ut = (param)=>{
135
135
  let { theme: t , children: c , as: r } = param;
136
136
  var v;
137
- const s = _react.useRef(1), D = _react.useCallback(()=>`aria-id-hook-${s.current++}`, []), C = Q(), p = (v = t.colorScheme) != null ? v : "auto", w = t.skin.colors, E = _objectSpread({}, t.skin.colors, t.skin.darkModeColors), f = p === "auto" && C || p === "dark", u = f ? E : w, g = _react.useMemo(()=>{
137
+ const s = _react.useRef(1), D = _react.useCallback(()=>`aria-id-hook-${s.current++}`, []), C = Q(), u = (v = t.colorScheme) != null ? v : "auto", I = t.skin.colors, w = _objectSpread({}, t.skin.colors, t.skin.darkModeColors), f = u === "auto" && C || u === "dark", p = f ? w : I, g = _react.useMemo(()=>{
138
138
  var i, n, d, x, m, h, M, P;
139
139
  const l = _objectSpread({
140
140
  platform: (0, _platformJs.getPlatform)(),
@@ -161,12 +161,13 @@ const K = "(prefers-color-scheme: dark)", Q = ()=>{
161
161
  Link: (M = t.Link) != null ? M : _themeJs.AnchorLink,
162
162
  isDarkMode: f,
163
163
  isIos: (0, _platformJs.getPlatform)(l) === "ios",
164
- useHrefDecorator: (P = t.useHrefDecorator) != null ? P : U
164
+ useHrefDecorator: (P = t.useHrefDecorator) != null ? P : U,
165
+ useId: t.useId
165
166
  };
166
167
  }, [
167
168
  t,
168
169
  f
169
- ]), T = Object.fromEntries(Object.entries(u).map((param)=>{
170
+ ]), E = Object.fromEntries(Object.entries(p).map((param)=>{
170
171
  let [l, i] = param;
171
172
  let n = "";
172
173
  if (i.startsWith("#")) {
@@ -178,8 +179,8 @@ const K = "(prefers-color-scheme: dark)", Q = ()=>{
178
179
  n
179
180
  ];
180
181
  })), k = (0, _dynamic.assignInlineVars)(_skinContractCssMisticaJs.vars, {
181
- colors: u,
182
- rawColors: T
182
+ colors: p,
183
+ rawColors: E
183
184
  });
184
185
  return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_tabFocusJs.default, {
185
186
  disabled: !t.enableTabFocus,
package/dist/theme.d.ts CHANGED
@@ -94,6 +94,7 @@ export type ThemeConfig = Readonly<{
94
94
  }>;
95
95
  Link?: LinkComponent;
96
96
  useHrefDecorator?: () => (href: string) => string;
97
+ useId?: () => string;
97
98
  enableTabFocus?: boolean;
98
99
  }>;
99
100
  export type Theme = {
@@ -121,5 +122,6 @@ export type Theme = {
121
122
  isDarkMode: boolean;
122
123
  isIos: boolean;
123
124
  useHrefDecorator: () => (href: string) => string;
125
+ useId?: () => string;
124
126
  };
125
127
  export {};
@@ -24,16 +24,16 @@ _export(exports, {
24
24
  fadeInBottomKeyframes: ()=>m,
25
25
  fadeInTopKeyframes: ()=>i,
26
26
  fadeInXKeyframes: ()=>w,
27
- vars: ()=>s,
28
- wrapper: ()=>c
27
+ vars: ()=>c,
28
+ wrapper: ()=>d
29
29
  });
30
30
  require("./sprinkles.css.ts.vanilla.js");
31
31
  require("./tooltip.css.ts.vanilla.js");
32
- var v = "_1xhatbpb _1y2v1nf52 _1y2v1nf9e _1y2v1nf7j _1y2v1nf7y _1y2v1nf96 _1y2v1nf2k _1y2v1nf93", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf52 _1y2v1nf7l _1y2v1nf7y _1y2v1nf9c _1y2v1nf2", p = "_1xhatbpj _1y2v1nf5w _1y2v1nf6a _1y2v1nf6o _1y2v1nf72 _1y2v1nf52 _1y2v1nf9x _1y2v1nf7e _1y2v1nf98 _1y2v1nf93", o = "_1xhatbpk", y = "_1xhatbpl", x = "_1xhatbpm", h = "_1xhatbpn", b = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", w = "_1xhatbp8", s = {
32
+ var v = "_1xhatbpb _1y2v1nf5c _1y2v1nf9o _1y2v1nf7t _1y2v1nf88 _1y2v1nf9g _1y2v1nf2p _1y2v1nf9d", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf5c _1y2v1nf7v _1y2v1nf88 _1y2v1nf9m _1y2v1nf2", p = "_1xhatbpj _1y2v1nf66 _1y2v1nf6k _1y2v1nf6y _1y2v1nf7c _1y2v1nf5c _1y2v1nfa7 _1y2v1nf7o _1y2v1nf9i _1y2v1nf9d", o = "_1xhatbpk", y = "_1xhatbpl", x = "_1xhatbpm", h = "_1xhatbpn", b = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", w = "_1xhatbp8", c = {
33
33
  shadowAlpha: "var(--_1xhatbp0)",
34
34
  enterTransform: "var(--_1xhatbp1)",
35
35
  enterDoneTransform: "var(--_1xhatbp2)",
36
36
  exitTransform: "var(--_1xhatbp3)",
37
37
  enterActiveAnimationName: "var(--_1xhatbp4)",
38
38
  arrowBoxShadow: "var(--_1xhatbp5)"
39
- }, c = "_1y2v1nf5a";
39
+ }, d = "_1y2v1nf5k";
@@ -15,4 +15,4 @@ _export(exports, {
15
15
  });
16
16
  require("./sprinkles.css.ts.vanilla.js");
17
17
  require("./touchable.css.ts.vanilla.js");
18
- var f = "mhti6u1 _1y2v1nf9b", y = "mhti6u4", _ = "mhti6u1 _1y2v1nf9b _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf58 _1y2v1nf94 _1y2v1nf7d _1y2v1nf2h _1y2v1nf50 _1y2v1nf9d";
18
+ var f = "mhti6u1 _1y2v1nf9l", y = "mhti6u4", _ = "mhti6u1 _1y2v1nf9l _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5i _1y2v1nf9e _1y2v1nf7n _1y2v1nf2m _1y2v1nf5a _1y2v1nf9n";
@@ -12,10 +12,10 @@ _export(exports, {
12
12
  container: ()=>a,
13
13
  containerWithWrapper: ()=>n,
14
14
  vars: ()=>y,
15
- wrapper: ()=>t
15
+ wrapper: ()=>f
16
16
  });
17
17
  require("../sprinkles.css.ts.vanilla.js");
18
18
  require("./aspect-ratio-support.css.ts.vanilla.js");
19
- var a = "yqswj62", n = "_1y2v1nf7d _1y2v1nf7t _1y2v1nf9e _1y2v1nf9s", y = {
19
+ var a = "yqswj62", n = "_1y2v1nf7n _1y2v1nf83 _1y2v1nf9o _1y2v1nfa2", y = {
20
20
  aspectRatio: "var(--yqswj60)"
21
- }, t = "_1y2v1nf9c _1y2v1nf91 _1y2v1nf92 _1y2v1nf51";
21
+ }, f = "_1y2v1nf9m _1y2v1nf9b _1y2v1nf9c _1y2v1nf5b";
@@ -137,9 +137,8 @@ const d = /*#__PURE__*/ _react.createContext(!0), W = (param)=>{
137
137
  className: (0, _classnames.default)(t.className, _aspectRatioSupportCssMisticaJs.container, {
138
138
  [_aspectRatioSupportCssMisticaJs.containerWithWrapper]: o
139
139
  }),
140
- style: _objectSpread({}, o ? _objectSpreadProps(_objectSpread({
141
- position: e ? "absolute" : "static"
142
- }, t.style), {
140
+ style: _objectSpread({}, o ? _objectSpreadProps(_objectSpread({}, t.style), {
141
+ position: e ? "absolute" : "static",
143
142
  width: "100%"
144
143
  }) : _objectSpreadProps(_objectSpread({}, t.style), {
145
144
  width: isNaN(Number(i)) ? i : Number(i),
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  Object.defineProperty(exports, "video", {
6
6
  enumerable: true,
7
- get: ()=>y
7
+ get: ()=>n
8
8
  });
9
9
  require("./sprinkles.css.ts.vanilla.js");
10
- var y = "_1y2v1nf58 _1y2v1nf7d _1y2v1nf7t _1y2v1nf50 _1y2v1nf91 _1y2v1nf92 _1y2v1nfay";
10
+ var n = "_1y2v1nf5i _1y2v1nf7n _1y2v1nf83 _1y2v1nf5a _1y2v1nf9b _1y2v1nf9c _1y2v1nfb8";
@@ -1,3 +1,3 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
- var a = "_1y2v1nf95 _1y2v1nf56 _1y2v1nf5l _1y2v1nf5f _1y2v1nf9c", f = "_1y2v1nfay";
3
- export { a as avatar, f as image };
2
+ var f = "_1y2v1nf9f _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9m", a = "_1y2v1nfb8";
3
+ export { f as avatar, a as image };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./badge.css.ts.vanilla.js";
3
- var _ = "_17szrmd2 _1y2v1nf7i _1y2v1nf7x _1y2v1nf3q", r = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nf7i _1y2v1nf7x _1y2v1nf3q _1y2v1nf56 _1y2v1nf5l _1y2v1nf5f _1y2v1nf1n", y = "_1y2v1nf52", a = "_1y2v1nf51 _1y2v1nf5a";
4
- export { _ as badge, r as badgeBigNumber, f as badgeNumber, y as badgeWithChildren, a as container };
3
+ var n = "_17szrmd2 _1y2v1nf7s _1y2v1nf87 _1y2v1nf3v", r = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nf7s _1y2v1nf87 _1y2v1nf3v _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf1o", y = "_1y2v1nf5c", a = "_1y2v1nf5b _1y2v1nf5k";
4
+ export { n as badge, r as badgeBigNumber, f as badgeNumber, y as badgeWithChildren, a as container };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./button-group.css.ts.vanilla.js";
3
- var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nf57 _1y2v1nf5l _1y2v1nf5b";
3
+ var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5l";
4
4
  export { r as buttonChild, t as buttons, v as container, _ as inline };
@@ -1,12 +1,12 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./button.css.ts.vanilla.js";
3
3
  import "./button-layout.css.ts.vanilla.js";
4
- var f = "kfxylhi", l = {
5
- right: "_1y2v1nf5g",
6
- left: "_1y2v1nf5e",
7
- center: "_1y2v1nf5f",
8
- "full-width": "kfxylhh _1y2v1nf5f"
9
- }, i = "kfxylh6 _1y2v1nf56", t = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nf56 _1y2v1nf7d", y = "kfxylh4", e = "kfxylh1", k = "kfxylh9", o = {
4
+ var l = "kfxylhi", f = {
5
+ right: "_1y2v1nf5q",
6
+ left: "_1y2v1nf5o",
7
+ center: "_1y2v1nf5p",
8
+ "full-width": "kfxylhh _1y2v1nf5p"
9
+ }, i = "kfxylh6 _1y2v1nf5g", t = "kfxylh7", v = "kfxylh8", h = "kfxylh3 _1y2v1nf5g _1y2v1nf7n", y = "kfxylh4", e = "kfxylh1", k = "kfxylh9", o = {
10
10
  buttonWidth: "var(--kfxylh0)"
11
11
  };
12
- export { f as alignMoreThanOneChildred, l as alignVariant, i as baseContainer, t as container, v as fullWidthContainer, h as link, y as linkAlignment, e as margins, k as noButtonWidth, o as vars };
12
+ export { l as alignMoreThanOneChildred, f as alignVariant, i as baseContainer, t as container, v as fullWidthContainer, h as link, y as linkAlignment, e as margins, k as noButtonWidth, o as vars };
@@ -1,12 +1,12 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./button.css.ts.vanilla.js";
3
- var _ = 136, r = 8, y = 24, f = 20, a = 16, p = 20, e = 14.5, t = 10.5, b = "rrbrpnk", i = "rrbrpni _1y2v1nf1y", l = {
4
- primary: "rrbrpno rrbrpn2 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf5a _1y2v1nf51 _1y2v1nf7e _1y2v1nf97 _1y2v1nf9c _1y2v1nf1r _1y2v1nf33",
5
- secondary: "rrbrpnp rrbrpn2 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf5a _1y2v1nf51 _1y2v1nf7e _1y2v1nf97 _1y2v1nf9c _1y2v1nf1v _1y2v1nf50",
6
- danger: "rrbrpnq rrbrpn2 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf5a _1y2v1nf51 _1y2v1nf7e _1y2v1nf97 _1y2v1nf9c _1y2v1nf1q _1y2v1nf2x"
7
- }, I = "rrbrpn0", o = "rrbrpng _1y2v1nf6p _1y2v1nf73 _1y2v1nf5a _1y2v1nf7e _1y2v1nf97 _1y2v1nf94 _1y2v1nf1x _1y2v1nf50 _1y2v1nf9c", N = "rrbrpn7 _1y2v1nf57 _1y2v1nf52 _1y2v1nf9e _1y2v1nfak _1y2v1nf5f _1y2v1nf5l", c = "rrbrpn4 _1y2v1nf58 _1y2v1nf7u _1y2v1nf9c", L = "rrbrpn5", S = "rrbrpn9 _1y2v1nf56 _1y2v1nf5l _1y2v1nf5f", d = "_1y2v1nf56 _1y2v1nf5l _1y2v1nf5f", s = {
8
- primary: "rrbrpnl rrbrpn2 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf5a _1y2v1nf51 _1y2v1nf7e _1y2v1nf97 _1y2v1nf9c _1y2v1nf1q _1y2v1nf32",
9
- secondary: "rrbrpnm rrbrpn2 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf5a _1y2v1nf51 _1y2v1nf7e _1y2v1nf97 _1y2v1nf9c _1y2v1nf1t _1y2v1nf50",
10
- danger: "rrbrpnn rrbrpn2 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf5a _1y2v1nf51 _1y2v1nf7e _1y2v1nf97 _1y2v1nf9c _1y2v1nf1q _1y2v1nf2x"
3
+ var _ = 136, r = 8, y = 24, f = 20, a = 16, p = 20, b = 14.5, i = 10.5, o = "rrbrpnk", e = "rrbrpni _1y2v1nf1z", t = {
4
+ primary: "rrbrpno rrbrpn2 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5k _1y2v1nf5b _1y2v1nf7o _1y2v1nf9h _1y2v1nf9m _1y2v1nf1s _1y2v1nf38",
5
+ secondary: "rrbrpnp rrbrpn2 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5k _1y2v1nf5b _1y2v1nf7o _1y2v1nf9h _1y2v1nf9m _1y2v1nf1w _1y2v1nf5a",
6
+ danger: "rrbrpnq rrbrpn2 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5k _1y2v1nf5b _1y2v1nf7o _1y2v1nf9h _1y2v1nf9m _1y2v1nf1r _1y2v1nf32"
7
+ }, h = "rrbrpn0", m = "rrbrpng _1y2v1nf6z _1y2v1nf7d _1y2v1nf5k _1y2v1nf7o _1y2v1nf9h _1y2v1nf9e _1y2v1nf1y _1y2v1nf5a _1y2v1nf9m", I = "rrbrpn7 _1y2v1nf5h _1y2v1nf5c _1y2v1nf9o _1y2v1nfau _1y2v1nf5p _1y2v1nf5v", k = "rrbrpn4 _1y2v1nf5i _1y2v1nf84 _1y2v1nf9m", N = "rrbrpn5", L = "rrbrpn9 _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p", d = "_1y2v1nf5g _1y2v1nf5v _1y2v1nf5p", g = {
8
+ primary: "rrbrpnl rrbrpn2 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5k _1y2v1nf5b _1y2v1nf7o _1y2v1nf9h _1y2v1nf9m _1y2v1nf1r _1y2v1nf37",
9
+ secondary: "rrbrpnm rrbrpn2 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5k _1y2v1nf5b _1y2v1nf7o _1y2v1nf9h _1y2v1nf9m _1y2v1nf1u _1y2v1nf5a",
10
+ danger: "rrbrpnn rrbrpn2 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5k _1y2v1nf5b _1y2v1nf7o _1y2v1nf9h _1y2v1nf9m _1y2v1nf1r _1y2v1nf32"
11
11
  };
12
- export { _ as BUTTON_MIN_WIDTH, r as ICON_MARGIN_PX, y as ICON_SIZE, f as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, e as X_PADDING_PX, t as X_SMALL_PADDING_PX, b as alignedLink, i as inverseLink, l as inverseVariants, I as isLoading, o as link, N as loadingContent, c as loadingFiller, L as small, S as textContent, d as textContentLink, s as variants };
12
+ export { _ as BUTTON_MIN_WIDTH, r as ICON_MARGIN_PX, y as ICON_SIZE, f as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, b as X_PADDING_PX, i as X_SMALL_PADDING_PX, o as alignedLink, e as inverseLink, t as inverseVariants, h as isLoading, m as link, I as loadingContent, k as loadingFiller, N as small, L as textContent, d as textContentLink, g as variants };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./callout.css.ts.vanilla.js";
3
- var v = "_14g0jmy1 _1y2v1nf5y _1y2v1nf6c _1y2v1nf6q _1y2v1nf74 _1y2v1nf56 _1y2v1nf98 _1y2v1nf9c", _ = "_14g0jmy3 _1y2v1nf5s";
4
- export { v as container, _ as content };
3
+ var y = "_14g0jmy1 _1y2v1nf68 _1y2v1nf6m _1y2v1nf70 _1y2v1nf7e _1y2v1nf5g _1y2v1nf9i _1y2v1nf9m", _ = "_14g0jmy3 _1y2v1nf62";
4
+ export { y as container, _ as content };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./card.css.ts.vanilla.js";
3
- var _ = "_15e54s91 _1y2v1nf56 _1y2v1nf5s _1y2v1nf5m", y = "_1y2v1nf56", f = "_15e54s97 _1y2v1nf6q _1y2v1nf74 _1y2v1nf5z _1y2v1nf6d _1y2v1nf56 _1y2v1nf5s _1y2v1nf5c _1y2v1nf7d", a = "_1y2v1nf56 _1y2v1nf5c _1y2v1nf7t _1y2v1nf7d", r = "_15e54s95 _1y2v1nf6q _1y2v1nf74 _1y2v1nf56 _1y2v1nf5s _1y2v1nf5y _1y2v1nf6d _1y2v1nf5c", d = "_15e54s99 _1y2v1nf5y _1y2v1nf6c _1y2v1nf6q _1y2v1nf74 _1y2v1nf56 _1y2v1nf7t _1y2v1nf5c _1y2v1nf5i _1y2v1nf5s", e = "_15e54s9b _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf56 _1y2v1nf7t _1y2v1nf7d _1y2v1nf94 _1y2v1nf50", s = "_15e54s9c _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z _1y2v1nf56 _1y2v1nf7t _1y2v1nf7d _1y2v1nf94 _1y2v1nf50";
4
- export { _ as actions, y as boxed, f as dataCard, a as mediaCard, r as mediaCardContent, d as snapCard, e as snapCardTouchableHover, s as snapCardTouchableHoverTransparent };
3
+ var _ = "_15e54s91 _1y2v1nf5g _1y2v1nf62 _1y2v1nf5w", f = "_1y2v1nf5g", y = "_15e54s97 _1y2v1nf70 _1y2v1nf7e _1y2v1nf69 _1y2v1nf6n _1y2v1nf5g _1y2v1nf62 _1y2v1nf5m _1y2v1nf7n", a = "_1y2v1nf5g _1y2v1nf5m _1y2v1nf83 _1y2v1nf7n", e = "_15e54s95 _1y2v1nf70 _1y2v1nf7e _1y2v1nf5g _1y2v1nf62 _1y2v1nf68 _1y2v1nf6n _1y2v1nf5m", r = "_15e54s99 _1y2v1nf68 _1y2v1nf6m _1y2v1nf70 _1y2v1nf7e _1y2v1nf5g _1y2v1nf83 _1y2v1nf5m _1y2v1nf5s _1y2v1nf62", s = "_15e54s9b _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5g _1y2v1nf83 _1y2v1nf7n _1y2v1nf9e _1y2v1nf5a", d = "_15e54s9c _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 _1y2v1nf5g _1y2v1nf83 _1y2v1nf7n _1y2v1nf9e _1y2v1nf5a";
4
+ export { _ as actions, f as boxed, y as dataCard, a as mediaCard, e as mediaCardContent, r as snapCard, s as snapCardTouchableHover, d as snapCardTouchableHoverTransparent };
@@ -2,10 +2,10 @@ import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./responsive-layout.css.ts.vanilla.js";
3
3
  import "./grid-layout.css.ts.vanilla.js";
4
4
  import "./carousel.css.ts.vanilla.js";
5
- var a = "_1abcu71 _1y2v1nf7i _1y2v1nf7x _1y2v1nf95 _1y2v1nf3f", y = "_1abcu72 _1abcu71 _1y2v1nf7i _1y2v1nf7x _1y2v1nf95 _1y2v1nf3g", r = "_1abcu72 _1abcu71 _1y2v1nf7i _1y2v1nf7x _1y2v1nf95 _1y2v1nf3v", e = "_1abcu75 _1abcu71 _1y2v1nf7i _1y2v1nf7x _1y2v1nf95", u = "_1abcu7l _1abcu7b _1y2v1nf56 _1y2v1nf88", c = "_1y2v1nf56 _1y2v1nf5f", b = "_1y2v1nf8k _1y2v1nf51", l = "_1abcu7o", o = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf56 _1y2v1nf5l _1y2v1nf5f _1y2v1nf95 _1y2v1nf2k _1y2v1nf7n _1y2v1nf82 _1y2v1nf93 _1y2v1nf52", t = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf56 _1y2v1nf5l _1y2v1nf5f _1y2v1nf95 _1y2v1nf2k _1y2v1nf7n _1y2v1nf82 _1y2v1nf93 _1y2v1nf52", s = "_1abcu7m", i = "_1abcu7n", d = "_1abcu7v _1abcu7b _1y2v1nf56 _1y2v1nf88", m = "_1abcu715 _1y2v1nf52 _1y2v1nfaq _1y2v1nf56 _1y2v1nf5f _1y2v1nf7d", w = "_1y2v1nf51", h = "_1abcu7x _1y2v1nf7d _1y2v1nf5o", x = "_1abcu713 _1abcu7z _1abcu7d _1y2v1nf56 _1y2v1nf5l _1y2v1nf5f _1y2v1nf95 _1y2v1nf2k _1y2v1nf7n _1y2v1nf82 _1y2v1nf94 _1y2v1nf52 _1y2v1nfac", P = "_1abcu711 _1abcu7z _1abcu7d _1y2v1nf56 _1y2v1nf5l _1y2v1nf5f _1y2v1nf95 _1y2v1nf2k _1y2v1nf7n _1y2v1nf82 _1y2v1nf94 _1y2v1nf52 _1y2v1nf9y", p = {
5
+ var a = "_1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f _1y2v1nf3k", y = "_1abcu72 _1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f _1y2v1nf3l", r = "_1abcu72 _1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f _1y2v1nf40", c = "_1abcu75 _1abcu71 _1y2v1nf7s _1y2v1nf87 _1y2v1nf9f", e = "_1abcu7l _1abcu7b _1y2v1nf5g _1y2v1nf8i", u = "_1y2v1nf5g _1y2v1nf5p", b = "_1y2v1nf8u _1y2v1nf5b", s = "_1abcu7o", t = "_1abcu7s _1abcu7q _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9d _1y2v1nf5c", o = "_1abcu7r _1abcu7q _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9d _1y2v1nf5c", l = "_1abcu7m", i = "_1abcu7n", p = "_1abcu7v _1abcu7b _1y2v1nf5g _1y2v1nf8i", d = "_1abcu715 _1y2v1nf5c _1y2v1nfb0 _1y2v1nf5g _1y2v1nf5p _1y2v1nf7n", g = "_1y2v1nf5b", m = "_1abcu7x _1y2v1nf7n _1y2v1nf5y", w = "_1abcu713 _1abcu7z _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9e _1y2v1nf5c _1y2v1nfam", h = "_1abcu711 _1abcu7z _1abcu7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f _1y2v1nf2p _1y2v1nf7x _1y2v1nf8c _1y2v1nf9e _1y2v1nf5c _1y2v1nfa8", x = {
6
6
  itemsPerPageMobile: "var(--_1abcu7g)",
7
7
  itemsPerPageTablet: "var(--_1abcu7h)",
8
8
  itemsPerPageDesktop: "var(--_1abcu7i)",
9
9
  gap: "var(--_1abcu7j)"
10
10
  };
11
- export { a as bullet, y as bulletActive, r as bulletActiveInverse, e as bulletInverse, u as carousel, c as carouselBullets, b as carouselContainer, l as carouselItem, o as carouselNextArrowButton, t as carouselPrevArrowButton, s as carouselWithScroll, i as centeredCarousel, d as slideshow, m as slideshowBullets, w as slideshowContainer, h as slideshowItem, x as slideshowNextArrowButton, P as slideshowPrevArrowButton, p as vars };
11
+ export { a as bullet, y as bulletActive, r as bulletActiveInverse, c as bulletInverse, e as carousel, u as carouselBullets, b as carouselContainer, s as carouselItem, t as carouselNextArrowButton, o as carouselPrevArrowButton, l as carouselWithScroll, i as centeredCarousel, p as slideshow, d as slideshowBullets, g as slideshowContainer, m as slideshowItem, w as slideshowNextArrowButton, h as slideshowPrevArrowButton, x as vars };
@@ -1,8 +1,8 @@
1
1
  import "./sprinkles.css.ts.vanilla.js";
2
2
  import "./checkbox.css.ts.vanilla.js";
3
- var f = {
4
- ios: "_1rz9b14 _1rz9b13 _1y2v1nf57 _1y2v1nf5f _1y2v1nf5l _1y2v1nf5o _1y2v1nf96 _1y2v1nf2j",
5
- rest: "_1rz9b15 _1rz9b13 _1y2v1nf57 _1y2v1nf5f _1y2v1nf5l _1y2v1nf5o _1y2v1nf96 _1y2v1nf2j",
6
- checked: "_1rz9b16 _1rz9b13 _1y2v1nf57 _1y2v1nf5f _1y2v1nf5l _1y2v1nf5o _1y2v1nf96 _1y2v1nf2j"
7
- }, n = "_1rz9b18 _1y2v1nf58", r = "_1rz9b19", y = "_1rz9b11 _1y2v1nf59", b = "_1rz9b1a";
8
- export { f as boxVariant, n as check, r as checkChecked, y as checkboxContainer, b as disabled };
3
+ var n = {
4
+ ios: "_1rz9b14 _1rz9b13 _1y2v1nf5h _1y2v1nf5p _1y2v1nf5v _1y2v1nf5y _1y2v1nf9g _1y2v1nf2o",
5
+ rest: "_1rz9b15 _1rz9b13 _1y2v1nf5h _1y2v1nf5p _1y2v1nf5v _1y2v1nf5y _1y2v1nf9g _1y2v1nf2o",
6
+ checked: "_1rz9b16 _1rz9b13 _1y2v1nf5h _1y2v1nf5p _1y2v1nf5v _1y2v1nf5y _1y2v1nf9g _1y2v1nf2o"
7
+ }, y = "_1rz9b18 _1y2v1nf5i", r = "_1rz9b19", f = "_1rz9b11 _1y2v1nf5j", b = "_1rz9b1a";
8
+ export { n as boxVariant, y as check, r as checkChecked, f as checkboxContainer, b as disabled };