@vonage/vivid 3.49.0-preview.1 → 3.50.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 (205) hide show
  1. package/accordion/index.cjs +1 -1
  2. package/accordion/index.js +1 -1
  3. package/accordion-item/index.cjs +1 -1
  4. package/accordion-item/index.js +1 -1
  5. package/alert/index.cjs +2 -2
  6. package/alert/index.js +2 -2
  7. package/appearance-ui/index.cjs +1 -1
  8. package/appearance-ui/index.js +1 -1
  9. package/audio-player/index.cjs +1 -1
  10. package/audio-player/index.js +1 -1
  11. package/banner/index.cjs +1 -1
  12. package/banner/index.js +1 -1
  13. package/breadcrumb-item/index.cjs +1 -1
  14. package/breadcrumb-item/index.js +1 -1
  15. package/button/index.cjs +1 -1
  16. package/button/index.js +1 -1
  17. package/card/index.cjs +1 -1
  18. package/card/index.js +1 -1
  19. package/checkbox/index.cjs +1 -2
  20. package/checkbox/index.js +1 -2
  21. package/combobox/index.cjs +3 -3
  22. package/combobox/index.js +3 -3
  23. package/custom-elements.json +859 -146
  24. package/date-picker/index.cjs +4 -3
  25. package/date-picker/index.js +4 -3
  26. package/date-range-picker/index.cjs +3 -2
  27. package/date-range-picker/index.js +3 -2
  28. package/dialog/index.cjs +2 -2
  29. package/dialog/index.js +2 -2
  30. package/elevation/index.cjs +1 -1
  31. package/elevation/index.js +1 -1
  32. package/fab/index.cjs +1 -1
  33. package/fab/index.js +1 -1
  34. package/file-picker/index.cjs +1 -1
  35. package/file-picker/index.js +1 -1
  36. package/focus/index.cjs +1 -1
  37. package/focus/index.js +1 -1
  38. package/header/index.cjs +1 -1
  39. package/header/index.js +1 -1
  40. package/index.cjs +21 -16
  41. package/index.js +10 -8
  42. package/lib/components.d.ts +1 -0
  43. package/lib/time-picker/definition.d.ts +3 -0
  44. package/lib/time-picker/locale.d.ts +12 -0
  45. package/lib/time-picker/time/picker.d.ts +9 -0
  46. package/lib/time-picker/time/presentationTime.d.ts +5 -0
  47. package/lib/time-picker/time/time.d.ts +15 -0
  48. package/lib/time-picker/time-picker.d.ts +16 -0
  49. package/lib/time-picker/time-picker.form-associated.d.ts +10 -0
  50. package/lib/time-picker/time-picker.template.d.ts +4 -0
  51. package/listbox/index.cjs +2 -2
  52. package/listbox/index.js +2 -2
  53. package/locales/en-GB.cjs +15 -0
  54. package/locales/en-GB.js +15 -0
  55. package/locales/en-US.cjs +15 -0
  56. package/locales/en-US.js +15 -0
  57. package/locales/ja-JP.cjs +15 -0
  58. package/locales/ja-JP.js +15 -0
  59. package/locales/zh-CN.cjs +15 -0
  60. package/locales/zh-CN.js +15 -0
  61. package/menu/index.cjs +3 -3
  62. package/menu/index.js +3 -3
  63. package/menu-item/index.cjs +1 -1
  64. package/menu-item/index.js +1 -1
  65. package/nav-disclosure/index.cjs +1 -1
  66. package/nav-disclosure/index.js +1 -1
  67. package/nav-item/index.cjs +1 -1
  68. package/nav-item/index.js +1 -1
  69. package/number-field/index.cjs +1 -1
  70. package/number-field/index.js +1 -1
  71. package/option/index.cjs +1 -1
  72. package/option/index.js +1 -1
  73. package/package.json +1 -1
  74. package/pagination/index.cjs +1 -1
  75. package/pagination/index.js +1 -1
  76. package/popup/index.cjs +3 -3
  77. package/popup/index.js +3 -3
  78. package/radio/index.cjs +1 -2
  79. package/radio/index.js +1 -2
  80. package/select/index.cjs +3 -3
  81. package/select/index.js +3 -3
  82. package/selectable-box/index.cjs +2 -2
  83. package/selectable-box/index.js +2 -2
  84. package/shared/date-picker/date-picker-base.d.ts +2 -2
  85. package/shared/definition.cjs +1 -1
  86. package/shared/definition.js +1 -1
  87. package/shared/definition11.cjs +1 -1
  88. package/shared/definition11.js +1 -1
  89. package/shared/definition14.cjs +1 -1
  90. package/shared/definition14.js +1 -1
  91. package/shared/definition15.cjs +2 -5
  92. package/shared/definition15.js +2 -5
  93. package/shared/definition16.cjs +3 -3
  94. package/shared/definition16.js +3 -3
  95. package/shared/definition18.cjs +2 -2
  96. package/shared/definition18.js +2 -2
  97. package/shared/definition19.cjs +2 -2
  98. package/shared/definition19.js +2 -2
  99. package/shared/definition20.cjs +1 -1
  100. package/shared/definition20.js +1 -1
  101. package/shared/definition23.cjs +1 -1
  102. package/shared/definition23.js +1 -1
  103. package/shared/definition24.cjs +1 -1
  104. package/shared/definition24.js +1 -1
  105. package/shared/definition25.cjs +1 -1
  106. package/shared/definition25.js +1 -1
  107. package/shared/definition28.cjs +1 -1
  108. package/shared/definition28.js +1 -1
  109. package/shared/definition29.cjs +1 -1
  110. package/shared/definition29.js +1 -1
  111. package/shared/definition3.cjs +1 -1
  112. package/shared/definition3.js +1 -1
  113. package/shared/definition30.cjs +1 -1
  114. package/shared/definition30.js +1 -1
  115. package/shared/definition31.cjs +1 -1
  116. package/shared/definition31.js +1 -1
  117. package/shared/definition34.cjs +1 -1
  118. package/shared/definition34.js +1 -1
  119. package/shared/definition35.cjs +1 -1
  120. package/shared/definition35.js +1 -1
  121. package/shared/definition4.cjs +4 -2
  122. package/shared/definition4.js +4 -2
  123. package/shared/definition40.cjs +3 -6
  124. package/shared/definition40.js +3 -6
  125. package/shared/definition41.cjs +3 -3
  126. package/shared/definition41.js +3 -3
  127. package/shared/definition42.cjs +1 -1
  128. package/shared/definition42.js +1 -1
  129. package/shared/definition44.cjs +1 -1
  130. package/shared/definition44.js +1 -1
  131. package/shared/definition45.cjs +1 -1
  132. package/shared/definition45.js +1 -1
  133. package/shared/definition46.cjs +2 -2
  134. package/shared/definition46.js +2 -2
  135. package/shared/definition48.cjs +1 -1
  136. package/shared/definition48.js +1 -1
  137. package/shared/definition5.cjs +1 -1
  138. package/shared/definition5.js +1 -1
  139. package/shared/definition51.cjs +1 -1
  140. package/shared/definition51.js +1 -1
  141. package/shared/definition52.cjs +2 -2
  142. package/shared/definition52.js +2 -2
  143. package/shared/definition53.cjs +3 -3
  144. package/shared/definition53.js +3 -3
  145. package/shared/definition54.cjs +769 -91
  146. package/shared/definition54.js +768 -90
  147. package/shared/definition55.cjs +76 -58
  148. package/shared/definition55.js +75 -57
  149. package/shared/definition56.cjs +100 -71
  150. package/shared/definition56.js +99 -70
  151. package/shared/definition57.cjs +80 -291
  152. package/shared/definition57.js +81 -292
  153. package/shared/definition58.cjs +303 -13
  154. package/shared/definition58.js +302 -13
  155. package/shared/definition59.cjs +11 -42
  156. package/shared/definition59.js +11 -41
  157. package/shared/definition60.cjs +23 -1782
  158. package/shared/definition60.js +22 -1781
  159. package/shared/definition61.cjs +1810 -0
  160. package/shared/definition61.js +1806 -0
  161. package/shared/definition9.cjs +1 -1
  162. package/shared/definition9.js +1 -1
  163. package/shared/localization/Locale.d.ts +2 -0
  164. package/shared/patterns/index.d.ts +1 -0
  165. package/shared/patterns/trapped-focus.d.ts +4 -0
  166. package/shared/presentationDate.cjs +11 -25
  167. package/shared/presentationDate.js +11 -25
  168. package/shared/text-field.cjs +1 -1
  169. package/shared/text-field.js +1 -1
  170. package/shared/trapped-focus.cjs +29 -0
  171. package/shared/trapped-focus.js +27 -0
  172. package/slider/index.cjs +1 -1
  173. package/slider/index.js +1 -1
  174. package/split-button/index.cjs +1 -1
  175. package/split-button/index.js +1 -1
  176. package/style.css +1 -1
  177. package/styles/core/all.css +1 -1
  178. package/styles/core/theme.css +1 -1
  179. package/styles/core/typography.css +1 -1
  180. package/styles/tokens/theme-dark.css +4 -4
  181. package/styles/tokens/theme-light.css +4 -4
  182. package/styles/tokens/vivid-2-compat.css +1 -1
  183. package/switch/index.cjs +1 -1
  184. package/switch/index.js +1 -1
  185. package/tab/index.cjs +1 -1
  186. package/tab/index.js +1 -1
  187. package/tabs/index.cjs +1 -1
  188. package/tabs/index.js +1 -1
  189. package/tag/index.cjs +1 -1
  190. package/tag/index.js +1 -1
  191. package/text-area/index.cjs +1 -1
  192. package/text-area/index.js +1 -1
  193. package/text-field/index.cjs +1 -1
  194. package/text-field/index.js +1 -1
  195. package/time-picker/index.cjs +38 -0
  196. package/time-picker/index.js +36 -0
  197. package/toggletip/index.cjs +4 -4
  198. package/toggletip/index.js +4 -4
  199. package/tooltip/index.cjs +4 -4
  200. package/tooltip/index.js +4 -4
  201. package/tree-item/index.cjs +2 -2
  202. package/tree-item/index.js +2 -2
  203. package/tree-view/index.cjs +1 -1
  204. package/tree-view/index.js +1 -1
  205. package/vivid.api.json +105 -0
package/accordion/index.cjs CHANGED
@@ -8,7 +8,7 @@ require('../shared/icon.cjs');
8
8
  require('../shared/_has.cjs');
9
9
  require('../shared/class-names.cjs');
10
10
  require('../shared/when.cjs');
11
- require('../shared/definition58.cjs');
11
+ require('../shared/definition59.cjs');
12
12
  require('../shared/focus.cjs');
13
13
  require('../shared/affix.cjs');
14
14
  require('../shared/slotted.cjs');
package/accordion/index.js CHANGED
@@ -6,7 +6,7 @@ import '../shared/icon.js';
6
6
  import '../shared/_has.js';
7
7
  import '../shared/class-names.js';
8
8
  import '../shared/when.js';
9
- import '../shared/definition58.js';
9
+ import '../shared/definition59.js';
10
10
  import '../shared/focus.js';
11
11
  import '../shared/affix.js';
12
12
  import '../shared/slotted.js';
package/accordion-item/index.cjs CHANGED
@@ -7,7 +7,7 @@ require('../shared/icon.cjs');
7
7
  require('../shared/_has.cjs');
8
8
  require('../shared/class-names.cjs');
9
9
  require('../shared/when.cjs');
10
- require('../shared/definition58.cjs');
10
+ require('../shared/definition59.cjs');
11
11
  require('../shared/focus.cjs');
12
12
  require('../shared/affix.cjs');
13
13
  require('../shared/slotted.cjs');
package/accordion-item/index.js CHANGED
@@ -5,7 +5,7 @@ import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
7
7
  import '../shared/when.js';
8
- import '../shared/definition58.js';
8
+ import '../shared/definition59.js';
9
9
  import '../shared/focus.js';
10
10
  import '../shared/affix.js';
11
11
  import '../shared/slotted.js';
package/alert/index.cjs CHANGED
@@ -8,7 +8,7 @@ require('../shared/icon.cjs');
8
8
  require('../shared/_has.cjs');
9
9
  require('../shared/class-names.cjs');
10
10
  require('../shared/when.cjs');
11
- require('../shared/definition58.cjs');
11
+ require('../shared/definition59.cjs');
12
12
  require('../shared/focus.cjs');
13
13
  require('../shared/definition37.cjs');
14
14
  require('../shared/base-progress.cjs');
@@ -22,7 +22,7 @@ require('../shared/aria-global.cjs');
22
22
  require('../shared/start-end.cjs');
23
23
  require('../shared/ref.cjs');
24
24
  require('../shared/enums.cjs');
25
- require('../shared/definition59.cjs');
25
+ require('../shared/definition60.cjs');
26
26
  require('../shared/index2.cjs');
27
27
  require('../locales/en-US.cjs');
28
28
  require('../shared/localized.cjs');
package/alert/index.js CHANGED
@@ -6,7 +6,7 @@ import '../shared/icon.js';
6
6
  import '../shared/_has.js';
7
7
  import '../shared/class-names.js';
8
8
  import '../shared/when.js';
9
- import '../shared/definition58.js';
9
+ import '../shared/definition59.js';
10
10
  import '../shared/focus.js';
11
11
  import '../shared/definition37.js';
12
12
  import '../shared/base-progress.js';
@@ -20,7 +20,7 @@ import '../shared/aria-global.js';
20
20
  import '../shared/start-end.js';
21
21
  import '../shared/ref.js';
22
22
  import '../shared/enums.js';
23
- import '../shared/definition59.js';
23
+ import '../shared/definition60.js';
24
24
  import '../shared/index2.js';
25
25
  import '../locales/en-US.js';
26
26
  import '../shared/localized.js';
package/appearance-ui/index.cjs CHANGED
@@ -3,7 +3,7 @@
3
3
  const index = require('../shared/index.cjs');
4
4
  const classNames = require('../shared/class-names.cjs');
5
5
 
6
- const styles = ".wrapper{display:grid;column-gap:8px;grid-template-columns:repeat(7,auto)}.base{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;background-color:var(--_appearance-color-fill);block-size:40px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);padding-inline:16px}.base.connotation-cta{--_connotation-color-faint: var(--vvd-appearanceUI-cta-faint, var(--vvd-color-cta-50));--_connotation-color-soft: var(--vvd-appearanceUI-cta-soft, var(--vvd-color-cta-100));--_connotation-color-dim: var(--vvd-appearanceUI-cta-dim, var(--vvd-color-cta-200));--_connotation-color-pale: var(--vvd-appearanceUI-cta-pale, var(--vvd-color-cta-300));--_connotation-color-light: var(--vvd-appearanceUI-cta-light, var(--vvd-color-cta-400));--_connotation-color-primary: var(--vvd-appearanceUI-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-firm: var(--vvd-appearanceUI-cta-firm, var(--vvd-color-cta-600));--_connotation-color-fierce: var(--vvd-appearanceUI-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-contrast: var(--vvd-appearanceUI-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-backdrop: var(--vvd-appearanceUI-cta-backdrop, var(--vvd-color-cta-50));--_connotation-color-intermediate: var(--vvd-appearanceUI-cta-intermediate, var(--vvd-color-cta-500))}.base.connotation-success{--_connotation-color-faint: var(--vvd-appearanceUI-success-faint, var(--vvd-color-success-50));--_connotation-color-soft: var(--vvd-appearanceUI-success-soft, var(--vvd-color-success-100));--_connotation-color-dim: var(--vvd-appearanceUI-success-dim, var(--vvd-color-success-200));--_connotation-color-pale: var(--vvd-appearanceUI-success-pale, var(--vvd-color-success-300));--_connotation-color-light: var(--vvd-appearanceUI-success-light, var(--vvd-color-success-400));--_connotation-color-primary: var(--vvd-appearanceUI-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-success-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-success-primary-increment, var(--vvd-color-success-600));--_connotation-color-firm: var(--vvd-appearanceUI-success-firm, var(--vvd-color-success-600));--_connotation-color-fierce: var(--vvd-appearanceUI-success-fierce, var(--vvd-color-success-700));--_connotation-color-contrast: var(--vvd-appearanceUI-success-contrast, var(--vvd-color-success-800));--_connotation-color-backdrop: var(--vvd-appearanceUI-success-backdrop, var(--vvd-color-success-50));--_connotation-color-intermediate: var(--vvd-appearanceUI-success-intermediate, var(--vvd-color-success-500))}.base.connotation-alert{--_connotation-color-faint: var(--vvd-appearanceUI-alert-faint, var(--vvd-color-alert-50));--_connotation-color-soft: var(--vvd-appearanceUI-alert-soft, var(--vvd-color-alert-100));--_connotation-color-dim: var(--vvd-appearanceUI-alert-dim, var(--vvd-color-alert-200));--_connotation-color-pale: var(--vvd-appearanceUI-alert-pale, var(--vvd-color-alert-300));--_connotation-color-light: var(--vvd-appearanceUI-alert-light, var(--vvd-color-alert-400));--_connotation-color-primary: var(--vvd-appearanceUI-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-alert-primary-increment, var(--vvd-color-alert-600));--_connotation-color-firm: var(--vvd-appearanceUI-alert-firm, var(--vvd-color-alert-600));--_connotation-color-fierce: var(--vvd-appearanceUI-alert-fierce, var(--vvd-color-alert-700));--_connotation-color-contrast: var(--vvd-appearanceUI-alert-contrast, var(--vvd-color-alert-800));--_connotation-color-backdrop: var(--vvd-appearanceUI-alert-backdrop, var(--vvd-color-alert-50));--_connotation-color-intermediate: var(--vvd-appearanceUI-alert-intermediate, var(--vvd-color-alert-500))}.base.connotation-warning{--_connotation-color-faint: var(--vvd-appearanceUI-warning-faint, var(--vvd-color-warning-50));--_connotation-color-soft: var(--vvd-appearanceUI-warning-soft, var(--vvd-color-warning-100));--_connotation-color-dim: var(--vvd-appearanceUI-warning-dim, var(--vvd-color-warning-200));--_connotation-color-pale: var(--vvd-appearanceUI-warning-pale, var(--vvd-color-warning-300));--_connotation-color-light: var(--vvd-appearanceUI-warning-light, var(--vvd-color-warning-400));--_connotation-color-primary: var(--vvd-appearanceUI-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-appearanceUI-warning-primary-text, var(--vvd-color-canvas-text));--_connotation-color-primary-increment: var(--vvd-appearanceUI-warning-primary-increment, var(--vvd-color-warning-600));--_connotation-color-firm: var(--vvd-appearanceUI-warning-firm, var(--vvd-color-warning-600));--_connotation-color-fierce: var(--vvd-appearanceUI-warning-fierce, var(--vvd-color-warning-700));--_connotation-color-contrast: var(--vvd-appearanceUI-warning-contrast, var(--vvd-color-warning-800));--_connotation-color-backdrop: var(--vvd-appearanceUI-warning-backdrop, var(--vvd-color-warning-50));--_connotation-color-intermediate: var(--vvd-appearanceUI-warning-intermediate, var(--vvd-color-warning-300))}.base.connotation-information{--_connotation-color-faint: var(--vvd-appearanceUI-information-faint, var(--vvd-color-information-50));--_connotation-color-soft: var(--vvd-appearanceUI-information-soft, var(--vvd-color-information-100));--_connotation-color-dim: var(--vvd-appearanceUI-information-dim, var(--vvd-color-information-200));--_connotation-color-pale: var(--vvd-appearanceUI-information-pale, var(--vvd-color-information-300));--_connotation-color-light: var(--vvd-appearanceUI-information-light, var(--vvd-color-information-400));--_connotation-color-primary: var(--vvd-appearanceUI-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-information-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-information-primary-increment, var(--vvd-color-information-600));--_connotation-color-firm: var(--vvd-appearanceUI-information-firm, var(--vvd-color-information-600));--_connotation-color-fierce: var(--vvd-appearanceUI-information-fierce, var(--vvd-color-information-700));--_connotation-color-contrast: var(--vvd-appearanceUI-information-contrast, var(--vvd-color-information-800));--_connotation-color-backdrop: var(--vvd-appearanceUI-information-backdrop, var(--vvd-color-information-50));--_connotation-color-intermediate: var(--vvd-appearanceUI-information-intermediate, var(--vvd-color-information-500))}.base.connotation-announcement{--_connotation-color-faint: var(--vvd-appearanceUI-announcement-faint, var(--vvd-color-announcement-50));--_connotation-color-soft: var(--vvd-appearanceUI-announcement-soft, var(--vvd-color-announcement-100));--_connotation-color-dim: var(--vvd-appearanceUI-announcement-dim, var(--vvd-color-announcement-200));--_connotation-color-pale: var(--vvd-appearanceUI-announcement-pale, var(--vvd-color-announcement-300));--_connotation-color-light: var(--vvd-appearanceUI-announcement-light, var(--vvd-color-announcement-400));--_connotation-color-primary: var(--vvd-appearanceUI-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-announcement-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-announcement-primary-increment, var(--vvd-color-announcement-600));--_connotation-color-firm: var(--vvd-appearanceUI-announcement-firm, var(--vvd-color-announcement-600));--_connotation-color-fierce: var(--vvd-appearanceUI-announcement-fierce, var(--vvd-color-announcement-700));--_connotation-color-contrast: var(--vvd-appearanceUI-announcement-contrast, var(--vvd-color-announcement-800));--_connotation-color-backdrop: var(--vvd-appearanceUI-announcement-backdrop, var(--vvd-color-announcement-50));--_connotation-color-intermediate: var(--vvd-appearanceUI-announcement-intermediate, var(--vvd-color-announcement-500))}.base:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-information,.connotation-announcement){--_connotation-color-faint: var(--vvd-appearanceUI-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-appearanceUI-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-dim: var(--vvd-appearanceUI-accent-dim, var(--vvd-color-neutral-200));--_connotation-color-pale: var(--vvd-appearanceUI-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-light: var(--vvd-appearanceUI-accent-light, var(--vvd-color-neutral-400));--_connotation-color-primary: var(--vvd-appearanceUI-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-appearanceUI-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-firm: var(--vvd-appearanceUI-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-fierce: var(--vvd-appearanceUI-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-contrast: var(--vvd-appearanceUI-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-backdrop: var(--vvd-appearanceUI-accent-backdrop, var(--vvd-color-canvas));--_connotation-color-intermediate: var(--vvd-appearanceUI-accent-intermediate, var(--vvd-color-neutral-500))}.base{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm)}.base.appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--_connotation-color-backdrop);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--_connotation-color-backdrop);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-fierce);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--_connotation-color-backdrop);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary)}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary)}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:disabled,.disabled).appearance-outlined{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base:where(:disabled,.disabled).appearance-subtle{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:where(:disabled,.disabled).appearance-fieldset{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-listitem{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-duotone{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-subtle{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-fieldset{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-listitem{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}.base:where(.readonly):where(:not(:disabled,.disabled)){--_appearance-color-text: var(--vvd-color-neutral-800);--_appearance-color-fill: var(--vvd-color-neutral-500);--_appearance-color-outline: transparent}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-400)}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}\n";
6
+ const styles = ".wrapper{display:grid;column-gap:8px;grid-template-columns:repeat(7,auto)}.base{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;background-color:var(--_appearance-color-fill);block-size:40px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);padding-inline:16px}.base.connotation-cta{--_connotation-color-faint: var(--vvd-appearanceUI-cta-faint, var(--vvd-color-cta-50));--_connotation-color-soft: var(--vvd-appearanceUI-cta-soft, var(--vvd-color-cta-100));--_connotation-color-dim: var(--vvd-appearanceUI-cta-dim, var(--vvd-color-cta-200));--_connotation-color-pale: var(--vvd-appearanceUI-cta-pale, var(--vvd-color-cta-300));--_connotation-color-light: var(--vvd-appearanceUI-cta-light, var(--vvd-color-cta-400));--_connotation-color-primary: var(--vvd-appearanceUI-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-firm: var(--vvd-appearanceUI-cta-firm, var(--vvd-color-cta-600));--_connotation-color-fierce: var(--vvd-appearanceUI-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-contrast: var(--vvd-appearanceUI-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-intermediate: var(--vvd-appearanceUI-cta-intermediate, var(--vvd-color-cta-500))}.base.connotation-success{--_connotation-color-faint: var(--vvd-appearanceUI-success-faint, var(--vvd-color-success-50));--_connotation-color-soft: var(--vvd-appearanceUI-success-soft, var(--vvd-color-success-100));--_connotation-color-dim: var(--vvd-appearanceUI-success-dim, var(--vvd-color-success-200));--_connotation-color-pale: var(--vvd-appearanceUI-success-pale, var(--vvd-color-success-300));--_connotation-color-light: var(--vvd-appearanceUI-success-light, var(--vvd-color-success-400));--_connotation-color-primary: var(--vvd-appearanceUI-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-success-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-success-primary-increment, var(--vvd-color-success-600));--_connotation-color-firm: var(--vvd-appearanceUI-success-firm, var(--vvd-color-success-600));--_connotation-color-fierce: var(--vvd-appearanceUI-success-fierce, var(--vvd-color-success-700));--_connotation-color-contrast: var(--vvd-appearanceUI-success-contrast, var(--vvd-color-success-800));--_connotation-color-intermediate: var(--vvd-appearanceUI-success-intermediate, var(--vvd-color-success-500))}.base.connotation-alert{--_connotation-color-faint: var(--vvd-appearanceUI-alert-faint, var(--vvd-color-alert-50));--_connotation-color-soft: var(--vvd-appearanceUI-alert-soft, var(--vvd-color-alert-100));--_connotation-color-dim: var(--vvd-appearanceUI-alert-dim, var(--vvd-color-alert-200));--_connotation-color-pale: var(--vvd-appearanceUI-alert-pale, var(--vvd-color-alert-300));--_connotation-color-light: var(--vvd-appearanceUI-alert-light, var(--vvd-color-alert-400));--_connotation-color-primary: var(--vvd-appearanceUI-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-alert-primary-increment, var(--vvd-color-alert-600));--_connotation-color-firm: var(--vvd-appearanceUI-alert-firm, var(--vvd-color-alert-600));--_connotation-color-fierce: var(--vvd-appearanceUI-alert-fierce, var(--vvd-color-alert-700));--_connotation-color-contrast: var(--vvd-appearanceUI-alert-contrast, var(--vvd-color-alert-800));--_connotation-color-intermediate: var(--vvd-appearanceUI-alert-intermediate, var(--vvd-color-alert-500))}.base.connotation-warning{--_connotation-color-faint: var(--vvd-appearanceUI-warning-faint, var(--vvd-color-warning-50));--_connotation-color-soft: var(--vvd-appearanceUI-warning-soft, var(--vvd-color-warning-100));--_connotation-color-dim: var(--vvd-appearanceUI-warning-dim, var(--vvd-color-warning-200));--_connotation-color-pale: var(--vvd-appearanceUI-warning-pale, var(--vvd-color-warning-300));--_connotation-color-light: var(--vvd-appearanceUI-warning-light, var(--vvd-color-warning-400));--_connotation-color-primary: var(--vvd-appearanceUI-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-appearanceUI-warning-primary-text, var(--vvd-color-canvas-text));--_connotation-color-primary-increment: var(--vvd-appearanceUI-warning-primary-increment, var(--vvd-color-warning-600));--_connotation-color-firm: var(--vvd-appearanceUI-warning-firm, var(--vvd-color-warning-600));--_connotation-color-fierce: var(--vvd-appearanceUI-warning-fierce, var(--vvd-color-warning-700));--_connotation-color-contrast: var(--vvd-appearanceUI-warning-contrast, var(--vvd-color-warning-800));--_connotation-color-intermediate: var(--vvd-appearanceUI-warning-intermediate, var(--vvd-color-warning-300))}.base.connotation-information{--_connotation-color-faint: var(--vvd-appearanceUI-information-faint, var(--vvd-color-information-50));--_connotation-color-soft: var(--vvd-appearanceUI-information-soft, var(--vvd-color-information-100));--_connotation-color-dim: var(--vvd-appearanceUI-information-dim, var(--vvd-color-information-200));--_connotation-color-pale: var(--vvd-appearanceUI-information-pale, var(--vvd-color-information-300));--_connotation-color-light: var(--vvd-appearanceUI-information-light, var(--vvd-color-information-400));--_connotation-color-primary: var(--vvd-appearanceUI-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-information-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-information-primary-increment, var(--vvd-color-information-600));--_connotation-color-firm: var(--vvd-appearanceUI-information-firm, var(--vvd-color-information-600));--_connotation-color-fierce: var(--vvd-appearanceUI-information-fierce, var(--vvd-color-information-700));--_connotation-color-contrast: var(--vvd-appearanceUI-information-contrast, var(--vvd-color-information-800));--_connotation-color-intermediate: var(--vvd-appearanceUI-information-intermediate, var(--vvd-color-information-500))}.base.connotation-announcement{--_connotation-color-faint: var(--vvd-appearanceUI-announcement-faint, var(--vvd-color-announcement-50));--_connotation-color-soft: var(--vvd-appearanceUI-announcement-soft, var(--vvd-color-announcement-100));--_connotation-color-dim: var(--vvd-appearanceUI-announcement-dim, var(--vvd-color-announcement-200));--_connotation-color-pale: var(--vvd-appearanceUI-announcement-pale, var(--vvd-color-announcement-300));--_connotation-color-light: var(--vvd-appearanceUI-announcement-light, var(--vvd-color-announcement-400));--_connotation-color-primary: var(--vvd-appearanceUI-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-announcement-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-announcement-primary-increment, var(--vvd-color-announcement-600));--_connotation-color-firm: var(--vvd-appearanceUI-announcement-firm, var(--vvd-color-announcement-600));--_connotation-color-fierce: var(--vvd-appearanceUI-announcement-fierce, var(--vvd-color-announcement-700));--_connotation-color-contrast: var(--vvd-appearanceUI-announcement-contrast, var(--vvd-color-announcement-800));--_connotation-color-intermediate: var(--vvd-appearanceUI-announcement-intermediate, var(--vvd-color-announcement-500))}.base:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-information,.connotation-announcement){--_connotation-color-faint: var(--vvd-appearanceUI-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-appearanceUI-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-dim: var(--vvd-appearanceUI-accent-dim, var(--vvd-color-neutral-200));--_connotation-color-pale: var(--vvd-appearanceUI-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-light: var(--vvd-appearanceUI-accent-light, var(--vvd-color-neutral-400));--_connotation-color-primary: var(--vvd-appearanceUI-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-appearanceUI-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-firm: var(--vvd-appearanceUI-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-fierce: var(--vvd-appearanceUI-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-contrast: var(--vvd-appearanceUI-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-intermediate: var(--vvd-appearanceUI-accent-intermediate, var(--vvd-color-neutral-500))}.base{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm)}.base.appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-fierce)}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-fierce);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary-increment)}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary-increment)}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:disabled,.disabled).appearance-outlined{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base:where(:disabled,.disabled).appearance-subtle{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:where(:disabled,.disabled).appearance-fieldset{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-listitem{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-duotone{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-subtle{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-fieldset{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-listitem{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}.base:where(.readonly):where(:not(:disabled,.disabled)){--_appearance-color-text: var(--vvd-color-neutral-800);--_appearance-color-fill: var(--vvd-color-neutral-500);--_appearance-color-outline: transparent}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-400)}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}\n";
7
7
 
8
8
  var __defProp = Object.defineProperty;
9
9
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
package/appearance-ui/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { a as attr, F as FoundationElement, h as html, r as registerFactory } from '../shared/index.js';
2
2
  import { c as classNames } from '../shared/class-names.js';
3
3
 
4
- const styles = ".wrapper{display:grid;column-gap:8px;grid-template-columns:repeat(7,auto)}.base{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;background-color:var(--_appearance-color-fill);block-size:40px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);padding-inline:16px}.base.connotation-cta{--_connotation-color-faint: var(--vvd-appearanceUI-cta-faint, var(--vvd-color-cta-50));--_connotation-color-soft: var(--vvd-appearanceUI-cta-soft, var(--vvd-color-cta-100));--_connotation-color-dim: var(--vvd-appearanceUI-cta-dim, var(--vvd-color-cta-200));--_connotation-color-pale: var(--vvd-appearanceUI-cta-pale, var(--vvd-color-cta-300));--_connotation-color-light: var(--vvd-appearanceUI-cta-light, var(--vvd-color-cta-400));--_connotation-color-primary: var(--vvd-appearanceUI-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-firm: var(--vvd-appearanceUI-cta-firm, var(--vvd-color-cta-600));--_connotation-color-fierce: var(--vvd-appearanceUI-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-contrast: var(--vvd-appearanceUI-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-backdrop: var(--vvd-appearanceUI-cta-backdrop, var(--vvd-color-cta-50));--_connotation-color-intermediate: var(--vvd-appearanceUI-cta-intermediate, var(--vvd-color-cta-500))}.base.connotation-success{--_connotation-color-faint: var(--vvd-appearanceUI-success-faint, var(--vvd-color-success-50));--_connotation-color-soft: var(--vvd-appearanceUI-success-soft, var(--vvd-color-success-100));--_connotation-color-dim: var(--vvd-appearanceUI-success-dim, var(--vvd-color-success-200));--_connotation-color-pale: var(--vvd-appearanceUI-success-pale, var(--vvd-color-success-300));--_connotation-color-light: var(--vvd-appearanceUI-success-light, var(--vvd-color-success-400));--_connotation-color-primary: var(--vvd-appearanceUI-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-success-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-success-primary-increment, var(--vvd-color-success-600));--_connotation-color-firm: var(--vvd-appearanceUI-success-firm, var(--vvd-color-success-600));--_connotation-color-fierce: var(--vvd-appearanceUI-success-fierce, var(--vvd-color-success-700));--_connotation-color-contrast: var(--vvd-appearanceUI-success-contrast, var(--vvd-color-success-800));--_connotation-color-backdrop: var(--vvd-appearanceUI-success-backdrop, var(--vvd-color-success-50));--_connotation-color-intermediate: var(--vvd-appearanceUI-success-intermediate, var(--vvd-color-success-500))}.base.connotation-alert{--_connotation-color-faint: var(--vvd-appearanceUI-alert-faint, var(--vvd-color-alert-50));--_connotation-color-soft: var(--vvd-appearanceUI-alert-soft, var(--vvd-color-alert-100));--_connotation-color-dim: var(--vvd-appearanceUI-alert-dim, var(--vvd-color-alert-200));--_connotation-color-pale: var(--vvd-appearanceUI-alert-pale, var(--vvd-color-alert-300));--_connotation-color-light: var(--vvd-appearanceUI-alert-light, var(--vvd-color-alert-400));--_connotation-color-primary: var(--vvd-appearanceUI-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-alert-primary-increment, var(--vvd-color-alert-600));--_connotation-color-firm: var(--vvd-appearanceUI-alert-firm, var(--vvd-color-alert-600));--_connotation-color-fierce: var(--vvd-appearanceUI-alert-fierce, var(--vvd-color-alert-700));--_connotation-color-contrast: var(--vvd-appearanceUI-alert-contrast, var(--vvd-color-alert-800));--_connotation-color-backdrop: var(--vvd-appearanceUI-alert-backdrop, var(--vvd-color-alert-50));--_connotation-color-intermediate: var(--vvd-appearanceUI-alert-intermediate, var(--vvd-color-alert-500))}.base.connotation-warning{--_connotation-color-faint: var(--vvd-appearanceUI-warning-faint, var(--vvd-color-warning-50));--_connotation-color-soft: var(--vvd-appearanceUI-warning-soft, var(--vvd-color-warning-100));--_connotation-color-dim: var(--vvd-appearanceUI-warning-dim, var(--vvd-color-warning-200));--_connotation-color-pale: var(--vvd-appearanceUI-warning-pale, var(--vvd-color-warning-300));--_connotation-color-light: var(--vvd-appearanceUI-warning-light, var(--vvd-color-warning-400));--_connotation-color-primary: var(--vvd-appearanceUI-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-appearanceUI-warning-primary-text, var(--vvd-color-canvas-text));--_connotation-color-primary-increment: var(--vvd-appearanceUI-warning-primary-increment, var(--vvd-color-warning-600));--_connotation-color-firm: var(--vvd-appearanceUI-warning-firm, var(--vvd-color-warning-600));--_connotation-color-fierce: var(--vvd-appearanceUI-warning-fierce, var(--vvd-color-warning-700));--_connotation-color-contrast: var(--vvd-appearanceUI-warning-contrast, var(--vvd-color-warning-800));--_connotation-color-backdrop: var(--vvd-appearanceUI-warning-backdrop, var(--vvd-color-warning-50));--_connotation-color-intermediate: var(--vvd-appearanceUI-warning-intermediate, var(--vvd-color-warning-300))}.base.connotation-information{--_connotation-color-faint: var(--vvd-appearanceUI-information-faint, var(--vvd-color-information-50));--_connotation-color-soft: var(--vvd-appearanceUI-information-soft, var(--vvd-color-information-100));--_connotation-color-dim: var(--vvd-appearanceUI-information-dim, var(--vvd-color-information-200));--_connotation-color-pale: var(--vvd-appearanceUI-information-pale, var(--vvd-color-information-300));--_connotation-color-light: var(--vvd-appearanceUI-information-light, var(--vvd-color-information-400));--_connotation-color-primary: var(--vvd-appearanceUI-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-information-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-information-primary-increment, var(--vvd-color-information-600));--_connotation-color-firm: var(--vvd-appearanceUI-information-firm, var(--vvd-color-information-600));--_connotation-color-fierce: var(--vvd-appearanceUI-information-fierce, var(--vvd-color-information-700));--_connotation-color-contrast: var(--vvd-appearanceUI-information-contrast, var(--vvd-color-information-800));--_connotation-color-backdrop: var(--vvd-appearanceUI-information-backdrop, var(--vvd-color-information-50));--_connotation-color-intermediate: var(--vvd-appearanceUI-information-intermediate, var(--vvd-color-information-500))}.base.connotation-announcement{--_connotation-color-faint: var(--vvd-appearanceUI-announcement-faint, var(--vvd-color-announcement-50));--_connotation-color-soft: var(--vvd-appearanceUI-announcement-soft, var(--vvd-color-announcement-100));--_connotation-color-dim: var(--vvd-appearanceUI-announcement-dim, var(--vvd-color-announcement-200));--_connotation-color-pale: var(--vvd-appearanceUI-announcement-pale, var(--vvd-color-announcement-300));--_connotation-color-light: var(--vvd-appearanceUI-announcement-light, var(--vvd-color-announcement-400));--_connotation-color-primary: var(--vvd-appearanceUI-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-announcement-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-announcement-primary-increment, var(--vvd-color-announcement-600));--_connotation-color-firm: var(--vvd-appearanceUI-announcement-firm, var(--vvd-color-announcement-600));--_connotation-color-fierce: var(--vvd-appearanceUI-announcement-fierce, var(--vvd-color-announcement-700));--_connotation-color-contrast: var(--vvd-appearanceUI-announcement-contrast, var(--vvd-color-announcement-800));--_connotation-color-backdrop: var(--vvd-appearanceUI-announcement-backdrop, var(--vvd-color-announcement-50));--_connotation-color-intermediate: var(--vvd-appearanceUI-announcement-intermediate, var(--vvd-color-announcement-500))}.base:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-information,.connotation-announcement){--_connotation-color-faint: var(--vvd-appearanceUI-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-appearanceUI-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-dim: var(--vvd-appearanceUI-accent-dim, var(--vvd-color-neutral-200));--_connotation-color-pale: var(--vvd-appearanceUI-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-light: var(--vvd-appearanceUI-accent-light, var(--vvd-color-neutral-400));--_connotation-color-primary: var(--vvd-appearanceUI-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-appearanceUI-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-firm: var(--vvd-appearanceUI-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-fierce: var(--vvd-appearanceUI-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-contrast: var(--vvd-appearanceUI-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-backdrop: var(--vvd-appearanceUI-accent-backdrop, var(--vvd-color-canvas));--_connotation-color-intermediate: var(--vvd-appearanceUI-accent-intermediate, var(--vvd-color-neutral-500))}.base{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm)}.base.appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--_connotation-color-backdrop);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--_connotation-color-backdrop);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-fierce);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--_connotation-color-backdrop);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary)}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary)}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:disabled,.disabled).appearance-outlined{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base:where(:disabled,.disabled).appearance-subtle{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:where(:disabled,.disabled).appearance-fieldset{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-listitem{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-duotone{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-subtle{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-fieldset{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-listitem{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}.base:where(.readonly):where(:not(:disabled,.disabled)){--_appearance-color-text: var(--vvd-color-neutral-800);--_appearance-color-fill: var(--vvd-color-neutral-500);--_appearance-color-outline: transparent}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-400)}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}\n";
4
+ const styles = ".wrapper{display:grid;column-gap:8px;grid-template-columns:repeat(7,auto)}.base{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;background-color:var(--_appearance-color-fill);block-size:40px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);padding-inline:16px}.base.connotation-cta{--_connotation-color-faint: var(--vvd-appearanceUI-cta-faint, var(--vvd-color-cta-50));--_connotation-color-soft: var(--vvd-appearanceUI-cta-soft, var(--vvd-color-cta-100));--_connotation-color-dim: var(--vvd-appearanceUI-cta-dim, var(--vvd-color-cta-200));--_connotation-color-pale: var(--vvd-appearanceUI-cta-pale, var(--vvd-color-cta-300));--_connotation-color-light: var(--vvd-appearanceUI-cta-light, var(--vvd-color-cta-400));--_connotation-color-primary: var(--vvd-appearanceUI-cta-primary, var(--vvd-color-cta-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-cta-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-cta-primary-increment, var(--vvd-color-cta-600));--_connotation-color-firm: var(--vvd-appearanceUI-cta-firm, var(--vvd-color-cta-600));--_connotation-color-fierce: var(--vvd-appearanceUI-cta-fierce, var(--vvd-color-cta-700));--_connotation-color-contrast: var(--vvd-appearanceUI-cta-contrast, var(--vvd-color-cta-800));--_connotation-color-intermediate: var(--vvd-appearanceUI-cta-intermediate, var(--vvd-color-cta-500))}.base.connotation-success{--_connotation-color-faint: var(--vvd-appearanceUI-success-faint, var(--vvd-color-success-50));--_connotation-color-soft: var(--vvd-appearanceUI-success-soft, var(--vvd-color-success-100));--_connotation-color-dim: var(--vvd-appearanceUI-success-dim, var(--vvd-color-success-200));--_connotation-color-pale: var(--vvd-appearanceUI-success-pale, var(--vvd-color-success-300));--_connotation-color-light: var(--vvd-appearanceUI-success-light, var(--vvd-color-success-400));--_connotation-color-primary: var(--vvd-appearanceUI-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-success-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-success-primary-increment, var(--vvd-color-success-600));--_connotation-color-firm: var(--vvd-appearanceUI-success-firm, var(--vvd-color-success-600));--_connotation-color-fierce: var(--vvd-appearanceUI-success-fierce, var(--vvd-color-success-700));--_connotation-color-contrast: var(--vvd-appearanceUI-success-contrast, var(--vvd-color-success-800));--_connotation-color-intermediate: var(--vvd-appearanceUI-success-intermediate, var(--vvd-color-success-500))}.base.connotation-alert{--_connotation-color-faint: var(--vvd-appearanceUI-alert-faint, var(--vvd-color-alert-50));--_connotation-color-soft: var(--vvd-appearanceUI-alert-soft, var(--vvd-color-alert-100));--_connotation-color-dim: var(--vvd-appearanceUI-alert-dim, var(--vvd-color-alert-200));--_connotation-color-pale: var(--vvd-appearanceUI-alert-pale, var(--vvd-color-alert-300));--_connotation-color-light: var(--vvd-appearanceUI-alert-light, var(--vvd-color-alert-400));--_connotation-color-primary: var(--vvd-appearanceUI-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-alert-primary-increment, var(--vvd-color-alert-600));--_connotation-color-firm: var(--vvd-appearanceUI-alert-firm, var(--vvd-color-alert-600));--_connotation-color-fierce: var(--vvd-appearanceUI-alert-fierce, var(--vvd-color-alert-700));--_connotation-color-contrast: var(--vvd-appearanceUI-alert-contrast, var(--vvd-color-alert-800));--_connotation-color-intermediate: var(--vvd-appearanceUI-alert-intermediate, var(--vvd-color-alert-500))}.base.connotation-warning{--_connotation-color-faint: var(--vvd-appearanceUI-warning-faint, var(--vvd-color-warning-50));--_connotation-color-soft: var(--vvd-appearanceUI-warning-soft, var(--vvd-color-warning-100));--_connotation-color-dim: var(--vvd-appearanceUI-warning-dim, var(--vvd-color-warning-200));--_connotation-color-pale: var(--vvd-appearanceUI-warning-pale, var(--vvd-color-warning-300));--_connotation-color-light: var(--vvd-appearanceUI-warning-light, var(--vvd-color-warning-400));--_connotation-color-primary: var(--vvd-appearanceUI-warning-primary, var(--vvd-color-warning-300));--_connotation-color-primary-text: var(--vvd-appearanceUI-warning-primary-text, var(--vvd-color-canvas-text));--_connotation-color-primary-increment: var(--vvd-appearanceUI-warning-primary-increment, var(--vvd-color-warning-600));--_connotation-color-firm: var(--vvd-appearanceUI-warning-firm, var(--vvd-color-warning-600));--_connotation-color-fierce: var(--vvd-appearanceUI-warning-fierce, var(--vvd-color-warning-700));--_connotation-color-contrast: var(--vvd-appearanceUI-warning-contrast, var(--vvd-color-warning-800));--_connotation-color-intermediate: var(--vvd-appearanceUI-warning-intermediate, var(--vvd-color-warning-300))}.base.connotation-information{--_connotation-color-faint: var(--vvd-appearanceUI-information-faint, var(--vvd-color-information-50));--_connotation-color-soft: var(--vvd-appearanceUI-information-soft, var(--vvd-color-information-100));--_connotation-color-dim: var(--vvd-appearanceUI-information-dim, var(--vvd-color-information-200));--_connotation-color-pale: var(--vvd-appearanceUI-information-pale, var(--vvd-color-information-300));--_connotation-color-light: var(--vvd-appearanceUI-information-light, var(--vvd-color-information-400));--_connotation-color-primary: var(--vvd-appearanceUI-information-primary, var(--vvd-color-information-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-information-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-information-primary-increment, var(--vvd-color-information-600));--_connotation-color-firm: var(--vvd-appearanceUI-information-firm, var(--vvd-color-information-600));--_connotation-color-fierce: var(--vvd-appearanceUI-information-fierce, var(--vvd-color-information-700));--_connotation-color-contrast: var(--vvd-appearanceUI-information-contrast, var(--vvd-color-information-800));--_connotation-color-intermediate: var(--vvd-appearanceUI-information-intermediate, var(--vvd-color-information-500))}.base.connotation-announcement{--_connotation-color-faint: var(--vvd-appearanceUI-announcement-faint, var(--vvd-color-announcement-50));--_connotation-color-soft: var(--vvd-appearanceUI-announcement-soft, var(--vvd-color-announcement-100));--_connotation-color-dim: var(--vvd-appearanceUI-announcement-dim, var(--vvd-color-announcement-200));--_connotation-color-pale: var(--vvd-appearanceUI-announcement-pale, var(--vvd-color-announcement-300));--_connotation-color-light: var(--vvd-appearanceUI-announcement-light, var(--vvd-color-announcement-400));--_connotation-color-primary: var(--vvd-appearanceUI-announcement-primary, var(--vvd-color-announcement-500));--_connotation-color-primary-text: var(--vvd-appearanceUI-announcement-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-announcement-primary-increment, var(--vvd-color-announcement-600));--_connotation-color-firm: var(--vvd-appearanceUI-announcement-firm, var(--vvd-color-announcement-600));--_connotation-color-fierce: var(--vvd-appearanceUI-announcement-fierce, var(--vvd-color-announcement-700));--_connotation-color-contrast: var(--vvd-appearanceUI-announcement-contrast, var(--vvd-color-announcement-800));--_connotation-color-intermediate: var(--vvd-appearanceUI-announcement-intermediate, var(--vvd-color-announcement-500))}.base:not(.connotation-cta,.connotation-success,.connotation-alert,.connotation-warning,.connotation-information,.connotation-announcement){--_connotation-color-faint: var(--vvd-appearanceUI-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-appearanceUI-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-dim: var(--vvd-appearanceUI-accent-dim, var(--vvd-color-neutral-200));--_connotation-color-pale: var(--vvd-appearanceUI-accent-pale, var(--vvd-color-neutral-300));--_connotation-color-light: var(--vvd-appearanceUI-accent-light, var(--vvd-color-neutral-400));--_connotation-color-primary: var(--vvd-appearanceUI-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-appearanceUI-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-appearanceUI-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-firm: var(--vvd-appearanceUI-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-fierce: var(--vvd-appearanceUI-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-contrast: var(--vvd-appearanceUI-accent-contrast, var(--vvd-color-neutral-800));--_connotation-color-intermediate: var(--vvd-appearanceUI-accent-intermediate, var(--vvd-color-neutral-500))}.base{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm)}.base.appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-pale)}.base.appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base.appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-intermediate)}.base.appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-fierce)}.base:where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)){--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-fierce);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-pale)}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:active,.active):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}.base:where(.selected,[aria-current]):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: var(--_connotation-color-pale)}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: var(--_connotation-color-primary)}.base:where(:checked,.checked):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary-increment)}.base:where(:checked,.checked):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)){--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-duotone{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: var(--_connotation-color-firm)}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-subtle{--_appearance-color-text: var(--_connotation-color-contrast);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-fieldset{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: var(--_connotation-color-primary-increment)}.base:where(.selected,[aria-current]):where(:hover,.hover):where(:not(:disabled,.disabled,.readonly)).appearance-listitem{--_appearance-color-text: var(--_connotation-color-primary);--_appearance-color-fill: var(--_connotation-color-pale);--_appearance-color-outline: transparent}.base:where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(:disabled,.disabled).appearance-outlined{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-duotone{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-100)}.base:where(:disabled,.disabled).appearance-subtle{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:where(:disabled,.disabled).appearance-fieldset{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(:disabled,.disabled).appearance-listitem{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:disabled,.disabled){--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-outlined{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-duotone{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-subtle{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-fieldset{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:where(.selected,[aria-current]):where(:disabled,.disabled).appearance-listitem{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}.base:where(.readonly):where(:not(:disabled,.disabled)){--_appearance-color-text: var(--vvd-color-neutral-800);--_appearance-color-fill: var(--vvd-color-neutral-500);--_appearance-color-outline: transparent}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-outlined{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: var(--vvd-color-neutral-400)}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-duotone{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-subtle{--_appearance-color-text: notset;--_appearance-color-fill: notset;--_appearance-color-outline: notset}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-fieldset{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.base:where(.readonly):where(:not(:disabled,.disabled)).appearance-listitem{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}\n";
5
5
 
6
6
  var __defProp = Object.defineProperty;
7
7
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
package/audio-player/index.cjs CHANGED
@@ -8,7 +8,7 @@ require('../shared/icon.cjs');
8
8
  require('../shared/_has.cjs');
9
9
  require('../shared/class-names.cjs');
10
10
  require('../shared/when.cjs');
11
- require('../shared/definition58.cjs');
11
+ require('../shared/definition59.cjs');
12
12
  require('../shared/focus.cjs');
13
13
  require('../shared/definition37.cjs');
14
14
  require('../shared/base-progress.cjs');
package/audio-player/index.js CHANGED
@@ -6,7 +6,7 @@ import '../shared/icon.js';
6
6
  import '../shared/_has.js';
7
7
  import '../shared/class-names.js';
8
8
  import '../shared/when.js';
9
- import '../shared/definition58.js';
9
+ import '../shared/definition59.js';
10
10
  import '../shared/focus.js';
11
11
  import '../shared/definition37.js';
12
12
  import '../shared/base-progress.js';
package/banner/index.cjs CHANGED
@@ -8,7 +8,7 @@ require('../shared/icon.cjs');
8
8
  require('../shared/_has.cjs');
9
9
  require('../shared/class-names.cjs');
10
10
  require('../shared/when.cjs');
11
- require('../shared/definition58.cjs');
11
+ require('../shared/definition59.cjs');
12
12
  require('../shared/focus.cjs');
13
13
  require('../shared/definition37.cjs');
14
14
  require('../shared/base-progress.cjs');
package/banner/index.js CHANGED
@@ -6,7 +6,7 @@ import '../shared/icon.js';
6
6
  import '../shared/_has.js';
7
7
  import '../shared/class-names.js';
8
8
  import '../shared/when.js';
9
- import '../shared/definition58.js';
9
+ import '../shared/definition59.js';
10
10
  import '../shared/focus.js';
11
11
  import '../shared/definition37.js';
12
12
  import '../shared/base-progress.js';
package/breadcrumb-item/index.cjs CHANGED
@@ -7,7 +7,7 @@ require('../shared/icon.cjs');
7
7
  require('../shared/_has.cjs');
8
8
  require('../shared/class-names.cjs');
9
9
  require('../shared/when.cjs');
10
- require('../shared/definition58.cjs');
10
+ require('../shared/definition59.cjs');
11
11
  require('../shared/focus.cjs');
12
12
  require('../shared/breadcrumb-item.cjs');
13
13
  require('../shared/anchor.cjs');
package/breadcrumb-item/index.js CHANGED
@@ -5,7 +5,7 @@ import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
7
7
  import '../shared/when.js';
8
- import '../shared/definition58.js';
8
+ import '../shared/definition59.js';
9
9
  import '../shared/focus.js';
10
10
  import '../shared/breadcrumb-item.js';
11
11
  import '../shared/anchor.js';
package/button/index.cjs CHANGED
@@ -7,7 +7,7 @@ require('../shared/icon.cjs');
7
7
  require('../shared/_has.cjs');
8
8
  require('../shared/class-names.cjs');
9
9
  require('../shared/when.cjs');
10
- require('../shared/definition58.cjs');
10
+ require('../shared/definition59.cjs');
11
11
  require('../shared/focus.cjs');
12
12
  require('../shared/definition37.cjs');
13
13
  require('../shared/base-progress.cjs');
package/button/index.js CHANGED
@@ -5,7 +5,7 @@ import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
7
7
  import '../shared/when.js';
8
- import '../shared/definition58.js';
8
+ import '../shared/definition59.js';
9
9
  import '../shared/focus.js';
10
10
  import '../shared/definition37.js';
11
11
  import '../shared/base-progress.js';
package/card/index.cjs CHANGED
@@ -7,7 +7,7 @@ require('../shared/icon.cjs');
7
7
  require('../shared/_has.cjs');
8
8
  require('../shared/class-names.cjs');
9
9
  require('../shared/when.cjs');
10
- require('../shared/definition59.cjs');
10
+ require('../shared/definition60.cjs');
11
11
  require('../shared/enums.cjs');
12
12
  require('../shared/slotted.cjs');
13
13
 
package/card/index.js CHANGED
@@ -5,7 +5,7 @@ import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
7
7
  import '../shared/when.js';
8
- import '../shared/definition59.js';
8
+ import '../shared/definition60.js';
9
9
  import '../shared/enums.js';
10
10
  import '../shared/slotted.js';
11
11
 
package/checkbox/index.cjs CHANGED
@@ -7,7 +7,7 @@ require('../shared/icon.cjs');
7
7
  require('../shared/_has.cjs');
8
8
  require('../shared/class-names.cjs');
9
9
  require('../shared/when.cjs');
10
- require('../shared/definition58.cjs');
10
+ require('../shared/definition59.cjs');
11
11
  require('../shared/focus.cjs');
12
12
  require('../shared/affix.cjs');
13
13
  require('../shared/slotted.cjs');
@@ -16,6 +16,5 @@ require('../locales/en-US.cjs');
16
16
  require('../shared/form-associated.cjs');
17
17
  require('../shared/key-codes.cjs');
18
18
  require('../shared/apply-mixins.cjs');
19
- require('../shared/focus2.cjs');
20
19
 
21
20
  definition.registerCheckbox();
package/checkbox/index.js CHANGED
@@ -5,7 +5,7 @@ import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
7
7
  import '../shared/when.js';
8
- import '../shared/definition58.js';
8
+ import '../shared/definition59.js';
9
9
  import '../shared/focus.js';
10
10
  import '../shared/affix.js';
11
11
  import '../shared/slotted.js';
@@ -14,6 +14,5 @@ import '../locales/en-US.js';
14
14
  import '../shared/form-associated.js';
15
15
  import '../shared/key-codes.js';
16
16
  import '../shared/apply-mixins.js';
17
- import '../shared/focus2.js';
18
17
 
19
18
  registerCheckbox();
package/combobox/index.cjs CHANGED
@@ -7,9 +7,9 @@ require('../shared/icon.cjs');
7
7
  require('../shared/_has.cjs');
8
8
  require('../shared/class-names.cjs');
9
9
  require('../shared/when.cjs');
10
- require('../shared/definition60.cjs');
10
+ require('../shared/definition61.cjs');
11
11
  require('../shared/definition11.cjs');
12
- require('../shared/definition58.cjs');
12
+ require('../shared/definition59.cjs');
13
13
  require('../shared/focus.cjs');
14
14
  require('../shared/definition37.cjs');
15
15
  require('../shared/base-progress.cjs');
@@ -23,7 +23,7 @@ require('../shared/aria-global.cjs');
23
23
  require('../shared/start-end.cjs');
24
24
  require('../shared/ref.cjs');
25
25
  require('../shared/enums.cjs');
26
- require('../shared/definition59.cjs');
26
+ require('../shared/definition60.cjs');
27
27
  require('../shared/definition35.cjs');
28
28
  require('../shared/dom.cjs');
29
29
  require('../shared/focus2.cjs');
package/combobox/index.js CHANGED
@@ -5,9 +5,9 @@ import '../shared/icon.js';
5
5
  import '../shared/_has.js';
6
6
  import '../shared/class-names.js';
7
7
  import '../shared/when.js';
8
- import '../shared/definition60.js';
8
+ import '../shared/definition61.js';
9
9
  import '../shared/definition11.js';
10
- import '../shared/definition58.js';
10
+ import '../shared/definition59.js';
11
11
  import '../shared/focus.js';
12
12
  import '../shared/definition37.js';
13
13
  import '../shared/base-progress.js';
@@ -21,7 +21,7 @@ import '../shared/aria-global.js';
21
21
  import '../shared/start-end.js';
22
22
  import '../shared/ref.js';
23
23
  import '../shared/enums.js';
24
- import '../shared/definition59.js';
24
+ import '../shared/definition60.js';
25
25
  import '../shared/definition35.js';
26
26
  import '../shared/dom.js';
27
27
  import '../shared/focus2.js';