@empathyco/x-components 6.0.0-alpha.3 → 6.0.0-alpha.31

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 (612) hide show
  1. package/CHANGELOG.md +291 -1
  2. package/core/index.js +5 -1
  3. package/core/index.js.map +1 -1
  4. package/design-system/deprecated-full-theme.css +1209 -1209
  5. package/docs/API-reference/api/x-adapter-platform.md +9 -0
  6. package/docs/API-reference/api/x-adapter-platform.platformadapter.relatedprompts.md +11 -0
  7. package/docs/API-reference/api/x-adapter-platform.platformrelatedprompt.md +22 -0
  8. package/docs/API-reference/api/x-adapter-platform.platformrelatedprompt.nextqueries.md +11 -0
  9. package/docs/API-reference/api/x-adapter-platform.platformrelatedprompt.suggestiontext.md +11 -0
  10. package/docs/API-reference/api/x-adapter-platform.platformrelatedprompt.type.md +11 -0
  11. package/docs/API-reference/api/x-adapter-platform.platformrelatedpromptsrequest.md +15 -0
  12. package/docs/API-reference/api/x-adapter-platform.platformrelatedpromptsresponse.data.md +13 -0
  13. package/docs/API-reference/api/x-adapter-platform.platformrelatedpromptsresponse.md +21 -0
  14. package/docs/API-reference/api/x-adapter-platform.platformrelatedpromptsresponse.status.md +11 -0
  15. package/docs/API-reference/api/x-adapter-platform.platformsearchresponse.catalog.md +6 -0
  16. package/docs/API-reference/api/x-adapter-platform.platformsearchresponse.md +1 -1
  17. package/docs/API-reference/api/x-adapter-platform.relatedpromptschema.md +13 -0
  18. package/docs/API-reference/api/x-adapter-platform.relatedpromptsendpointadapter.md +13 -0
  19. package/docs/API-reference/api/x-adapter-platform.relatedpromptsrequestmapper.md +13 -0
  20. package/docs/API-reference/api/x-adapter-platform.relatedpromptsrequestschema.md +13 -0
  21. package/docs/API-reference/api/x-adapter-platform.relatedpromptsresponsemapper.md +13 -0
  22. package/docs/API-reference/api/x-adapter-platform.relatedpromptsresponseschema.md +13 -0
  23. package/docs/API-reference/api/x-components.animationprop.md +6 -1
  24. package/docs/API-reference/api/x-components.bannerslist.md +3 -3
  25. package/docs/API-reference/api/x-components.basedropdown.md +5 -5
  26. package/docs/API-reference/api/x-components.baseeventsmodal.md +2 -2
  27. package/docs/API-reference/api/x-components.basegrid.md +3 -3
  28. package/docs/API-reference/api/x-components.baseheadertogglepanel.md +5 -5
  29. package/docs/API-reference/api/x-components.baseidmodal.md +2 -2
  30. package/docs/API-reference/api/x-components.baseidtogglepanel.md +5 -5
  31. package/docs/API-reference/api/x-components.basemodal.md +10 -10
  32. package/docs/API-reference/api/x-components.baseresultimage.md +9 -9
  33. package/docs/API-reference/api/x-components.baseslider.md +70 -0
  34. package/docs/API-reference/api/x-components.basesuggestions.md +3 -3
  35. package/docs/API-reference/api/x-components.basetabspanel.md +8 -8
  36. package/docs/API-reference/api/x-components.basetogglepanel.md +3 -3
  37. package/docs/API-reference/api/x-components.basevariablecolumngrid.md +3 -3
  38. package/docs/API-reference/api/x-components.cancelfetchandsaverelatedprompts.md +13 -0
  39. package/docs/API-reference/api/x-components.configmutations.config.md +11 -0
  40. package/docs/API-reference/api/x-components.configmutations.md +29 -0
  41. package/docs/API-reference/api/x-components.configmutations.mergeconfig.md +24 -0
  42. package/docs/API-reference/api/x-components.configmutations.setconfig.md +24 -0
  43. package/docs/API-reference/api/x-components.createrelatedtagsquerygetter.md +26 -0
  44. package/docs/API-reference/api/x-components.createrelatedtagsquerygetteroptions.getrelatedtags.md +13 -0
  45. package/docs/API-reference/api/x-components.createrelatedtagsquerygetteroptions.md +20 -0
  46. package/docs/API-reference/api/x-components.empathize.md +5 -5
  47. package/docs/API-reference/api/x-components.empathizemutations.md +1 -1
  48. package/docs/API-reference/api/x-components.facets.md +3 -3
  49. package/docs/API-reference/api/x-components.facetsmutations.md +1 -1
  50. package/docs/API-reference/api/x-components.fetchandsaverelatedprompts.md +13 -0
  51. package/docs/API-reference/api/x-components.fetchrelatedprompts.md +13 -0
  52. package/docs/API-reference/api/x-components.filterslist.md +3 -3
  53. package/docs/API-reference/api/x-components.globalxbus.md +6 -0
  54. package/docs/API-reference/api/x-components.hierarchicalfilter.md +5 -2
  55. package/docs/API-reference/api/x-components.historyqueriesmutations.md +1 -1
  56. package/docs/API-reference/api/x-components.historyqueriesstate.md +1 -1
  57. package/docs/API-reference/api/x-components.identifierresults.md +3 -3
  58. package/docs/API-reference/api/x-components.identifierresultsmutations.md +1 -1
  59. package/docs/API-reference/api/x-components.identifierresultsstate.md +1 -1
  60. package/docs/API-reference/api/x-components.installxoptions.domelement.md +1 -1
  61. package/docs/API-reference/api/x-components.installxoptions.installextraplugins.md +2 -2
  62. package/docs/API-reference/api/x-components.installxoptions.md +1 -1
  63. package/docs/API-reference/api/x-components.itemslist.md +3 -3
  64. package/docs/API-reference/api/x-components.mainmodal.md +2 -2
  65. package/docs/API-reference/api/x-components.md +26 -1
  66. package/docs/API-reference/api/x-components.mergeconfig.md +27 -0
  67. package/docs/API-reference/api/x-components.multicolumnmaxwidthlayout.md +5 -5
  68. package/docs/API-reference/api/x-components.myhistory.md +3 -3
  69. package/docs/API-reference/api/x-components.nextqueriesgroup.md +22 -0
  70. package/docs/API-reference/api/x-components.nextqueriesgroup.modelname.md +11 -0
  71. package/docs/API-reference/api/x-components.nextqueriesgroup.nextqueries.md +11 -0
  72. package/docs/API-reference/api/x-components.nextquerieslist.md +3 -3
  73. package/docs/API-reference/api/x-components.nextqueriesmutations.md +1 -1
  74. package/docs/API-reference/api/x-components.nextqueriesstate.md +1 -1
  75. package/docs/API-reference/api/x-components.partialresultslist.md +3 -3
  76. package/docs/API-reference/api/x-components.popularsearchesmutations.md +1 -1
  77. package/docs/API-reference/api/x-components.promotedslist.md +3 -3
  78. package/docs/API-reference/api/x-components.queriespreviewmutations.md +1 -1
  79. package/docs/API-reference/api/x-components.querymutations.md +20 -0
  80. package/docs/API-reference/api/x-components.querymutations.setquery.md +24 -0
  81. package/docs/API-reference/api/x-components.querypreviewlist.md +3 -3
  82. package/docs/API-reference/api/x-components.querystate.md +20 -0
  83. package/docs/API-reference/api/x-components.querystate.query.md +13 -0
  84. package/docs/API-reference/api/x-components.querysuggestionsmutations.md +1 -1
  85. package/docs/API-reference/api/x-components.querysuggestionsstate.md +1 -1
  86. package/docs/API-reference/api/x-components.recommendations.md +3 -3
  87. package/docs/API-reference/api/x-components.recommendationsmutations.md +1 -1
  88. package/docs/API-reference/api/x-components.relatedprompt.md +54 -0
  89. package/docs/API-reference/api/x-components.relatedpromptrequest.md +13 -0
  90. package/docs/API-reference/api/x-components.relatedpromptsactioncontext.md +15 -0
  91. package/docs/API-reference/api/x-components.relatedpromptsactions.cancelfetchandsaverelatedprompts.md +17 -0
  92. package/docs/API-reference/api/x-components.relatedpromptsactions.fetchandsaverelatedprompts.md +24 -0
  93. package/docs/API-reference/api/x-components.relatedpromptsactions.fetchrelatedprompts.md +24 -0
  94. package/docs/API-reference/api/x-components.relatedpromptsactions.md +22 -0
  95. package/docs/API-reference/api/x-components.relatedpromptsgetters.md +20 -0
  96. package/docs/API-reference/api/x-components.relatedpromptsgetters.request.md +13 -0
  97. package/docs/API-reference/api/x-components.relatedpromptslist.md +72 -0
  98. package/docs/API-reference/api/x-components.relatedpromptsmutations.md +26 -0
  99. package/docs/API-reference/api/x-components.relatedpromptsmutations.resetrelatedpromptsstate.md +17 -0
  100. package/docs/API-reference/api/x-components.relatedpromptsmutations.resetselectedprompt.md +17 -0
  101. package/docs/API-reference/api/x-components.relatedpromptsmutations.setparams.md +24 -0
  102. package/docs/API-reference/api/x-components.relatedpromptsmutations.setrelatedpromptsproducts.md +24 -0
  103. package/docs/API-reference/api/x-components.relatedpromptsmutations.setselectedprompt.md +24 -0
  104. package/docs/API-reference/api/x-components.relatedpromptsmutations.setselectedquery.md +24 -0
  105. package/docs/API-reference/api/x-components.relatedpromptsstate.md +24 -0
  106. package/docs/API-reference/api/x-components.relatedpromptsstate.params.md +13 -0
  107. package/docs/API-reference/api/x-components.relatedpromptsstate.relatedprompts.md +13 -0
  108. package/docs/API-reference/api/x-components.relatedpromptsstate.selectedprompt.md +13 -0
  109. package/docs/API-reference/api/x-components.relatedpromptsstate.selectedquery.md +13 -0
  110. package/docs/API-reference/api/x-components.relatedpromptstaglist.md +22 -0
  111. package/docs/API-reference/api/x-components.relatedpromptsxevents.md +22 -0
  112. package/docs/API-reference/api/x-components.relatedpromptsxevents.relatedpromptsrequestupdated.md +13 -0
  113. package/docs/API-reference/api/x-components.relatedpromptsxevents.userselectedarelatedprompt.md +13 -0
  114. package/docs/API-reference/api/x-components.relatedpromptsxevents.userselectedarelatedpromptquery.md +13 -0
  115. package/docs/API-reference/api/x-components.relatedpromptsxmodule.md +13 -0
  116. package/docs/API-reference/api/x-components.relatedpromptsxstoremodule.md +15 -0
  117. package/docs/API-reference/api/x-components.relatedtags.md +3 -3
  118. package/docs/API-reference/api/x-components.relatedtagsmutations.md +1 -1
  119. package/docs/API-reference/api/x-components.relatedtagsstate.md +1 -1
  120. package/docs/API-reference/api/x-components.resultslist.md +3 -3
  121. package/docs/API-reference/api/x-components.scrolltotop.md +5 -5
  122. package/docs/API-reference/api/x-components.searchboxmutations.md +1 -1
  123. package/docs/API-reference/api/x-components.searchboxstate.md +1 -1
  124. package/docs/API-reference/api/x-components.searchinputplaceholder.md +3 -3
  125. package/docs/API-reference/api/x-components.searchmutations.md +2 -1
  126. package/docs/API-reference/api/x-components.searchmutations.setstats.md +24 -0
  127. package/docs/API-reference/api/x-components.searchstate.md +2 -1
  128. package/docs/API-reference/api/x-components.searchstate.stats.md +13 -0
  129. package/docs/API-reference/api/x-components.selectedfilterslist.md +3 -3
  130. package/docs/API-reference/api/x-components.semanticqueriesmutations.md +1 -1
  131. package/docs/API-reference/api/x-components.semanticqueriesstate.md +1 -1
  132. package/docs/API-reference/api/x-components.setconfig.md +27 -0
  133. package/docs/API-reference/api/x-components.setquery.md +25 -0
  134. package/docs/API-reference/api/x-components.simplefilter.md +3 -0
  135. package/docs/API-reference/api/x-components.singlecolumnlayout.md +3 -3
  136. package/docs/API-reference/api/x-components.snippetcallbacks.md +3 -0
  137. package/docs/API-reference/api/x-components.snippetconfigextraparams.md +1 -1
  138. package/docs/API-reference/api/x-components.sortdropdown.md +1 -1
  139. package/docs/API-reference/api/x-components.tagging.md +17 -4
  140. package/docs/API-reference/api/x-components.taggingmutations.md +1 -1
  141. package/docs/API-reference/api/x-components.urlmutations.md +1 -1
  142. package/docs/API-reference/api/x-components.urlstate.md +1 -1
  143. package/docs/API-reference/api/x-components.usealiasapi.md +1 -0
  144. package/docs/API-reference/api/x-components.usealiasapi.pricestats.md +16 -0
  145. package/docs/API-reference/api/x-components.xeventstypes.md +3 -3
  146. package/docs/API-reference/api/x-components.xmodulestree.md +1 -0
  147. package/docs/API-reference/api/x-components.xmodulestree.relatedprompts.md +11 -0
  148. package/docs/API-reference/api/x-types.md +4 -0
  149. package/docs/API-reference/api/x-types.relatedprompt.md +23 -0
  150. package/docs/API-reference/api/x-types.relatedprompt.nextqueries.md +13 -0
  151. package/docs/API-reference/api/x-types.relatedprompt.suggestiontext.md +13 -0
  152. package/docs/API-reference/api/x-types.relatedprompt.type.md +13 -0
  153. package/docs/API-reference/api/x-types.relatedpromptsrequest.md +15 -0
  154. package/docs/API-reference/api/x-types.relatedpromptsresponse.md +20 -0
  155. package/docs/API-reference/api/x-types.relatedpromptsresponse.relatedprompts.md +11 -0
  156. package/docs/API-reference/api/x-types.searchresponse.md +1 -0
  157. package/docs/API-reference/api/x-types.searchresponse.stats.md +11 -0
  158. package/docs/API-reference/api/x-types.stats.md +22 -0
  159. package/docs/API-reference/api/x-types.stats.price.md +14 -0
  160. package/docs/API-reference/api/x-types.xcomponentsadapter.md +1 -0
  161. package/docs/API-reference/api/x-types.xcomponentsadapter.relatedprompts.md +11 -0
  162. package/docs/API-reference/components/common/result/x-components.base-result-image.md +2 -2
  163. package/docs/API-reference/components/common/x-components.base-slider.md +189 -0
  164. package/docs/API-reference/components/common/x-components.items-list.md +1 -1
  165. package/docs/API-reference/components/facets/x-components.facets/facets.md +1 -1
  166. package/docs/API-reference/components/facets/x-components.lists/selected-filters-list.md +1 -1
  167. package/docs/API-reference/components/related-prompts/x-components.related-prompt.md +26 -0
  168. package/docs/API-reference/components/related-prompts/x-components.related-prompts-list.md +196 -0
  169. package/docs/API-reference/components/related-prompts/x-components.related-prompts-tag-list.md +23 -0
  170. package/docs/API-reference/components/search/x-components.results-list.md +1 -1
  171. package/docs/API-reference/components/tagging/x-components.tagging.md +2 -2
  172. package/js/components/animations/fade-and-slide.vue.js +1 -2
  173. package/js/components/animations/fade-and-slide.vue.js.map +1 -1
  174. package/js/components/base-dropdown.vue.js +1 -3
  175. package/js/components/base-dropdown.vue.js.map +1 -1
  176. package/js/components/base-dropdown.vue2.js +1 -7
  177. package/js/components/base-dropdown.vue2.js.map +1 -1
  178. package/js/components/base-event-button.vue.js +1 -2
  179. package/js/components/base-event-button.vue.js.map +1 -1
  180. package/js/components/base-grid.vue.js +11 -18
  181. package/js/components/base-grid.vue.js.map +1 -1
  182. package/js/components/base-grid.vue2.js.map +1 -1
  183. package/js/components/base-grid.vue3.js +1 -1
  184. package/js/components/base-keyboard-navigation.vue.js +1 -2
  185. package/js/components/base-keyboard-navigation.vue.js.map +1 -1
  186. package/js/components/base-rating.vue.js +1 -3
  187. package/js/components/base-rating.vue.js.map +1 -1
  188. package/js/components/base-slider.vue.js +65 -0
  189. package/js/components/base-slider.vue.js.map +1 -0
  190. package/js/components/base-slider.vue2.js +109 -0
  191. package/js/components/base-slider.vue2.js.map +1 -0
  192. package/js/components/base-slider.vue3.js +7 -0
  193. package/js/components/base-slider.vue3.js.map +1 -0
  194. package/js/components/base-variable-column-grid.vue.js +1 -2
  195. package/js/components/base-variable-column-grid.vue.js.map +1 -1
  196. package/js/components/column-picker/base-column-picker-dropdown.vue.js +1 -3
  197. package/js/components/column-picker/base-column-picker-dropdown.vue.js.map +1 -1
  198. package/js/components/column-picker/base-column-picker-list.vue.js +1 -3
  199. package/js/components/column-picker/base-column-picker-list.vue.js.map +1 -1
  200. package/js/components/filters/labels/base-rating-filter-label.vue.js +1 -3
  201. package/js/components/filters/labels/base-rating-filter-label.vue.js.map +1 -1
  202. package/js/components/icons/cross-tiny.vue.js +2 -2
  203. package/js/components/icons/plus.vue.js +2 -2
  204. package/js/components/items-list.vue.js +1 -2
  205. package/js/components/items-list.vue.js.map +1 -1
  206. package/js/components/items-list.vue2.js +2 -2
  207. package/js/components/items-list.vue2.js.map +1 -1
  208. package/js/components/layouts/fixed-header-and-asides-layout.vue.js +1 -7
  209. package/js/components/layouts/fixed-header-and-asides-layout.vue.js.map +1 -1
  210. package/js/components/layouts/multi-column-max-width-layout.vue.js +1 -9
  211. package/js/components/layouts/multi-column-max-width-layout.vue.js.map +1 -1
  212. package/js/components/layouts/single-column-layout.vue.js +1 -9
  213. package/js/components/layouts/single-column-layout.vue.js.map +1 -1
  214. package/js/components/modals/base-events-modal-close.vue.js +1 -2
  215. package/js/components/modals/base-events-modal-close.vue.js.map +1 -1
  216. package/js/components/modals/base-events-modal-open.vue.js +1 -2
  217. package/js/components/modals/base-events-modal-open.vue.js.map +1 -1
  218. package/js/components/modals/base-id-modal-close.vue.js +1 -2
  219. package/js/components/modals/base-id-modal-close.vue.js.map +1 -1
  220. package/js/components/modals/base-id-modal-open.vue.js +1 -2
  221. package/js/components/modals/base-id-modal-open.vue.js.map +1 -1
  222. package/js/components/modals/base-modal.vue.js +1 -2
  223. package/js/components/modals/base-modal.vue.js.map +1 -1
  224. package/js/components/modals/base-modal.vue2.js +13 -6
  225. package/js/components/modals/base-modal.vue2.js.map +1 -1
  226. package/js/components/page-loader-button.vue.js +1 -4
  227. package/js/components/page-loader-button.vue.js.map +1 -1
  228. package/js/components/panels/base-header-toggle-panel.vue.js +1 -5
  229. package/js/components/panels/base-header-toggle-panel.vue.js.map +1 -1
  230. package/js/components/panels/base-id-toggle-panel-button.vue.js +1 -2
  231. package/js/components/panels/base-id-toggle-panel-button.vue.js.map +1 -1
  232. package/js/components/panels/base-id-toggle-panel.vue.js +1 -2
  233. package/js/components/panels/base-id-toggle-panel.vue.js.map +1 -1
  234. package/js/components/panels/base-tabs-panel.vue.js +1 -4
  235. package/js/components/panels/base-tabs-panel.vue.js.map +1 -1
  236. package/js/components/panels/base-toggle-panel.vue.js +1 -2
  237. package/js/components/panels/base-toggle-panel.vue.js.map +1 -1
  238. package/js/components/result/base-result-add-to-cart.vue.js +1 -2
  239. package/js/components/result/base-result-add-to-cart.vue.js.map +1 -1
  240. package/js/components/result/base-result-current-price.vue.js +1 -2
  241. package/js/components/result/base-result-current-price.vue.js.map +1 -1
  242. package/js/components/result/base-result-image.vue.js +39 -59
  243. package/js/components/result/base-result-image.vue.js.map +1 -1
  244. package/js/components/result/base-result-image.vue2.js +5 -5
  245. package/js/components/result/base-result-image.vue2.js.map +1 -1
  246. package/js/components/result/base-result-link.vue.js +1 -2
  247. package/js/components/result/base-result-link.vue.js.map +1 -1
  248. package/js/components/result/base-result-previous-price.vue.js +1 -2
  249. package/js/components/result/base-result-previous-price.vue.js.map +1 -1
  250. package/js/components/result/base-result-rating.vue.js +1 -4
  251. package/js/components/result/base-result-rating.vue.js.map +1 -1
  252. package/js/components/result/result-variant-selector.vue.js +1 -3
  253. package/js/components/result/result-variant-selector.vue.js.map +1 -1
  254. package/js/components/sliding-panel.vue.js +3 -6
  255. package/js/components/sliding-panel.vue.js.map +1 -1
  256. package/js/components/suggestions/base-suggestion.vue.js +1 -2
  257. package/js/components/suggestions/base-suggestion.vue.js.map +1 -1
  258. package/js/components/suggestions/base-suggestions.vue.js +1 -2
  259. package/js/components/suggestions/base-suggestions.vue.js.map +1 -1
  260. package/js/composables/use-alias-api.js +4 -1
  261. package/js/composables/use-alias-api.js.map +1 -1
  262. package/js/composables/use-getter.js +1 -1
  263. package/js/composables/use-state.js +1 -1
  264. package/js/index.js +15 -1
  265. package/js/index.js.map +1 -1
  266. package/js/types/animation-prop.js +5 -0
  267. package/js/types/animation-prop.js.map +1 -1
  268. package/js/x-installer/x-installer/x-installer.js +3 -3
  269. package/js/x-installer/x-installer/x-installer.js.map +1 -1
  270. package/js/x-modules/device/store/emitters.js +1 -0
  271. package/js/x-modules/device/store/emitters.js.map +1 -1
  272. package/js/x-modules/empathize/components/empathize.vue.js +1 -2
  273. package/js/x-modules/empathize/components/empathize.vue.js.map +1 -1
  274. package/js/x-modules/empathize/components/empathize.vue2.js +2 -0
  275. package/js/x-modules/empathize/components/empathize.vue2.js.map +1 -1
  276. package/js/x-modules/empathize/store/emitters.js +1 -0
  277. package/js/x-modules/empathize/store/emitters.js.map +1 -1
  278. package/js/x-modules/experience-controls/store/emitters.js +1 -0
  279. package/js/x-modules/experience-controls/store/emitters.js.map +1 -1
  280. package/js/x-modules/extra-params/components/snippet-config-extra-params.vue.js.map +1 -1
  281. package/js/x-modules/extra-params/components/snippet-config-extra-params.vue2.js +1 -1
  282. package/js/x-modules/extra-params/components/snippet-config-extra-params.vue2.js.map +1 -1
  283. package/js/x-modules/extra-params/store/emitters.js +1 -0
  284. package/js/x-modules/extra-params/store/emitters.js.map +1 -1
  285. package/js/x-modules/facets/components/facets/facets.vue.js +20 -33
  286. package/js/x-modules/facets/components/facets/facets.vue.js.map +1 -1
  287. package/js/x-modules/facets/components/facets/facets.vue2.js +2 -2
  288. package/js/x-modules/facets/components/facets/facets.vue2.js.map +1 -1
  289. package/js/x-modules/facets/components/filters/all-filter.vue.js +1 -2
  290. package/js/x-modules/facets/components/filters/all-filter.vue.js.map +1 -1
  291. package/js/x-modules/facets/components/filters/editable-number-range-filter.vue.js +1 -6
  292. package/js/x-modules/facets/components/filters/editable-number-range-filter.vue.js.map +1 -1
  293. package/js/x-modules/facets/components/filters/hierarchical-filter.vue.js +1 -3
  294. package/js/x-modules/facets/components/filters/hierarchical-filter.vue.js.map +1 -1
  295. package/js/x-modules/facets/components/filters/number-range-filter.vue.js +1 -3
  296. package/js/x-modules/facets/components/filters/number-range-filter.vue.js.map +1 -1
  297. package/js/x-modules/facets/components/filters/simple-filter.vue.js +1 -3
  298. package/js/x-modules/facets/components/filters/simple-filter.vue.js.map +1 -1
  299. package/js/x-modules/facets/components/lists/filters-list.vue.js +1 -2
  300. package/js/x-modules/facets/components/lists/filters-list.vue.js.map +1 -1
  301. package/js/x-modules/facets/components/lists/filters-search.vue.js +1 -3
  302. package/js/x-modules/facets/components/lists/filters-search.vue.js.map +1 -1
  303. package/js/x-modules/facets/components/lists/selected-filters-list.vue.js +11 -18
  304. package/js/x-modules/facets/components/lists/selected-filters-list.vue.js.map +1 -1
  305. package/js/x-modules/facets/components/lists/selected-filters-list.vue2.js +2 -2
  306. package/js/x-modules/facets/components/lists/selected-filters-list.vue2.js.map +1 -1
  307. package/js/x-modules/facets/components/lists/sliced-filters.vue.js +1 -4
  308. package/js/x-modules/facets/components/lists/sliced-filters.vue.js.map +1 -1
  309. package/js/x-modules/history-queries/components/clear-history-queries.vue.js +1 -2
  310. package/js/x-modules/history-queries/components/clear-history-queries.vue.js.map +1 -1
  311. package/js/x-modules/history-queries/components/history-queries.vue.js +1 -10
  312. package/js/x-modules/history-queries/components/history-queries.vue.js.map +1 -1
  313. package/js/x-modules/history-queries/components/history-query.vue.js +1 -6
  314. package/js/x-modules/history-queries/components/history-query.vue.js.map +1 -1
  315. package/js/x-modules/history-queries/components/my-history.vue.js +1 -4
  316. package/js/x-modules/history-queries/components/my-history.vue.js.map +1 -1
  317. package/js/x-modules/history-queries/components/remove-history-query.vue.js +1 -2
  318. package/js/x-modules/history-queries/components/remove-history-query.vue.js.map +1 -1
  319. package/js/x-modules/history-queries/store/emitters.js +1 -0
  320. package/js/x-modules/history-queries/store/emitters.js.map +1 -1
  321. package/js/x-modules/identifier-results/components/identifier-results.vue.js +1 -2
  322. package/js/x-modules/identifier-results/components/identifier-results.vue.js.map +1 -1
  323. package/js/x-modules/identifier-results/store/emitters.js +1 -0
  324. package/js/x-modules/identifier-results/store/emitters.js.map +1 -1
  325. package/js/x-modules/next-queries/components/next-queries.vue.js +1 -7
  326. package/js/x-modules/next-queries/components/next-queries.vue.js.map +1 -1
  327. package/js/x-modules/next-queries/components/next-query-preview.vue.js +1 -3
  328. package/js/x-modules/next-queries/components/next-query-preview.vue.js.map +1 -1
  329. package/js/x-modules/next-queries/components/next-query.vue.js +1 -4
  330. package/js/x-modules/next-queries/components/next-query.vue.js.map +1 -1
  331. package/js/x-modules/next-queries/store/emitters.js +1 -0
  332. package/js/x-modules/next-queries/store/emitters.js.map +1 -1
  333. package/js/x-modules/popular-searches/components/popular-search.vue.js +1 -4
  334. package/js/x-modules/popular-searches/components/popular-search.vue.js.map +1 -1
  335. package/js/x-modules/popular-searches/components/popular-searches.vue.js +1 -7
  336. package/js/x-modules/popular-searches/components/popular-searches.vue.js.map +1 -1
  337. package/js/x-modules/queries-preview/components/query-preview-button.vue.js +1 -2
  338. package/js/x-modules/queries-preview/components/query-preview-button.vue.js.map +1 -1
  339. package/js/x-modules/queries-preview/components/query-preview-button.vue2.js +2 -0
  340. package/js/x-modules/queries-preview/components/query-preview-button.vue2.js.map +1 -1
  341. package/js/x-modules/queries-preview/components/query-preview-list.vue.js.map +1 -1
  342. package/js/x-modules/queries-preview/components/query-preview-list.vue2.js +15 -2
  343. package/js/x-modules/queries-preview/components/query-preview-list.vue2.js.map +1 -1
  344. package/js/x-modules/queries-preview/components/query-preview.vue.js +1 -2
  345. package/js/x-modules/queries-preview/components/query-preview.vue.js.map +1 -1
  346. package/js/x-modules/queries-preview/components/query-preview.vue2.js +3 -1
  347. package/js/x-modules/queries-preview/components/query-preview.vue2.js.map +1 -1
  348. package/js/x-modules/queries-preview/store/actions/fetch-and-save-query-preview.action.js +2 -1
  349. package/js/x-modules/queries-preview/store/actions/fetch-and-save-query-preview.action.js.map +1 -1
  350. package/js/x-modules/queries-preview/store/emitters.js +1 -0
  351. package/js/x-modules/queries-preview/store/emitters.js.map +1 -1
  352. package/js/x-modules/queries-preview/store/module.js +1 -1
  353. package/js/x-modules/queries-preview/store/module.js.map +1 -1
  354. package/js/x-modules/queries-preview/utils/get-hash-from-query-preview.js +6 -4
  355. package/js/x-modules/queries-preview/utils/get-hash-from-query-preview.js.map +1 -1
  356. package/js/x-modules/query-suggestions/components/query-suggestion.vue.js +1 -4
  357. package/js/x-modules/query-suggestions/components/query-suggestion.vue.js.map +1 -1
  358. package/js/x-modules/query-suggestions/components/query-suggestions.vue.js +1 -7
  359. package/js/x-modules/query-suggestions/components/query-suggestions.vue.js.map +1 -1
  360. package/js/x-modules/query-suggestions/store/emitters.js +1 -0
  361. package/js/x-modules/query-suggestions/store/emitters.js.map +1 -1
  362. package/js/x-modules/recommendations/components/recommendations.vue.js +1 -2
  363. package/js/x-modules/recommendations/components/recommendations.vue.js.map +1 -1
  364. package/js/x-modules/recommendations/store/emitters.js +1 -0
  365. package/js/x-modules/recommendations/store/emitters.js.map +1 -1
  366. package/js/x-modules/related-prompts/components/related-prompt.vue.js +52 -0
  367. package/js/x-modules/related-prompts/components/related-prompt.vue.js.map +1 -0
  368. package/js/x-modules/related-prompts/components/related-prompt.vue2.js +62 -0
  369. package/js/x-modules/related-prompts/components/related-prompt.vue2.js.map +1 -0
  370. package/js/x-modules/related-prompts/components/related-prompts-list.vue.js +154 -0
  371. package/js/x-modules/related-prompts/components/related-prompts-list.vue.js.map +1 -0
  372. package/js/x-modules/related-prompts/components/related-prompts-list.vue2.js +6 -0
  373. package/js/x-modules/related-prompts/components/related-prompts-list.vue2.js.map +1 -0
  374. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue.js +80 -0
  375. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue.js.map +1 -0
  376. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue2.js +55 -0
  377. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue2.js.map +1 -0
  378. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue3.js +7 -0
  379. package/js/x-modules/related-prompts/components/related-prompts-tag-list.vue3.js.map +1 -0
  380. package/js/x-modules/related-prompts/store/actions/fetch-and-save-related-prompts.action.js +29 -0
  381. package/js/x-modules/related-prompts/store/actions/fetch-and-save-related-prompts.action.js.map +1 -0
  382. package/js/x-modules/related-prompts/store/actions/fetch-related-prompts.action.js +20 -0
  383. package/js/x-modules/related-prompts/store/actions/fetch-related-prompts.action.js.map +1 -0
  384. package/js/x-modules/related-prompts/store/emitters.js +15 -0
  385. package/js/x-modules/related-prompts/store/emitters.js.map +1 -0
  386. package/js/x-modules/related-prompts/store/getters/request.getter.js +16 -0
  387. package/js/x-modules/related-prompts/store/getters/request.getter.js.map +1 -0
  388. package/js/x-modules/related-prompts/store/module.js +61 -0
  389. package/js/x-modules/related-prompts/store/module.js.map +1 -0
  390. package/js/x-modules/related-prompts/wiring.js +98 -0
  391. package/js/x-modules/related-prompts/wiring.js.map +1 -0
  392. package/js/x-modules/related-prompts/x-module.js +21 -0
  393. package/js/x-modules/related-prompts/x-module.js.map +1 -0
  394. package/js/x-modules/related-tags/components/related-tag.vue.js +1 -2
  395. package/js/x-modules/related-tags/components/related-tag.vue.js.map +1 -1
  396. package/js/x-modules/related-tags/components/related-tags.vue.js +1 -4
  397. package/js/x-modules/related-tags/components/related-tags.vue.js.map +1 -1
  398. package/js/x-modules/related-tags/store/emitters.js +1 -0
  399. package/js/x-modules/related-tags/store/emitters.js.map +1 -1
  400. package/js/x-modules/scroll/components/scroll-to-top.vue.js +1 -2
  401. package/js/x-modules/scroll/components/scroll-to-top.vue.js.map +1 -1
  402. package/js/x-modules/scroll/components/scroll-to-top.vue2.js +2 -0
  403. package/js/x-modules/scroll/components/scroll-to-top.vue2.js.map +1 -1
  404. package/js/x-modules/scroll/store/emitters.js +1 -0
  405. package/js/x-modules/scroll/store/emitters.js.map +1 -1
  406. package/js/x-modules/search/components/partial-results-list.vue.js +1 -2
  407. package/js/x-modules/search/components/partial-results-list.vue.js.map +1 -1
  408. package/js/x-modules/search/components/results-list.vue.js +2 -2
  409. package/js/x-modules/search/components/results-list.vue.js.map +1 -1
  410. package/js/x-modules/search/components/sort-dropdown.vue.js +1 -3
  411. package/js/x-modules/search/components/sort-dropdown.vue.js.map +1 -1
  412. package/js/x-modules/search/store/actions/save-search-response.action.js +2 -1
  413. package/js/x-modules/search/store/actions/save-search-response.action.js.map +1 -1
  414. package/js/x-modules/search/store/emitters.js +1 -0
  415. package/js/x-modules/search/store/emitters.js.map +1 -1
  416. package/js/x-modules/search/store/module.js +7 -2
  417. package/js/x-modules/search/store/module.js.map +1 -1
  418. package/js/x-modules/search-box/components/clear-search-input.vue.js +1 -2
  419. package/js/x-modules/search-box/components/clear-search-input.vue.js.map +1 -1
  420. package/js/x-modules/search-box/components/search-button.vue.js +1 -2
  421. package/js/x-modules/search-box/components/search-button.vue.js.map +1 -1
  422. package/js/x-modules/search-box/store/emitters.js +1 -0
  423. package/js/x-modules/search-box/store/emitters.js.map +1 -1
  424. package/js/x-modules/semantic-queries/components/semantic-queries.vue.js +1 -3
  425. package/js/x-modules/semantic-queries/components/semantic-queries.vue.js.map +1 -1
  426. package/js/x-modules/semantic-queries/components/semantic-query.vue.js +1 -4
  427. package/js/x-modules/semantic-queries/components/semantic-query.vue.js.map +1 -1
  428. package/js/x-modules/tagging/components/tagging.vue.js +8 -2
  429. package/js/x-modules/tagging/components/tagging.vue.js.map +1 -1
  430. package/js/x-modules/url/store/emitters.js +1 -0
  431. package/js/x-modules/url/store/emitters.js.map +1 -1
  432. package/package.json +7 -6
  433. package/related-prompts/index.d.ts +1 -0
  434. package/related-prompts/index.js +10 -0
  435. package/report/x-adapter-platform.api.json +575 -1
  436. package/report/x-components.api.json +4962 -7798
  437. package/report/x-components.api.md +536 -167
  438. package/report/x-types.api.json +334 -0
  439. package/tools/inject-css.js +5 -3
  440. package/types/adapter/e2e-adapter.d.ts.map +1 -1
  441. package/types/adapter/mocked-responses.d.ts +3 -0
  442. package/types/adapter/mocked-responses.d.ts.map +1 -1
  443. package/types/components/base-dropdown.vue.d.ts +5 -5
  444. package/types/components/base-dropdown.vue.d.ts.map +1 -1
  445. package/types/components/base-grid.vue.d.ts +3 -3
  446. package/types/components/base-slider.vue.d.ts +74 -0
  447. package/types/components/base-slider.vue.d.ts.map +1 -0
  448. package/types/components/base-variable-column-grid.vue.d.ts +3 -3
  449. package/types/components/global-x-bus.vue.d.ts +6 -0
  450. package/types/components/global-x-bus.vue.d.ts.map +1 -1
  451. package/types/components/index.d.ts +1 -0
  452. package/types/components/index.d.ts.map +1 -1
  453. package/types/components/items-list.vue.d.ts +3 -3
  454. package/types/components/layouts/multi-column-max-width-layout.vue.d.ts +5 -5
  455. package/types/components/layouts/single-column-layout.vue.d.ts +3 -3
  456. package/types/components/modals/base-events-modal.vue.d.ts +2 -2
  457. package/types/components/modals/base-id-modal.vue.d.ts +2 -2
  458. package/types/components/modals/base-modal.vue.d.ts +10 -10
  459. package/types/components/modals/base-modal.vue.d.ts.map +1 -1
  460. package/types/components/modals/main-modal.vue.d.ts +2 -2
  461. package/types/components/panels/base-header-toggle-panel.vue.d.ts +5 -5
  462. package/types/components/panels/base-id-toggle-panel.vue.d.ts +5 -5
  463. package/types/components/panels/base-tabs-panel.vue.d.ts +8 -8
  464. package/types/components/panels/base-toggle-panel.vue.d.ts +3 -3
  465. package/types/components/result/base-result-image.vue.d.ts +10 -10
  466. package/types/components/result/base-result-image.vue.d.ts.map +1 -1
  467. package/types/components/snippet-callbacks.vue.d.ts +3 -0
  468. package/types/components/snippet-callbacks.vue.d.ts.map +1 -1
  469. package/types/components/suggestions/base-suggestions.vue.d.ts +3 -3
  470. package/types/composables/use-alias-api.d.ts +5 -0
  471. package/types/composables/use-alias-api.d.ts.map +1 -1
  472. package/types/composables/use-store.d.ts +2 -2
  473. package/types/composables/use-store.d.ts.map +1 -1
  474. package/types/index.d.ts +1 -0
  475. package/types/index.d.ts.map +1 -1
  476. package/types/store/index.d.ts +4 -1
  477. package/types/store/index.d.ts.map +1 -1
  478. package/types/tailwind/plugin-options.d.ts +1 -2
  479. package/types/tailwind/plugin-options.d.ts.map +1 -1
  480. package/types/types/animation-prop.d.ts +6 -2
  481. package/types/types/animation-prop.d.ts.map +1 -1
  482. package/types/views/home/types.d.ts +3 -0
  483. package/types/views/home/types.d.ts.map +1 -1
  484. package/types/wiring/events.types.d.ts +3 -1
  485. package/types/wiring/events.types.d.ts.map +1 -1
  486. package/types/x-installer/x-installer/types.d.ts +2 -2
  487. package/types/x-installer/x-installer/types.d.ts.map +1 -1
  488. package/types/x-installer/x-installer/x-installer.d.ts +4 -4
  489. package/types/x-installer/x-installer/x-installer.d.ts.map +1 -1
  490. package/types/x-modules/empathize/components/empathize.vue.d.ts +5 -5
  491. package/types/x-modules/extra-params/components/snippet-config-extra-params.vue.d.ts +1 -1
  492. package/types/x-modules/facets/components/facets/facets.vue.d.ts +3 -3
  493. package/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts +5 -2
  494. package/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts.map +1 -1
  495. package/types/x-modules/facets/components/filters/simple-filter.vue.d.ts +3 -0
  496. package/types/x-modules/facets/components/filters/simple-filter.vue.d.ts.map +1 -1
  497. package/types/x-modules/facets/components/lists/filters-list.vue.d.ts +3 -3
  498. package/types/x-modules/facets/components/lists/selected-filters-list.vue.d.ts +3 -3
  499. package/types/x-modules/history-queries/components/my-history.vue.d.ts +3 -3
  500. package/types/x-modules/identifier-results/components/identifier-results.vue.d.ts +3 -3
  501. package/types/x-modules/next-queries/components/next-queries-list.vue.d.ts +3 -3
  502. package/types/x-modules/next-queries/index.d.ts +1 -0
  503. package/types/x-modules/next-queries/index.d.ts.map +1 -1
  504. package/types/x-modules/queries-preview/components/query-preview-list.vue.d.ts +3 -3
  505. package/types/x-modules/queries-preview/components/query-preview-list.vue.d.ts.map +1 -1
  506. package/types/x-modules/queries-preview/components/query-preview.vue.d.ts.map +1 -1
  507. package/types/x-modules/queries-preview/store/actions/fetch-and-save-query-preview.action.d.ts.map +1 -1
  508. package/types/x-modules/queries-preview/store/module.d.ts.map +1 -1
  509. package/types/x-modules/queries-preview/utils/get-hash-from-query-preview.d.ts +4 -2
  510. package/types/x-modules/queries-preview/utils/get-hash-from-query-preview.d.ts.map +1 -1
  511. package/types/x-modules/recommendations/components/recommendations.vue.d.ts +3 -3
  512. package/types/x-modules/related-prompts/components/index.d.ts +4 -0
  513. package/types/x-modules/related-prompts/components/index.d.ts.map +1 -0
  514. package/types/x-modules/related-prompts/components/related-prompt.vue.d.ts +51 -0
  515. package/types/x-modules/related-prompts/components/related-prompt.vue.d.ts.map +1 -0
  516. package/types/x-modules/related-prompts/components/related-prompts-list.vue.d.ts +106 -0
  517. package/types/x-modules/related-prompts/components/related-prompts-list.vue.d.ts.map +1 -0
  518. package/types/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts +14 -0
  519. package/types/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts.map +1 -0
  520. package/types/x-modules/related-prompts/events.types.d.ts +26 -0
  521. package/types/x-modules/related-prompts/events.types.d.ts.map +1 -0
  522. package/types/x-modules/related-prompts/index.d.ts +6 -0
  523. package/types/x-modules/related-prompts/index.d.ts.map +1 -0
  524. package/types/x-modules/related-prompts/store/actions/fetch-and-save-related-prompts.action.d.ts +17 -0
  525. package/types/x-modules/related-prompts/store/actions/fetch-and-save-related-prompts.action.d.ts.map +1 -0
  526. package/types/x-modules/related-prompts/store/actions/fetch-related-prompts.action.d.ts +13 -0
  527. package/types/x-modules/related-prompts/store/actions/fetch-related-prompts.action.d.ts.map +1 -0
  528. package/types/x-modules/related-prompts/store/emitters.d.ts +9 -0
  529. package/types/x-modules/related-prompts/store/emitters.d.ts.map +1 -0
  530. package/types/x-modules/related-prompts/store/getters/request.getter.d.ts +13 -0
  531. package/types/x-modules/related-prompts/store/getters/request.getter.d.ts.map +1 -0
  532. package/types/x-modules/related-prompts/store/index.d.ts +7 -0
  533. package/types/x-modules/related-prompts/store/index.d.ts.map +1 -0
  534. package/types/x-modules/related-prompts/store/module.d.ts +8 -0
  535. package/types/x-modules/related-prompts/store/module.d.ts.map +1 -0
  536. package/types/x-modules/related-prompts/store/types.d.ts +108 -0
  537. package/types/x-modules/related-prompts/store/types.d.ts.map +1 -0
  538. package/types/x-modules/related-prompts/types.d.ts +10 -0
  539. package/types/x-modules/related-prompts/types.d.ts.map +1 -0
  540. package/types/x-modules/related-prompts/wiring.d.ts +37 -0
  541. package/types/x-modules/related-prompts/wiring.d.ts.map +1 -0
  542. package/types/x-modules/related-prompts/x-module.d.ts +16 -0
  543. package/types/x-modules/related-prompts/x-module.d.ts.map +1 -0
  544. package/types/x-modules/related-tags/components/related-tags.vue.d.ts +3 -3
  545. package/types/x-modules/scroll/components/scroll-to-top.vue.d.ts +5 -5
  546. package/types/x-modules/search/components/banners-list.vue.d.ts +3 -3
  547. package/types/x-modules/search/components/partial-results-list.vue.d.ts +3 -3
  548. package/types/x-modules/search/components/promoteds-list.vue.d.ts +3 -3
  549. package/types/x-modules/search/components/results-list.vue.d.ts +3 -3
  550. package/types/x-modules/search/components/sort-dropdown.vue.d.ts +1 -1
  551. package/types/x-modules/search/store/actions/save-search-response.action.d.ts.map +1 -1
  552. package/types/x-modules/search/store/module.d.ts +2 -0
  553. package/types/x-modules/search/store/module.d.ts.map +1 -1
  554. package/types/x-modules/search/store/types.d.ts +9 -1
  555. package/types/x-modules/search/store/types.d.ts.map +1 -1
  556. package/types/x-modules/search-box/components/search-input-placeholder.vue.d.ts +3 -3
  557. package/types/x-modules/tagging/components/tagging.vue.d.ts +17 -4
  558. package/types/x-modules/tagging/components/tagging.vue.d.ts.map +1 -1
  559. package/types/x-modules/x-modules.types.d.ts +2 -0
  560. package/types/x-modules/x-modules.types.d.ts.map +1 -1
  561. package/docs/API-reference/api/x-components.usestore.md +0 -19
  562. package/docs/assets/features/overview-my-history.svg +0 -279
  563. package/docs/assets/features/overview-product-results-card.svg +0 -128
  564. package/docs/assets/interface/build-search-ui.svg +0 -167
  565. package/docs/assets/interface/experience-search-intro.svg +0 -1
  566. package/docs/assets/interface/integration-guide.svg +0 -1
  567. package/docs/assets/interface/integration-video.png +0 -0
  568. package/docs/assets/interface/x-architecture.svg +0 -1
  569. package/docs/assets/interface/x-empathize.gif +0 -0
  570. package/docs/assets/interface/x-facets.gif +0 -0
  571. package/docs/assets/interface/x-facets.svg +0 -189
  572. package/docs/assets/interface/x-history-queries.gif +0 -0
  573. package/docs/assets/interface/x-id-results.gif +0 -0
  574. package/docs/assets/interface/x-next-queries.gif +0 -0
  575. package/docs/assets/interface/x-popular-searches.gif +0 -0
  576. package/docs/assets/interface/x-query-suggestions.gif +0 -0
  577. package/docs/assets/interface/x-recommendations.gif +0 -0
  578. package/docs/assets/interface/x-recommendations.svg +0 -472
  579. package/docs/assets/interface/x-related-tags.gif +0 -0
  580. package/docs/assets/interface/x-results-layout.svg +0 -259
  581. package/docs/assets/interface/x-search-box-elements.svg +0 -1
  582. package/docs/assets/interface/x-search-box.svg +0 -60
  583. package/docs/build-search-ui/README.md +0 -127
  584. package/docs/build-search-ui/sidebar.js +0 -7
  585. package/docs/build-search-ui/web-archetype-development-guide.md +0 -186
  586. package/docs/build-search-ui/web-archetype-integration-guide.md +0 -458
  587. package/docs/build-search-ui/web-how-to-use-x-components-guide.md +0 -200
  588. package/docs/build-search-ui/web-x-architecture.md +0 -83
  589. package/docs/build-search-ui/web-x-components-development-guide.md +0 -157
  590. package/docs/experience-search-and-discovery/README.md +0 -132
  591. package/docs/experience-search-and-discovery/empathize.md +0 -119
  592. package/docs/experience-search-and-discovery/facets-and-filters.md +0 -154
  593. package/docs/experience-search-and-discovery/history-queries.md +0 -70
  594. package/docs/experience-search-and-discovery/id-results.md +0 -49
  595. package/docs/experience-search-and-discovery/my-history.md +0 -60
  596. package/docs/experience-search-and-discovery/next-queries.md +0 -72
  597. package/docs/experience-search-and-discovery/popular-searches.md +0 -50
  598. package/docs/experience-search-and-discovery/product-results-ui.md +0 -82
  599. package/docs/experience-search-and-discovery/query-suggestions.md +0 -48
  600. package/docs/experience-search-and-discovery/recommendations.md +0 -134
  601. package/docs/experience-search-and-discovery/related-tags.md +0 -66
  602. package/docs/experience-search-and-discovery/search-box.md +0 -99
  603. package/docs/experience-search-and-discovery/serp-ui.md +0 -125
  604. package/docs/experience-search-and-discovery/sidebar.js +0 -17
  605. package/docs/experience-search-and-discovery/web-local-storage.md +0 -30
  606. package/docs/input-status-machine-state.png +0 -0
  607. package/js/composables/use-store.js +0 -15
  608. package/js/composables/use-store.js.map +0 -1
  609. package/js/utils/options-api.js +0 -4
  610. package/js/utils/options-api.js.map +0 -1
  611. package/types/utils/options-api.d.ts +0 -3
  612. package/types/utils/options-api.d.ts.map +0 -1
package/design-system/deprecated-full-theme.css CHANGED
@@ -1,5 +1,19 @@
1
1
 
2
+ .x-uppercase {
3
+ text-transform: uppercase;
4
+ }
5
+
6
+ .x-lowercase {
7
+ text-transform: lowercase;
8
+ }
9
+
10
+ .x-capitalize {
11
+ text-transform: capitalize;
12
+ }
2
13
 
14
+ .x-normal-case {
15
+ text-transform: none;
16
+ }
3
17
  .x-underline {
4
18
  -webkit-text-decoration-line: underline;
5
19
  text-decoration-line: underline;
@@ -38,923 +52,909 @@
38
52
  .x-sticky {
39
53
  position: sticky !important;
40
54
  }
41
- .x-margin--auto {
42
- margin: auto !important;
55
+ .x-padding--00 {
56
+ padding: 0 !important;
43
57
  }
44
- .x-margin--00 {
45
- margin: 0 !important;
58
+ .x-padding--01 {
59
+ padding: var(--x-size-base-01) !important;
46
60
  }
47
- .x-margin--01 {
48
- margin: var(--x-size-base-01) !important;
61
+ .x-padding--02 {
62
+ padding: var(--x-size-base-02) !important;
49
63
  }
50
- .x-margin--02 {
51
- margin: var(--x-size-base-02) !important;
64
+ .x-padding--03 {
65
+ padding: var(--x-size-base-03) !important;
52
66
  }
53
- .x-margin--03 {
54
- margin: var(--x-size-base-03) !important;
67
+ .x-padding--04 {
68
+ padding: var(--x-size-base-04) !important;
55
69
  }
56
- .x-margin--04 {
57
- margin: var(--x-size-base-04) !important;
70
+ .x-padding--05 {
71
+ padding: var(--x-size-base-05) !important;
58
72
  }
59
- .x-margin--05 {
60
- margin: var(--x-size-base-05) !important;
73
+ .x-padding--06 {
74
+ padding: var(--x-size-base-06) !important;
61
75
  }
62
- .x-margin--06 {
63
- margin: var(--x-size-base-06) !important;
76
+ .x-padding--07 {
77
+ padding: var(--x-size-base-07) !important;
64
78
  }
65
- .x-margin--07 {
66
- margin: var(--x-size-base-07) !important;
79
+ .x-padding--08 {
80
+ padding: var(--x-size-base-08) !important;
67
81
  }
68
- .x-margin--08 {
69
- margin: var(--x-size-base-08) !important;
82
+ .x-padding--09 {
83
+ padding: var(--x-size-base-09) !important;
70
84
  }
71
- .x-margin--09 {
72
- margin: var(--x-size-base-09) !important;
85
+ .x-padding--10 {
86
+ padding: var(--x-size-base-10) !important;
73
87
  }
74
- .x-margin--10 {
75
- margin: var(--x-size-base-10) !important;
88
+ .x-padding--11 {
89
+ padding: var(--x-size-base-11) !important;
76
90
  }
77
- .x-margin--11 {
78
- margin: var(--x-size-base-11) !important;
91
+ .x-padding--12 {
92
+ padding: var(--x-size-base-12) !important;
79
93
  }
80
- .x-margin--12 {
81
- margin: var(--x-size-base-12) !important;
94
+ .x-padding--13 {
95
+ padding: var(--x-size-base-13) !important;
82
96
  }
83
- .x-margin--13 {
84
- margin: var(--x-size-base-13) !important;
97
+ .x-padding--14 {
98
+ padding: var(--x-size-base-14) !important;
85
99
  }
86
- .x-margin--14 {
87
- margin: var(--x-size-base-14) !important;
100
+ .x-padding--15 {
101
+ padding: var(--x-size-base-15) !important;
88
102
  }
89
- .x-margin--15 {
90
- margin: var(--x-size-base-15) !important;
103
+ .x-padding--16 {
104
+ padding: var(--x-size-base-16) !important;
91
105
  }
92
- .x-margin--16 {
93
- margin: var(--x-size-base-16) !important;
106
+ .x-padding--17 {
107
+ padding: var(--x-size-base-17) !important;
94
108
  }
95
- .x-margin--17 {
96
- margin: var(--x-size-base-17) !important;
109
+ .x-padding--18 {
110
+ padding: var(--x-size-base-18) !important;
97
111
  }
98
- .x-margin--18 {
99
- margin: var(--x-size-base-18) !important;
112
+ .x-padding--19 {
113
+ padding: var(--x-size-base-19) !important;
100
114
  }
101
- .x-margin--19 {
102
- margin: var(--x-size-base-19) !important;
115
+ .x-padding--20 {
116
+ padding: var(--x-size-base-20) !important;
103
117
  }
104
- .x-margin--20 {
105
- margin: var(--x-size-base-20) !important;
118
+ .x-padding--top-00 {
119
+ padding-top: 0 !important;
106
120
  }
107
- .x-margin--top-auto {
108
- margin-top: auto !important;
121
+ .x-padding--bottom-00 {
122
+ padding-bottom: 0 !important;
109
123
  }
110
- .x-margin--bottom-auto {
111
- margin-bottom: auto !important;
124
+ [dir="ltr"] .x-padding--right-00 {
125
+ padding-right: 0 !important;
112
126
  }
113
- [dir="ltr"] .x-margin--right-auto {
114
- margin-right: auto !important;
127
+ [dir="rtl"] .x-padding--right-00 {
128
+ padding-left: 0 !important;
115
129
  }
116
- [dir="rtl"] .x-margin--right-auto {
117
- margin-left: auto !important;
130
+ [dir="ltr"] .x-padding--left-00 {
131
+ padding-left: 0 !important;
118
132
  }
119
- [dir="ltr"] .x-margin--left-auto {
120
- margin-left: auto !important;
133
+ [dir="rtl"] .x-padding--left-00 {
134
+ padding-right: 0 !important;
121
135
  }
122
- [dir="rtl"] .x-margin--left-auto {
123
- margin-right: auto !important;
136
+ .x-padding--top-01 {
137
+ padding-top: var(--x-size-base-01) !important;
124
138
  }
125
- .x-margin--top-00 {
126
- margin-top: 0 !important;
139
+ .x-padding--bottom-01 {
140
+ padding-bottom: var(--x-size-base-01) !important;
127
141
  }
128
- .x-margin--bottom-00 {
129
- margin-bottom: 0 !important;
142
+ [dir="ltr"] .x-padding--right-01 {
143
+ padding-right: var(--x-size-base-01) !important;
130
144
  }
131
- [dir="ltr"] .x-margin--right-00 {
132
- margin-right: 0 !important;
145
+ [dir="rtl"] .x-padding--right-01 {
146
+ padding-left: var(--x-size-base-01) !important;
133
147
  }
134
- [dir="rtl"] .x-margin--right-00 {
135
- margin-left: 0 !important;
148
+ [dir="ltr"] .x-padding--left-01 {
149
+ padding-left: var(--x-size-base-01) !important;
136
150
  }
137
- [dir="ltr"] .x-margin--left-00 {
138
- margin-left: 0 !important;
151
+ [dir="rtl"] .x-padding--left-01 {
152
+ padding-right: var(--x-size-base-01) !important;
139
153
  }
140
- [dir="rtl"] .x-margin--left-00 {
141
- margin-right: 0 !important;
154
+ .x-padding--top-02 {
155
+ padding-top: var(--x-size-base-02) !important;
142
156
  }
143
- .x-margin--top-01 {
144
- margin-top: var(--x-size-base-01) !important;
157
+ .x-padding--bottom-02 {
158
+ padding-bottom: var(--x-size-base-02) !important;
145
159
  }
146
- .x-margin--bottom-01 {
147
- margin-bottom: var(--x-size-base-01) !important;
160
+ [dir="ltr"] .x-padding--right-02 {
161
+ padding-right: var(--x-size-base-02) !important;
148
162
  }
149
- [dir="ltr"] .x-margin--right-01 {
150
- margin-right: var(--x-size-base-01) !important;
163
+ [dir="rtl"] .x-padding--right-02 {
164
+ padding-left: var(--x-size-base-02) !important;
151
165
  }
152
- [dir="rtl"] .x-margin--right-01 {
153
- margin-left: var(--x-size-base-01) !important;
166
+ [dir="ltr"] .x-padding--left-02 {
167
+ padding-left: var(--x-size-base-02) !important;
154
168
  }
155
- [dir="ltr"] .x-margin--left-01 {
156
- margin-left: var(--x-size-base-01) !important;
169
+ [dir="rtl"] .x-padding--left-02 {
170
+ padding-right: var(--x-size-base-02) !important;
157
171
  }
158
- [dir="rtl"] .x-margin--left-01 {
159
- margin-right: var(--x-size-base-01) !important;
172
+ .x-padding--top-03 {
173
+ padding-top: var(--x-size-base-03) !important;
160
174
  }
161
- .x-margin--top-02 {
162
- margin-top: var(--x-size-base-02) !important;
175
+ .x-padding--bottom-03 {
176
+ padding-bottom: var(--x-size-base-03) !important;
163
177
  }
164
- .x-margin--bottom-02 {
165
- margin-bottom: var(--x-size-base-02) !important;
178
+ [dir="ltr"] .x-padding--right-03 {
179
+ padding-right: var(--x-size-base-03) !important;
166
180
  }
167
- [dir="ltr"] .x-margin--right-02 {
168
- margin-right: var(--x-size-base-02) !important;
181
+ [dir="rtl"] .x-padding--right-03 {
182
+ padding-left: var(--x-size-base-03) !important;
169
183
  }
170
- [dir="rtl"] .x-margin--right-02 {
171
- margin-left: var(--x-size-base-02) !important;
184
+ [dir="ltr"] .x-padding--left-03 {
185
+ padding-left: var(--x-size-base-03) !important;
172
186
  }
173
- [dir="ltr"] .x-margin--left-02 {
174
- margin-left: var(--x-size-base-02) !important;
187
+ [dir="rtl"] .x-padding--left-03 {
188
+ padding-right: var(--x-size-base-03) !important;
175
189
  }
176
- [dir="rtl"] .x-margin--left-02 {
177
- margin-right: var(--x-size-base-02) !important;
190
+ .x-padding--top-04 {
191
+ padding-top: var(--x-size-base-04) !important;
178
192
  }
179
- .x-margin--top-03 {
180
- margin-top: var(--x-size-base-03) !important;
193
+ .x-padding--bottom-04 {
194
+ padding-bottom: var(--x-size-base-04) !important;
181
195
  }
182
- .x-margin--bottom-03 {
183
- margin-bottom: var(--x-size-base-03) !important;
196
+ [dir="ltr"] .x-padding--right-04 {
197
+ padding-right: var(--x-size-base-04) !important;
184
198
  }
185
- [dir="ltr"] .x-margin--right-03 {
186
- margin-right: var(--x-size-base-03) !important;
199
+ [dir="rtl"] .x-padding--right-04 {
200
+ padding-left: var(--x-size-base-04) !important;
187
201
  }
188
- [dir="rtl"] .x-margin--right-03 {
189
- margin-left: var(--x-size-base-03) !important;
202
+ [dir="ltr"] .x-padding--left-04 {
203
+ padding-left: var(--x-size-base-04) !important;
190
204
  }
191
- [dir="ltr"] .x-margin--left-03 {
192
- margin-left: var(--x-size-base-03) !important;
205
+ [dir="rtl"] .x-padding--left-04 {
206
+ padding-right: var(--x-size-base-04) !important;
193
207
  }
194
- [dir="rtl"] .x-margin--left-03 {
195
- margin-right: var(--x-size-base-03) !important;
208
+ .x-padding--top-05 {
209
+ padding-top: var(--x-size-base-05) !important;
196
210
  }
197
- .x-margin--top-04 {
198
- margin-top: var(--x-size-base-04) !important;
211
+ .x-padding--bottom-05 {
212
+ padding-bottom: var(--x-size-base-05) !important;
199
213
  }
200
- .x-margin--bottom-04 {
201
- margin-bottom: var(--x-size-base-04) !important;
214
+ [dir="ltr"] .x-padding--right-05 {
215
+ padding-right: var(--x-size-base-05) !important;
202
216
  }
203
- [dir="ltr"] .x-margin--right-04 {
204
- margin-right: var(--x-size-base-04) !important;
217
+ [dir="rtl"] .x-padding--right-05 {
218
+ padding-left: var(--x-size-base-05) !important;
205
219
  }
206
- [dir="rtl"] .x-margin--right-04 {
207
- margin-left: var(--x-size-base-04) !important;
220
+ [dir="ltr"] .x-padding--left-05 {
221
+ padding-left: var(--x-size-base-05) !important;
208
222
  }
209
- [dir="ltr"] .x-margin--left-04 {
210
- margin-left: var(--x-size-base-04) !important;
223
+ [dir="rtl"] .x-padding--left-05 {
224
+ padding-right: var(--x-size-base-05) !important;
211
225
  }
212
- [dir="rtl"] .x-margin--left-04 {
213
- margin-right: var(--x-size-base-04) !important;
226
+ .x-padding--top-06 {
227
+ padding-top: var(--x-size-base-06) !important;
214
228
  }
215
- .x-margin--top-05 {
216
- margin-top: var(--x-size-base-05) !important;
229
+ .x-padding--bottom-06 {
230
+ padding-bottom: var(--x-size-base-06) !important;
217
231
  }
218
- .x-margin--bottom-05 {
219
- margin-bottom: var(--x-size-base-05) !important;
232
+ [dir="ltr"] .x-padding--right-06 {
233
+ padding-right: var(--x-size-base-06) !important;
220
234
  }
221
- [dir="ltr"] .x-margin--right-05 {
222
- margin-right: var(--x-size-base-05) !important;
223
- }
224
- [dir="rtl"] .x-margin--right-05 {
225
- margin-left: var(--x-size-base-05) !important;
226
- }
227
- [dir="ltr"] .x-margin--left-05 {
228
- margin-left: var(--x-size-base-05) !important;
229
- }
230
- [dir="rtl"] .x-margin--left-05 {
231
- margin-right: var(--x-size-base-05) !important;
232
- }
233
- .x-margin--top-06 {
234
- margin-top: var(--x-size-base-06) !important;
235
- }
236
- .x-margin--bottom-06 {
237
- margin-bottom: var(--x-size-base-06) !important;
235
+ [dir="rtl"] .x-padding--right-06 {
236
+ padding-left: var(--x-size-base-06) !important;
238
237
  }
239
- [dir="ltr"] .x-margin--right-06 {
240
- margin-right: var(--x-size-base-06) !important;
238
+ [dir="ltr"] .x-padding--left-06 {
239
+ padding-left: var(--x-size-base-06) !important;
241
240
  }
242
- [dir="rtl"] .x-margin--right-06 {
243
- margin-left: var(--x-size-base-06) !important;
241
+ [dir="rtl"] .x-padding--left-06 {
242
+ padding-right: var(--x-size-base-06) !important;
244
243
  }
245
- [dir="ltr"] .x-margin--left-06 {
246
- margin-left: var(--x-size-base-06) !important;
244
+ .x-padding--top-07 {
245
+ padding-top: var(--x-size-base-07) !important;
247
246
  }
248
- [dir="rtl"] .x-margin--left-06 {
249
- margin-right: var(--x-size-base-06) !important;
247
+ .x-padding--bottom-07 {
248
+ padding-bottom: var(--x-size-base-07) !important;
250
249
  }
251
- .x-margin--top-07 {
252
- margin-top: var(--x-size-base-07) !important;
250
+ [dir="ltr"] .x-padding--right-07 {
251
+ padding-right: var(--x-size-base-07) !important;
253
252
  }
254
- .x-margin--bottom-07 {
255
- margin-bottom: var(--x-size-base-07) !important;
253
+ [dir="rtl"] .x-padding--right-07 {
254
+ padding-left: var(--x-size-base-07) !important;
256
255
  }
257
- [dir="ltr"] .x-margin--right-07 {
258
- margin-right: var(--x-size-base-07) !important;
256
+ [dir="ltr"] .x-padding--left-07 {
257
+ padding-left: var(--x-size-base-07) !important;
259
258
  }
260
- [dir="rtl"] .x-margin--right-07 {
261
- margin-left: var(--x-size-base-07) !important;
259
+ [dir="rtl"] .x-padding--left-07 {
260
+ padding-right: var(--x-size-base-07) !important;
262
261
  }
263
- [dir="ltr"] .x-margin--left-07 {
264
- margin-left: var(--x-size-base-07) !important;
262
+ .x-padding--top-08 {
263
+ padding-top: var(--x-size-base-08) !important;
265
264
  }
266
- [dir="rtl"] .x-margin--left-07 {
267
- margin-right: var(--x-size-base-07) !important;
265
+ .x-padding--bottom-08 {
266
+ padding-bottom: var(--x-size-base-08) !important;
268
267
  }
269
- .x-margin--top-08 {
270
- margin-top: var(--x-size-base-08) !important;
268
+ [dir="ltr"] .x-padding--right-08 {
269
+ padding-right: var(--x-size-base-08) !important;
271
270
  }
272
- .x-margin--bottom-08 {
273
- margin-bottom: var(--x-size-base-08) !important;
271
+ [dir="rtl"] .x-padding--right-08 {
272
+ padding-left: var(--x-size-base-08) !important;
274
273
  }
275
- [dir="ltr"] .x-margin--right-08 {
276
- margin-right: var(--x-size-base-08) !important;
274
+ [dir="ltr"] .x-padding--left-08 {
275
+ padding-left: var(--x-size-base-08) !important;
277
276
  }
278
- [dir="rtl"] .x-margin--right-08 {
279
- margin-left: var(--x-size-base-08) !important;
277
+ [dir="rtl"] .x-padding--left-08 {
278
+ padding-right: var(--x-size-base-08) !important;
280
279
  }
281
- [dir="ltr"] .x-margin--left-08 {
282
- margin-left: var(--x-size-base-08) !important;
280
+ .x-padding--top-09 {
281
+ padding-top: var(--x-size-base-09) !important;
283
282
  }
284
- [dir="rtl"] .x-margin--left-08 {
285
- margin-right: var(--x-size-base-08) !important;
283
+ .x-padding--bottom-09 {
284
+ padding-bottom: var(--x-size-base-09) !important;
286
285
  }
287
- .x-margin--top-09 {
288
- margin-top: var(--x-size-base-09) !important;
286
+ [dir="ltr"] .x-padding--right-09 {
287
+ padding-right: var(--x-size-base-09) !important;
289
288
  }
290
- .x-margin--bottom-09 {
291
- margin-bottom: var(--x-size-base-09) !important;
289
+ [dir="rtl"] .x-padding--right-09 {
290
+ padding-left: var(--x-size-base-09) !important;
292
291
  }
293
- [dir="ltr"] .x-margin--right-09 {
294
- margin-right: var(--x-size-base-09) !important;
292
+ [dir="ltr"] .x-padding--left-09 {
293
+ padding-left: var(--x-size-base-09) !important;
295
294
  }
296
- [dir="rtl"] .x-margin--right-09 {
297
- margin-left: var(--x-size-base-09) !important;
295
+ [dir="rtl"] .x-padding--left-09 {
296
+ padding-right: var(--x-size-base-09) !important;
298
297
  }
299
- [dir="ltr"] .x-margin--left-09 {
300
- margin-left: var(--x-size-base-09) !important;
298
+ .x-padding--top-10 {
299
+ padding-top: var(--x-size-base-10) !important;
301
300
  }
302
- [dir="rtl"] .x-margin--left-09 {
303
- margin-right: var(--x-size-base-09) !important;
301
+ .x-padding--bottom-10 {
302
+ padding-bottom: var(--x-size-base-10) !important;
304
303
  }
305
- .x-margin--top-10 {
306
- margin-top: var(--x-size-base-10) !important;
304
+ [dir="ltr"] .x-padding--right-10 {
305
+ padding-right: var(--x-size-base-10) !important;
307
306
  }
308
- .x-margin--bottom-10 {
309
- margin-bottom: var(--x-size-base-10) !important;
307
+ [dir="rtl"] .x-padding--right-10 {
308
+ padding-left: var(--x-size-base-10) !important;
310
309
  }
311
- [dir="ltr"] .x-margin--right-10 {
312
- margin-right: var(--x-size-base-10) !important;
310
+ [dir="ltr"] .x-padding--left-10 {
311
+ padding-left: var(--x-size-base-10) !important;
313
312
  }
314
- [dir="rtl"] .x-margin--right-10 {
315
- margin-left: var(--x-size-base-10) !important;
313
+ [dir="rtl"] .x-padding--left-10 {
314
+ padding-right: var(--x-size-base-10) !important;
316
315
  }
317
- [dir="ltr"] .x-margin--left-10 {
318
- margin-left: var(--x-size-base-10) !important;
316
+ .x-padding--top-11 {
317
+ padding-top: var(--x-size-base-11) !important;
319
318
  }
320
- [dir="rtl"] .x-margin--left-10 {
321
- margin-right: var(--x-size-base-10) !important;
319
+ .x-padding--bottom-11 {
320
+ padding-bottom: var(--x-size-base-11) !important;
322
321
  }
323
- .x-margin--top-11 {
324
- margin-top: var(--x-size-base-11) !important;
322
+ [dir="ltr"] .x-padding--right-11 {
323
+ padding-right: var(--x-size-base-11) !important;
325
324
  }
326
- .x-margin--bottom-11 {
327
- margin-bottom: var(--x-size-base-11) !important;
325
+ [dir="rtl"] .x-padding--right-11 {
326
+ padding-left: var(--x-size-base-11) !important;
328
327
  }
329
- [dir="ltr"] .x-margin--right-11 {
330
- margin-right: var(--x-size-base-11) !important;
328
+ [dir="ltr"] .x-padding--left-11 {
329
+ padding-left: var(--x-size-base-11) !important;
331
330
  }
332
- [dir="rtl"] .x-margin--right-11 {
333
- margin-left: var(--x-size-base-11) !important;
331
+ [dir="rtl"] .x-padding--left-11 {
332
+ padding-right: var(--x-size-base-11) !important;
334
333
  }
335
- [dir="ltr"] .x-margin--left-11 {
336
- margin-left: var(--x-size-base-11) !important;
334
+ .x-padding--top-12 {
335
+ padding-top: var(--x-size-base-12) !important;
337
336
  }
338
- [dir="rtl"] .x-margin--left-11 {
339
- margin-right: var(--x-size-base-11) !important;
337
+ .x-padding--bottom-12 {
338
+ padding-bottom: var(--x-size-base-12) !important;
340
339
  }
341
- .x-margin--top-12 {
342
- margin-top: var(--x-size-base-12) !important;
340
+ [dir="ltr"] .x-padding--right-12 {
341
+ padding-right: var(--x-size-base-12) !important;
343
342
  }
344
- .x-margin--bottom-12 {
345
- margin-bottom: var(--x-size-base-12) !important;
343
+ [dir="rtl"] .x-padding--right-12 {
344
+ padding-left: var(--x-size-base-12) !important;
346
345
  }
347
- [dir="ltr"] .x-margin--right-12 {
348
- margin-right: var(--x-size-base-12) !important;
346
+ [dir="ltr"] .x-padding--left-12 {
347
+ padding-left: var(--x-size-base-12) !important;
349
348
  }
350
- [dir="rtl"] .x-margin--right-12 {
351
- margin-left: var(--x-size-base-12) !important;
349
+ [dir="rtl"] .x-padding--left-12 {
350
+ padding-right: var(--x-size-base-12) !important;
352
351
  }
353
- [dir="ltr"] .x-margin--left-12 {
354
- margin-left: var(--x-size-base-12) !important;
352
+ .x-padding--top-13 {
353
+ padding-top: var(--x-size-base-13) !important;
355
354
  }
356
- [dir="rtl"] .x-margin--left-12 {
357
- margin-right: var(--x-size-base-12) !important;
355
+ .x-padding--bottom-13 {
356
+ padding-bottom: var(--x-size-base-13) !important;
358
357
  }
359
- .x-margin--top-13 {
360
- margin-top: var(--x-size-base-13) !important;
358
+ [dir="ltr"] .x-padding--right-13 {
359
+ padding-right: var(--x-size-base-13) !important;
361
360
  }
362
- .x-margin--bottom-13 {
363
- margin-bottom: var(--x-size-base-13) !important;
361
+ [dir="rtl"] .x-padding--right-13 {
362
+ padding-left: var(--x-size-base-13) !important;
364
363
  }
365
- [dir="ltr"] .x-margin--right-13 {
366
- margin-right: var(--x-size-base-13) !important;
364
+ [dir="ltr"] .x-padding--left-13 {
365
+ padding-left: var(--x-size-base-13) !important;
367
366
  }
368
- [dir="rtl"] .x-margin--right-13 {
369
- margin-left: var(--x-size-base-13) !important;
367
+ [dir="rtl"] .x-padding--left-13 {
368
+ padding-right: var(--x-size-base-13) !important;
370
369
  }
371
- [dir="ltr"] .x-margin--left-13 {
372
- margin-left: var(--x-size-base-13) !important;
370
+ .x-padding--top-14 {
371
+ padding-top: var(--x-size-base-14) !important;
373
372
  }
374
- [dir="rtl"] .x-margin--left-13 {
375
- margin-right: var(--x-size-base-13) !important;
373
+ .x-padding--bottom-14 {
374
+ padding-bottom: var(--x-size-base-14) !important;
376
375
  }
377
- .x-margin--top-14 {
378
- margin-top: var(--x-size-base-14) !important;
376
+ [dir="ltr"] .x-padding--right-14 {
377
+ padding-right: var(--x-size-base-14) !important;
379
378
  }
380
- .x-margin--bottom-14 {
381
- margin-bottom: var(--x-size-base-14) !important;
379
+ [dir="rtl"] .x-padding--right-14 {
380
+ padding-left: var(--x-size-base-14) !important;
382
381
  }
383
- [dir="ltr"] .x-margin--right-14 {
384
- margin-right: var(--x-size-base-14) !important;
382
+ [dir="ltr"] .x-padding--left-14 {
383
+ padding-left: var(--x-size-base-14) !important;
385
384
  }
386
- [dir="rtl"] .x-margin--right-14 {
387
- margin-left: var(--x-size-base-14) !important;
385
+ [dir="rtl"] .x-padding--left-14 {
386
+ padding-right: var(--x-size-base-14) !important;
388
387
  }
389
- [dir="ltr"] .x-margin--left-14 {
390
- margin-left: var(--x-size-base-14) !important;
388
+ .x-padding--top-15 {
389
+ padding-top: var(--x-size-base-15) !important;
391
390
  }
392
- [dir="rtl"] .x-margin--left-14 {
393
- margin-right: var(--x-size-base-14) !important;
391
+ .x-padding--bottom-15 {
392
+ padding-bottom: var(--x-size-base-15) !important;
394
393
  }
395
- .x-margin--top-15 {
396
- margin-top: var(--x-size-base-15) !important;
394
+ [dir="ltr"] .x-padding--right-15 {
395
+ padding-right: var(--x-size-base-15) !important;
397
396
  }
398
- .x-margin--bottom-15 {
399
- margin-bottom: var(--x-size-base-15) !important;
397
+ [dir="rtl"] .x-padding--right-15 {
398
+ padding-left: var(--x-size-base-15) !important;
400
399
  }
401
- [dir="ltr"] .x-margin--right-15 {
402
- margin-right: var(--x-size-base-15) !important;
400
+ [dir="ltr"] .x-padding--left-15 {
401
+ padding-left: var(--x-size-base-15) !important;
403
402
  }
404
- [dir="rtl"] .x-margin--right-15 {
405
- margin-left: var(--x-size-base-15) !important;
403
+ [dir="rtl"] .x-padding--left-15 {
404
+ padding-right: var(--x-size-base-15) !important;
406
405
  }
407
- [dir="ltr"] .x-margin--left-15 {
408
- margin-left: var(--x-size-base-15) !important;
406
+ .x-padding--top-16 {
407
+ padding-top: var(--x-size-base-16) !important;
409
408
  }
410
- [dir="rtl"] .x-margin--left-15 {
411
- margin-right: var(--x-size-base-15) !important;
409
+ .x-padding--bottom-16 {
410
+ padding-bottom: var(--x-size-base-16) !important;
412
411
  }
413
- .x-margin--top-16 {
414
- margin-top: var(--x-size-base-16) !important;
412
+ [dir="ltr"] .x-padding--right-16 {
413
+ padding-right: var(--x-size-base-16) !important;
415
414
  }
416
- .x-margin--bottom-16 {
417
- margin-bottom: var(--x-size-base-16) !important;
415
+ [dir="rtl"] .x-padding--right-16 {
416
+ padding-left: var(--x-size-base-16) !important;
418
417
  }
419
- [dir="ltr"] .x-margin--right-16 {
420
- margin-right: var(--x-size-base-16) !important;
418
+ [dir="ltr"] .x-padding--left-16 {
419
+ padding-left: var(--x-size-base-16) !important;
421
420
  }
422
- [dir="rtl"] .x-margin--right-16 {
423
- margin-left: var(--x-size-base-16) !important;
421
+ [dir="rtl"] .x-padding--left-16 {
422
+ padding-right: var(--x-size-base-16) !important;
424
423
  }
425
- [dir="ltr"] .x-margin--left-16 {
426
- margin-left: var(--x-size-base-16) !important;
424
+ .x-padding--top-17 {
425
+ padding-top: var(--x-size-base-17) !important;
427
426
  }
428
- [dir="rtl"] .x-margin--left-16 {
429
- margin-right: var(--x-size-base-16) !important;
427
+ .x-padding--bottom-17 {
428
+ padding-bottom: var(--x-size-base-17) !important;
430
429
  }
431
- .x-margin--top-17 {
432
- margin-top: var(--x-size-base-17) !important;
430
+ [dir="ltr"] .x-padding--right-17 {
431
+ padding-right: var(--x-size-base-17) !important;
433
432
  }
434
- .x-margin--bottom-17 {
435
- margin-bottom: var(--x-size-base-17) !important;
433
+ [dir="rtl"] .x-padding--right-17 {
434
+ padding-left: var(--x-size-base-17) !important;
436
435
  }
437
- [dir="ltr"] .x-margin--right-17 {
438
- margin-right: var(--x-size-base-17) !important;
436
+ [dir="ltr"] .x-padding--left-17 {
437
+ padding-left: var(--x-size-base-17) !important;
439
438
  }
440
- [dir="rtl"] .x-margin--right-17 {
441
- margin-left: var(--x-size-base-17) !important;
439
+ [dir="rtl"] .x-padding--left-17 {
440
+ padding-right: var(--x-size-base-17) !important;
442
441
  }
443
- [dir="ltr"] .x-margin--left-17 {
444
- margin-left: var(--x-size-base-17) !important;
442
+ .x-padding--top-18 {
443
+ padding-top: var(--x-size-base-18) !important;
445
444
  }
446
- [dir="rtl"] .x-margin--left-17 {
447
- margin-right: var(--x-size-base-17) !important;
445
+ .x-padding--bottom-18 {
446
+ padding-bottom: var(--x-size-base-18) !important;
448
447
  }
449
- .x-margin--top-18 {
450
- margin-top: var(--x-size-base-18) !important;
448
+ [dir="ltr"] .x-padding--right-18 {
449
+ padding-right: var(--x-size-base-18) !important;
451
450
  }
452
- .x-margin--bottom-18 {
453
- margin-bottom: var(--x-size-base-18) !important;
451
+ [dir="rtl"] .x-padding--right-18 {
452
+ padding-left: var(--x-size-base-18) !important;
454
453
  }
455
- [dir="ltr"] .x-margin--right-18 {
456
- margin-right: var(--x-size-base-18) !important;
454
+ [dir="ltr"] .x-padding--left-18 {
455
+ padding-left: var(--x-size-base-18) !important;
457
456
  }
458
- [dir="rtl"] .x-margin--right-18 {
459
- margin-left: var(--x-size-base-18) !important;
457
+ [dir="rtl"] .x-padding--left-18 {
458
+ padding-right: var(--x-size-base-18) !important;
460
459
  }
461
- [dir="ltr"] .x-margin--left-18 {
462
- margin-left: var(--x-size-base-18) !important;
460
+ .x-padding--top-19 {
461
+ padding-top: var(--x-size-base-19) !important;
463
462
  }
464
- [dir="rtl"] .x-margin--left-18 {
465
- margin-right: var(--x-size-base-18) !important;
463
+ .x-padding--bottom-19 {
464
+ padding-bottom: var(--x-size-base-19) !important;
466
465
  }
467
- .x-margin--top-19 {
468
- margin-top: var(--x-size-base-19) !important;
466
+ [dir="ltr"] .x-padding--right-19 {
467
+ padding-right: var(--x-size-base-19) !important;
469
468
  }
470
- .x-margin--bottom-19 {
471
- margin-bottom: var(--x-size-base-19) !important;
469
+ [dir="rtl"] .x-padding--right-19 {
470
+ padding-left: var(--x-size-base-19) !important;
472
471
  }
473
- [dir="ltr"] .x-margin--right-19 {
474
- margin-right: var(--x-size-base-19) !important;
472
+ [dir="ltr"] .x-padding--left-19 {
473
+ padding-left: var(--x-size-base-19) !important;
475
474
  }
476
- [dir="rtl"] .x-margin--right-19 {
477
- margin-left: var(--x-size-base-19) !important;
475
+ [dir="rtl"] .x-padding--left-19 {
476
+ padding-right: var(--x-size-base-19) !important;
478
477
  }
479
- [dir="ltr"] .x-margin--left-19 {
480
- margin-left: var(--x-size-base-19) !important;
478
+ .x-padding--top-20 {
479
+ padding-top: var(--x-size-base-20) !important;
481
480
  }
482
- [dir="rtl"] .x-margin--left-19 {
483
- margin-right: var(--x-size-base-19) !important;
481
+ .x-padding--bottom-20 {
482
+ padding-bottom: var(--x-size-base-20) !important;
484
483
  }
485
- .x-margin--top-20 {
486
- margin-top: var(--x-size-base-20) !important;
484
+ [dir="ltr"] .x-padding--right-20 {
485
+ padding-right: var(--x-size-base-20) !important;
487
486
  }
488
- .x-margin--bottom-20 {
489
- margin-bottom: var(--x-size-base-20) !important;
487
+ [dir="rtl"] .x-padding--right-20 {
488
+ padding-left: var(--x-size-base-20) !important;
490
489
  }
491
- [dir="ltr"] .x-margin--right-20 {
492
- margin-right: var(--x-size-base-20) !important;
490
+ [dir="ltr"] .x-padding--left-20 {
491
+ padding-left: var(--x-size-base-20) !important;
493
492
  }
494
- [dir="rtl"] .x-margin--right-20 {
495
- margin-left: var(--x-size-base-20) !important;
493
+ [dir="rtl"] .x-padding--left-20 {
494
+ padding-right: var(--x-size-base-20) !important;
496
495
  }
497
- [dir="ltr"] .x-margin--left-20 {
498
- margin-left: var(--x-size-base-20) !important;
496
+
497
+ .x-margin--auto {
498
+ margin: auto !important;
499
499
  }
500
- [dir="rtl"] .x-margin--left-20 {
501
- margin-right: var(--x-size-base-20) !important;
500
+ .x-margin--00 {
501
+ margin: 0 !important;
502
502
  }
503
- .x-padding--00 {
504
- padding: 0 !important;
503
+ .x-margin--01 {
504
+ margin: var(--x-size-base-01) !important;
505
505
  }
506
- .x-padding--01 {
507
- padding: var(--x-size-base-01) !important;
506
+ .x-margin--02 {
507
+ margin: var(--x-size-base-02) !important;
508
508
  }
509
- .x-padding--02 {
510
- padding: var(--x-size-base-02) !important;
509
+ .x-margin--03 {
510
+ margin: var(--x-size-base-03) !important;
511
511
  }
512
- .x-padding--03 {
513
- padding: var(--x-size-base-03) !important;
512
+ .x-margin--04 {
513
+ margin: var(--x-size-base-04) !important;
514
514
  }
515
- .x-padding--04 {
516
- padding: var(--x-size-base-04) !important;
515
+ .x-margin--05 {
516
+ margin: var(--x-size-base-05) !important;
517
517
  }
518
- .x-padding--05 {
519
- padding: var(--x-size-base-05) !important;
518
+ .x-margin--06 {
519
+ margin: var(--x-size-base-06) !important;
520
520
  }
521
- .x-padding--06 {
522
- padding: var(--x-size-base-06) !important;
521
+ .x-margin--07 {
522
+ margin: var(--x-size-base-07) !important;
523
523
  }
524
- .x-padding--07 {
525
- padding: var(--x-size-base-07) !important;
524
+ .x-margin--08 {
525
+ margin: var(--x-size-base-08) !important;
526
526
  }
527
- .x-padding--08 {
528
- padding: var(--x-size-base-08) !important;
527
+ .x-margin--09 {
528
+ margin: var(--x-size-base-09) !important;
529
529
  }
530
- .x-padding--09 {
531
- padding: var(--x-size-base-09) !important;
530
+ .x-margin--10 {
531
+ margin: var(--x-size-base-10) !important;
532
532
  }
533
- .x-padding--10 {
534
- padding: var(--x-size-base-10) !important;
533
+ .x-margin--11 {
534
+ margin: var(--x-size-base-11) !important;
535
535
  }
536
- .x-padding--11 {
537
- padding: var(--x-size-base-11) !important;
536
+ .x-margin--12 {
537
+ margin: var(--x-size-base-12) !important;
538
538
  }
539
- .x-padding--12 {
540
- padding: var(--x-size-base-12) !important;
539
+ .x-margin--13 {
540
+ margin: var(--x-size-base-13) !important;
541
541
  }
542
- .x-padding--13 {
543
- padding: var(--x-size-base-13) !important;
542
+ .x-margin--14 {
543
+ margin: var(--x-size-base-14) !important;
544
544
  }
545
- .x-padding--14 {
546
- padding: var(--x-size-base-14) !important;
545
+ .x-margin--15 {
546
+ margin: var(--x-size-base-15) !important;
547
547
  }
548
- .x-padding--15 {
549
- padding: var(--x-size-base-15) !important;
548
+ .x-margin--16 {
549
+ margin: var(--x-size-base-16) !important;
550
550
  }
551
- .x-padding--16 {
552
- padding: var(--x-size-base-16) !important;
551
+ .x-margin--17 {
552
+ margin: var(--x-size-base-17) !important;
553
553
  }
554
- .x-padding--17 {
555
- padding: var(--x-size-base-17) !important;
554
+ .x-margin--18 {
555
+ margin: var(--x-size-base-18) !important;
556
556
  }
557
- .x-padding--18 {
558
- padding: var(--x-size-base-18) !important;
557
+ .x-margin--19 {
558
+ margin: var(--x-size-base-19) !important;
559
559
  }
560
- .x-padding--19 {
561
- padding: var(--x-size-base-19) !important;
560
+ .x-margin--20 {
561
+ margin: var(--x-size-base-20) !important;
562
562
  }
563
- .x-padding--20 {
564
- padding: var(--x-size-base-20) !important;
563
+ .x-margin--top-auto {
564
+ margin-top: auto !important;
565
565
  }
566
- .x-padding--top-00 {
567
- padding-top: 0 !important;
566
+ .x-margin--bottom-auto {
567
+ margin-bottom: auto !important;
568
568
  }
569
- .x-padding--bottom-00 {
570
- padding-bottom: 0 !important;
569
+ [dir="ltr"] .x-margin--right-auto {
570
+ margin-right: auto !important;
571
571
  }
572
- [dir="ltr"] .x-padding--right-00 {
573
- padding-right: 0 !important;
572
+ [dir="rtl"] .x-margin--right-auto {
573
+ margin-left: auto !important;
574
574
  }
575
- [dir="rtl"] .x-padding--right-00 {
576
- padding-left: 0 !important;
575
+ [dir="ltr"] .x-margin--left-auto {
576
+ margin-left: auto !important;
577
577
  }
578
- [dir="ltr"] .x-padding--left-00 {
579
- padding-left: 0 !important;
578
+ [dir="rtl"] .x-margin--left-auto {
579
+ margin-right: auto !important;
580
580
  }
581
- [dir="rtl"] .x-padding--left-00 {
582
- padding-right: 0 !important;
581
+ .x-margin--top-00 {
582
+ margin-top: 0 !important;
583
583
  }
584
- .x-padding--top-01 {
585
- padding-top: var(--x-size-base-01) !important;
584
+ .x-margin--bottom-00 {
585
+ margin-bottom: 0 !important;
586
586
  }
587
- .x-padding--bottom-01 {
588
- padding-bottom: var(--x-size-base-01) !important;
587
+ [dir="ltr"] .x-margin--right-00 {
588
+ margin-right: 0 !important;
589
589
  }
590
- [dir="ltr"] .x-padding--right-01 {
591
- padding-right: var(--x-size-base-01) !important;
590
+ [dir="rtl"] .x-margin--right-00 {
591
+ margin-left: 0 !important;
592
592
  }
593
- [dir="rtl"] .x-padding--right-01 {
594
- padding-left: var(--x-size-base-01) !important;
593
+ [dir="ltr"] .x-margin--left-00 {
594
+ margin-left: 0 !important;
595
595
  }
596
- [dir="ltr"] .x-padding--left-01 {
597
- padding-left: var(--x-size-base-01) !important;
596
+ [dir="rtl"] .x-margin--left-00 {
597
+ margin-right: 0 !important;
598
598
  }
599
- [dir="rtl"] .x-padding--left-01 {
600
- padding-right: var(--x-size-base-01) !important;
599
+ .x-margin--top-01 {
600
+ margin-top: var(--x-size-base-01) !important;
601
601
  }
602
- .x-padding--top-02 {
603
- padding-top: var(--x-size-base-02) !important;
602
+ .x-margin--bottom-01 {
603
+ margin-bottom: var(--x-size-base-01) !important;
604
604
  }
605
- .x-padding--bottom-02 {
606
- padding-bottom: var(--x-size-base-02) !important;
605
+ [dir="ltr"] .x-margin--right-01 {
606
+ margin-right: var(--x-size-base-01) !important;
607
607
  }
608
- [dir="ltr"] .x-padding--right-02 {
609
- padding-right: var(--x-size-base-02) !important;
608
+ [dir="rtl"] .x-margin--right-01 {
609
+ margin-left: var(--x-size-base-01) !important;
610
610
  }
611
- [dir="rtl"] .x-padding--right-02 {
612
- padding-left: var(--x-size-base-02) !important;
611
+ [dir="ltr"] .x-margin--left-01 {
612
+ margin-left: var(--x-size-base-01) !important;
613
613
  }
614
- [dir="ltr"] .x-padding--left-02 {
615
- padding-left: var(--x-size-base-02) !important;
614
+ [dir="rtl"] .x-margin--left-01 {
615
+ margin-right: var(--x-size-base-01) !important;
616
616
  }
617
- [dir="rtl"] .x-padding--left-02 {
618
- padding-right: var(--x-size-base-02) !important;
617
+ .x-margin--top-02 {
618
+ margin-top: var(--x-size-base-02) !important;
619
619
  }
620
- .x-padding--top-03 {
621
- padding-top: var(--x-size-base-03) !important;
620
+ .x-margin--bottom-02 {
621
+ margin-bottom: var(--x-size-base-02) !important;
622
622
  }
623
- .x-padding--bottom-03 {
624
- padding-bottom: var(--x-size-base-03) !important;
623
+ [dir="ltr"] .x-margin--right-02 {
624
+ margin-right: var(--x-size-base-02) !important;
625
625
  }
626
- [dir="ltr"] .x-padding--right-03 {
627
- padding-right: var(--x-size-base-03) !important;
626
+ [dir="rtl"] .x-margin--right-02 {
627
+ margin-left: var(--x-size-base-02) !important;
628
628
  }
629
- [dir="rtl"] .x-padding--right-03 {
630
- padding-left: var(--x-size-base-03) !important;
629
+ [dir="ltr"] .x-margin--left-02 {
630
+ margin-left: var(--x-size-base-02) !important;
631
631
  }
632
- [dir="ltr"] .x-padding--left-03 {
633
- padding-left: var(--x-size-base-03) !important;
632
+ [dir="rtl"] .x-margin--left-02 {
633
+ margin-right: var(--x-size-base-02) !important;
634
634
  }
635
- [dir="rtl"] .x-padding--left-03 {
636
- padding-right: var(--x-size-base-03) !important;
635
+ .x-margin--top-03 {
636
+ margin-top: var(--x-size-base-03) !important;
637
637
  }
638
- .x-padding--top-04 {
639
- padding-top: var(--x-size-base-04) !important;
638
+ .x-margin--bottom-03 {
639
+ margin-bottom: var(--x-size-base-03) !important;
640
640
  }
641
- .x-padding--bottom-04 {
642
- padding-bottom: var(--x-size-base-04) !important;
641
+ [dir="ltr"] .x-margin--right-03 {
642
+ margin-right: var(--x-size-base-03) !important;
643
643
  }
644
- [dir="ltr"] .x-padding--right-04 {
645
- padding-right: var(--x-size-base-04) !important;
644
+ [dir="rtl"] .x-margin--right-03 {
645
+ margin-left: var(--x-size-base-03) !important;
646
646
  }
647
- [dir="rtl"] .x-padding--right-04 {
648
- padding-left: var(--x-size-base-04) !important;
647
+ [dir="ltr"] .x-margin--left-03 {
648
+ margin-left: var(--x-size-base-03) !important;
649
649
  }
650
- [dir="ltr"] .x-padding--left-04 {
651
- padding-left: var(--x-size-base-04) !important;
650
+ [dir="rtl"] .x-margin--left-03 {
651
+ margin-right: var(--x-size-base-03) !important;
652
652
  }
653
- [dir="rtl"] .x-padding--left-04 {
654
- padding-right: var(--x-size-base-04) !important;
653
+ .x-margin--top-04 {
654
+ margin-top: var(--x-size-base-04) !important;
655
655
  }
656
- .x-padding--top-05 {
657
- padding-top: var(--x-size-base-05) !important;
656
+ .x-margin--bottom-04 {
657
+ margin-bottom: var(--x-size-base-04) !important;
658
658
  }
659
- .x-padding--bottom-05 {
660
- padding-bottom: var(--x-size-base-05) !important;
659
+ [dir="ltr"] .x-margin--right-04 {
660
+ margin-right: var(--x-size-base-04) !important;
661
661
  }
662
- [dir="ltr"] .x-padding--right-05 {
663
- padding-right: var(--x-size-base-05) !important;
662
+ [dir="rtl"] .x-margin--right-04 {
663
+ margin-left: var(--x-size-base-04) !important;
664
664
  }
665
- [dir="rtl"] .x-padding--right-05 {
666
- padding-left: var(--x-size-base-05) !important;
665
+ [dir="ltr"] .x-margin--left-04 {
666
+ margin-left: var(--x-size-base-04) !important;
667
667
  }
668
- [dir="ltr"] .x-padding--left-05 {
669
- padding-left: var(--x-size-base-05) !important;
668
+ [dir="rtl"] .x-margin--left-04 {
669
+ margin-right: var(--x-size-base-04) !important;
670
670
  }
671
- [dir="rtl"] .x-padding--left-05 {
672
- padding-right: var(--x-size-base-05) !important;
671
+ .x-margin--top-05 {
672
+ margin-top: var(--x-size-base-05) !important;
673
673
  }
674
- .x-padding--top-06 {
675
- padding-top: var(--x-size-base-06) !important;
674
+ .x-margin--bottom-05 {
675
+ margin-bottom: var(--x-size-base-05) !important;
676
676
  }
677
- .x-padding--bottom-06 {
678
- padding-bottom: var(--x-size-base-06) !important;
677
+ [dir="ltr"] .x-margin--right-05 {
678
+ margin-right: var(--x-size-base-05) !important;
679
679
  }
680
- [dir="ltr"] .x-padding--right-06 {
681
- padding-right: var(--x-size-base-06) !important;
680
+ [dir="rtl"] .x-margin--right-05 {
681
+ margin-left: var(--x-size-base-05) !important;
682
682
  }
683
- [dir="rtl"] .x-padding--right-06 {
684
- padding-left: var(--x-size-base-06) !important;
683
+ [dir="ltr"] .x-margin--left-05 {
684
+ margin-left: var(--x-size-base-05) !important;
685
685
  }
686
- [dir="ltr"] .x-padding--left-06 {
687
- padding-left: var(--x-size-base-06) !important;
686
+ [dir="rtl"] .x-margin--left-05 {
687
+ margin-right: var(--x-size-base-05) !important;
688
688
  }
689
- [dir="rtl"] .x-padding--left-06 {
690
- padding-right: var(--x-size-base-06) !important;
689
+ .x-margin--top-06 {
690
+ margin-top: var(--x-size-base-06) !important;
691
691
  }
692
- .x-padding--top-07 {
693
- padding-top: var(--x-size-base-07) !important;
692
+ .x-margin--bottom-06 {
693
+ margin-bottom: var(--x-size-base-06) !important;
694
694
  }
695
- .x-padding--bottom-07 {
696
- padding-bottom: var(--x-size-base-07) !important;
695
+ [dir="ltr"] .x-margin--right-06 {
696
+ margin-right: var(--x-size-base-06) !important;
697
697
  }
698
- [dir="ltr"] .x-padding--right-07 {
699
- padding-right: var(--x-size-base-07) !important;
698
+ [dir="rtl"] .x-margin--right-06 {
699
+ margin-left: var(--x-size-base-06) !important;
700
700
  }
701
- [dir="rtl"] .x-padding--right-07 {
702
- padding-left: var(--x-size-base-07) !important;
701
+ [dir="ltr"] .x-margin--left-06 {
702
+ margin-left: var(--x-size-base-06) !important;
703
703
  }
704
- [dir="ltr"] .x-padding--left-07 {
705
- padding-left: var(--x-size-base-07) !important;
704
+ [dir="rtl"] .x-margin--left-06 {
705
+ margin-right: var(--x-size-base-06) !important;
706
706
  }
707
- [dir="rtl"] .x-padding--left-07 {
708
- padding-right: var(--x-size-base-07) !important;
707
+ .x-margin--top-07 {
708
+ margin-top: var(--x-size-base-07) !important;
709
709
  }
710
- .x-padding--top-08 {
711
- padding-top: var(--x-size-base-08) !important;
710
+ .x-margin--bottom-07 {
711
+ margin-bottom: var(--x-size-base-07) !important;
712
712
  }
713
- .x-padding--bottom-08 {
714
- padding-bottom: var(--x-size-base-08) !important;
713
+ [dir="ltr"] .x-margin--right-07 {
714
+ margin-right: var(--x-size-base-07) !important;
715
715
  }
716
- [dir="ltr"] .x-padding--right-08 {
717
- padding-right: var(--x-size-base-08) !important;
716
+ [dir="rtl"] .x-margin--right-07 {
717
+ margin-left: var(--x-size-base-07) !important;
718
718
  }
719
- [dir="rtl"] .x-padding--right-08 {
720
- padding-left: var(--x-size-base-08) !important;
719
+ [dir="ltr"] .x-margin--left-07 {
720
+ margin-left: var(--x-size-base-07) !important;
721
721
  }
722
- [dir="ltr"] .x-padding--left-08 {
723
- padding-left: var(--x-size-base-08) !important;
722
+ [dir="rtl"] .x-margin--left-07 {
723
+ margin-right: var(--x-size-base-07) !important;
724
724
  }
725
- [dir="rtl"] .x-padding--left-08 {
726
- padding-right: var(--x-size-base-08) !important;
725
+ .x-margin--top-08 {
726
+ margin-top: var(--x-size-base-08) !important;
727
727
  }
728
- .x-padding--top-09 {
729
- padding-top: var(--x-size-base-09) !important;
728
+ .x-margin--bottom-08 {
729
+ margin-bottom: var(--x-size-base-08) !important;
730
730
  }
731
- .x-padding--bottom-09 {
732
- padding-bottom: var(--x-size-base-09) !important;
731
+ [dir="ltr"] .x-margin--right-08 {
732
+ margin-right: var(--x-size-base-08) !important;
733
733
  }
734
- [dir="ltr"] .x-padding--right-09 {
735
- padding-right: var(--x-size-base-09) !important;
734
+ [dir="rtl"] .x-margin--right-08 {
735
+ margin-left: var(--x-size-base-08) !important;
736
736
  }
737
- [dir="rtl"] .x-padding--right-09 {
738
- padding-left: var(--x-size-base-09) !important;
737
+ [dir="ltr"] .x-margin--left-08 {
738
+ margin-left: var(--x-size-base-08) !important;
739
739
  }
740
- [dir="ltr"] .x-padding--left-09 {
741
- padding-left: var(--x-size-base-09) !important;
740
+ [dir="rtl"] .x-margin--left-08 {
741
+ margin-right: var(--x-size-base-08) !important;
742
742
  }
743
- [dir="rtl"] .x-padding--left-09 {
744
- padding-right: var(--x-size-base-09) !important;
743
+ .x-margin--top-09 {
744
+ margin-top: var(--x-size-base-09) !important;
745
745
  }
746
- .x-padding--top-10 {
747
- padding-top: var(--x-size-base-10) !important;
746
+ .x-margin--bottom-09 {
747
+ margin-bottom: var(--x-size-base-09) !important;
748
748
  }
749
- .x-padding--bottom-10 {
750
- padding-bottom: var(--x-size-base-10) !important;
749
+ [dir="ltr"] .x-margin--right-09 {
750
+ margin-right: var(--x-size-base-09) !important;
751
751
  }
752
- [dir="ltr"] .x-padding--right-10 {
753
- padding-right: var(--x-size-base-10) !important;
752
+ [dir="rtl"] .x-margin--right-09 {
753
+ margin-left: var(--x-size-base-09) !important;
754
754
  }
755
- [dir="rtl"] .x-padding--right-10 {
756
- padding-left: var(--x-size-base-10) !important;
755
+ [dir="ltr"] .x-margin--left-09 {
756
+ margin-left: var(--x-size-base-09) !important;
757
757
  }
758
- [dir="ltr"] .x-padding--left-10 {
759
- padding-left: var(--x-size-base-10) !important;
758
+ [dir="rtl"] .x-margin--left-09 {
759
+ margin-right: var(--x-size-base-09) !important;
760
760
  }
761
- [dir="rtl"] .x-padding--left-10 {
762
- padding-right: var(--x-size-base-10) !important;
761
+ .x-margin--top-10 {
762
+ margin-top: var(--x-size-base-10) !important;
763
763
  }
764
- .x-padding--top-11 {
765
- padding-top: var(--x-size-base-11) !important;
764
+ .x-margin--bottom-10 {
765
+ margin-bottom: var(--x-size-base-10) !important;
766
766
  }
767
- .x-padding--bottom-11 {
768
- padding-bottom: var(--x-size-base-11) !important;
767
+ [dir="ltr"] .x-margin--right-10 {
768
+ margin-right: var(--x-size-base-10) !important;
769
769
  }
770
- [dir="ltr"] .x-padding--right-11 {
771
- padding-right: var(--x-size-base-11) !important;
770
+ [dir="rtl"] .x-margin--right-10 {
771
+ margin-left: var(--x-size-base-10) !important;
772
772
  }
773
- [dir="rtl"] .x-padding--right-11 {
774
- padding-left: var(--x-size-base-11) !important;
773
+ [dir="ltr"] .x-margin--left-10 {
774
+ margin-left: var(--x-size-base-10) !important;
775
775
  }
776
- [dir="ltr"] .x-padding--left-11 {
777
- padding-left: var(--x-size-base-11) !important;
776
+ [dir="rtl"] .x-margin--left-10 {
777
+ margin-right: var(--x-size-base-10) !important;
778
778
  }
779
- [dir="rtl"] .x-padding--left-11 {
780
- padding-right: var(--x-size-base-11) !important;
779
+ .x-margin--top-11 {
780
+ margin-top: var(--x-size-base-11) !important;
781
781
  }
782
- .x-padding--top-12 {
783
- padding-top: var(--x-size-base-12) !important;
782
+ .x-margin--bottom-11 {
783
+ margin-bottom: var(--x-size-base-11) !important;
784
784
  }
785
- .x-padding--bottom-12 {
786
- padding-bottom: var(--x-size-base-12) !important;
785
+ [dir="ltr"] .x-margin--right-11 {
786
+ margin-right: var(--x-size-base-11) !important;
787
787
  }
788
- [dir="ltr"] .x-padding--right-12 {
789
- padding-right: var(--x-size-base-12) !important;
788
+ [dir="rtl"] .x-margin--right-11 {
789
+ margin-left: var(--x-size-base-11) !important;
790
790
  }
791
- [dir="rtl"] .x-padding--right-12 {
792
- padding-left: var(--x-size-base-12) !important;
791
+ [dir="ltr"] .x-margin--left-11 {
792
+ margin-left: var(--x-size-base-11) !important;
793
793
  }
794
- [dir="ltr"] .x-padding--left-12 {
795
- padding-left: var(--x-size-base-12) !important;
794
+ [dir="rtl"] .x-margin--left-11 {
795
+ margin-right: var(--x-size-base-11) !important;
796
796
  }
797
- [dir="rtl"] .x-padding--left-12 {
798
- padding-right: var(--x-size-base-12) !important;
797
+ .x-margin--top-12 {
798
+ margin-top: var(--x-size-base-12) !important;
799
799
  }
800
- .x-padding--top-13 {
801
- padding-top: var(--x-size-base-13) !important;
800
+ .x-margin--bottom-12 {
801
+ margin-bottom: var(--x-size-base-12) !important;
802
802
  }
803
- .x-padding--bottom-13 {
804
- padding-bottom: var(--x-size-base-13) !important;
803
+ [dir="ltr"] .x-margin--right-12 {
804
+ margin-right: var(--x-size-base-12) !important;
805
805
  }
806
- [dir="ltr"] .x-padding--right-13 {
807
- padding-right: var(--x-size-base-13) !important;
806
+ [dir="rtl"] .x-margin--right-12 {
807
+ margin-left: var(--x-size-base-12) !important;
808
808
  }
809
- [dir="rtl"] .x-padding--right-13 {
810
- padding-left: var(--x-size-base-13) !important;
809
+ [dir="ltr"] .x-margin--left-12 {
810
+ margin-left: var(--x-size-base-12) !important;
811
811
  }
812
- [dir="ltr"] .x-padding--left-13 {
813
- padding-left: var(--x-size-base-13) !important;
812
+ [dir="rtl"] .x-margin--left-12 {
813
+ margin-right: var(--x-size-base-12) !important;
814
814
  }
815
- [dir="rtl"] .x-padding--left-13 {
816
- padding-right: var(--x-size-base-13) !important;
815
+ .x-margin--top-13 {
816
+ margin-top: var(--x-size-base-13) !important;
817
817
  }
818
- .x-padding--top-14 {
819
- padding-top: var(--x-size-base-14) !important;
818
+ .x-margin--bottom-13 {
819
+ margin-bottom: var(--x-size-base-13) !important;
820
820
  }
821
- .x-padding--bottom-14 {
822
- padding-bottom: var(--x-size-base-14) !important;
821
+ [dir="ltr"] .x-margin--right-13 {
822
+ margin-right: var(--x-size-base-13) !important;
823
823
  }
824
- [dir="ltr"] .x-padding--right-14 {
825
- padding-right: var(--x-size-base-14) !important;
824
+ [dir="rtl"] .x-margin--right-13 {
825
+ margin-left: var(--x-size-base-13) !important;
826
826
  }
827
- [dir="rtl"] .x-padding--right-14 {
828
- padding-left: var(--x-size-base-14) !important;
827
+ [dir="ltr"] .x-margin--left-13 {
828
+ margin-left: var(--x-size-base-13) !important;
829
829
  }
830
- [dir="ltr"] .x-padding--left-14 {
831
- padding-left: var(--x-size-base-14) !important;
830
+ [dir="rtl"] .x-margin--left-13 {
831
+ margin-right: var(--x-size-base-13) !important;
832
832
  }
833
- [dir="rtl"] .x-padding--left-14 {
834
- padding-right: var(--x-size-base-14) !important;
833
+ .x-margin--top-14 {
834
+ margin-top: var(--x-size-base-14) !important;
835
835
  }
836
- .x-padding--top-15 {
837
- padding-top: var(--x-size-base-15) !important;
836
+ .x-margin--bottom-14 {
837
+ margin-bottom: var(--x-size-base-14) !important;
838
838
  }
839
- .x-padding--bottom-15 {
840
- padding-bottom: var(--x-size-base-15) !important;
839
+ [dir="ltr"] .x-margin--right-14 {
840
+ margin-right: var(--x-size-base-14) !important;
841
841
  }
842
- [dir="ltr"] .x-padding--right-15 {
843
- padding-right: var(--x-size-base-15) !important;
842
+ [dir="rtl"] .x-margin--right-14 {
843
+ margin-left: var(--x-size-base-14) !important;
844
844
  }
845
- [dir="rtl"] .x-padding--right-15 {
846
- padding-left: var(--x-size-base-15) !important;
845
+ [dir="ltr"] .x-margin--left-14 {
846
+ margin-left: var(--x-size-base-14) !important;
847
847
  }
848
- [dir="ltr"] .x-padding--left-15 {
849
- padding-left: var(--x-size-base-15) !important;
848
+ [dir="rtl"] .x-margin--left-14 {
849
+ margin-right: var(--x-size-base-14) !important;
850
850
  }
851
- [dir="rtl"] .x-padding--left-15 {
852
- padding-right: var(--x-size-base-15) !important;
851
+ .x-margin--top-15 {
852
+ margin-top: var(--x-size-base-15) !important;
853
853
  }
854
- .x-padding--top-16 {
855
- padding-top: var(--x-size-base-16) !important;
854
+ .x-margin--bottom-15 {
855
+ margin-bottom: var(--x-size-base-15) !important;
856
856
  }
857
- .x-padding--bottom-16 {
858
- padding-bottom: var(--x-size-base-16) !important;
857
+ [dir="ltr"] .x-margin--right-15 {
858
+ margin-right: var(--x-size-base-15) !important;
859
859
  }
860
- [dir="ltr"] .x-padding--right-16 {
861
- padding-right: var(--x-size-base-16) !important;
860
+ [dir="rtl"] .x-margin--right-15 {
861
+ margin-left: var(--x-size-base-15) !important;
862
862
  }
863
- [dir="rtl"] .x-padding--right-16 {
864
- padding-left: var(--x-size-base-16) !important;
863
+ [dir="ltr"] .x-margin--left-15 {
864
+ margin-left: var(--x-size-base-15) !important;
865
865
  }
866
- [dir="ltr"] .x-padding--left-16 {
867
- padding-left: var(--x-size-base-16) !important;
866
+ [dir="rtl"] .x-margin--left-15 {
867
+ margin-right: var(--x-size-base-15) !important;
868
868
  }
869
- [dir="rtl"] .x-padding--left-16 {
870
- padding-right: var(--x-size-base-16) !important;
869
+ .x-margin--top-16 {
870
+ margin-top: var(--x-size-base-16) !important;
871
871
  }
872
- .x-padding--top-17 {
873
- padding-top: var(--x-size-base-17) !important;
872
+ .x-margin--bottom-16 {
873
+ margin-bottom: var(--x-size-base-16) !important;
874
874
  }
875
- .x-padding--bottom-17 {
876
- padding-bottom: var(--x-size-base-17) !important;
875
+ [dir="ltr"] .x-margin--right-16 {
876
+ margin-right: var(--x-size-base-16) !important;
877
877
  }
878
- [dir="ltr"] .x-padding--right-17 {
879
- padding-right: var(--x-size-base-17) !important;
878
+ [dir="rtl"] .x-margin--right-16 {
879
+ margin-left: var(--x-size-base-16) !important;
880
880
  }
881
- [dir="rtl"] .x-padding--right-17 {
882
- padding-left: var(--x-size-base-17) !important;
881
+ [dir="ltr"] .x-margin--left-16 {
882
+ margin-left: var(--x-size-base-16) !important;
883
883
  }
884
- [dir="ltr"] .x-padding--left-17 {
885
- padding-left: var(--x-size-base-17) !important;
884
+ [dir="rtl"] .x-margin--left-16 {
885
+ margin-right: var(--x-size-base-16) !important;
886
886
  }
887
- [dir="rtl"] .x-padding--left-17 {
888
- padding-right: var(--x-size-base-17) !important;
887
+ .x-margin--top-17 {
888
+ margin-top: var(--x-size-base-17) !important;
889
889
  }
890
- .x-padding--top-18 {
891
- padding-top: var(--x-size-base-18) !important;
890
+ .x-margin--bottom-17 {
891
+ margin-bottom: var(--x-size-base-17) !important;
892
892
  }
893
- .x-padding--bottom-18 {
894
- padding-bottom: var(--x-size-base-18) !important;
893
+ [dir="ltr"] .x-margin--right-17 {
894
+ margin-right: var(--x-size-base-17) !important;
895
895
  }
896
- [dir="ltr"] .x-padding--right-18 {
897
- padding-right: var(--x-size-base-18) !important;
896
+ [dir="rtl"] .x-margin--right-17 {
897
+ margin-left: var(--x-size-base-17) !important;
898
898
  }
899
- [dir="rtl"] .x-padding--right-18 {
900
- padding-left: var(--x-size-base-18) !important;
899
+ [dir="ltr"] .x-margin--left-17 {
900
+ margin-left: var(--x-size-base-17) !important;
901
901
  }
902
- [dir="ltr"] .x-padding--left-18 {
903
- padding-left: var(--x-size-base-18) !important;
902
+ [dir="rtl"] .x-margin--left-17 {
903
+ margin-right: var(--x-size-base-17) !important;
904
904
  }
905
- [dir="rtl"] .x-padding--left-18 {
906
- padding-right: var(--x-size-base-18) !important;
905
+ .x-margin--top-18 {
906
+ margin-top: var(--x-size-base-18) !important;
907
907
  }
908
- .x-padding--top-19 {
909
- padding-top: var(--x-size-base-19) !important;
908
+ .x-margin--bottom-18 {
909
+ margin-bottom: var(--x-size-base-18) !important;
910
910
  }
911
- .x-padding--bottom-19 {
912
- padding-bottom: var(--x-size-base-19) !important;
911
+ [dir="ltr"] .x-margin--right-18 {
912
+ margin-right: var(--x-size-base-18) !important;
913
913
  }
914
- [dir="ltr"] .x-padding--right-19 {
915
- padding-right: var(--x-size-base-19) !important;
914
+ [dir="rtl"] .x-margin--right-18 {
915
+ margin-left: var(--x-size-base-18) !important;
916
916
  }
917
- [dir="rtl"] .x-padding--right-19 {
918
- padding-left: var(--x-size-base-19) !important;
917
+ [dir="ltr"] .x-margin--left-18 {
918
+ margin-left: var(--x-size-base-18) !important;
919
919
  }
920
- [dir="ltr"] .x-padding--left-19 {
921
- padding-left: var(--x-size-base-19) !important;
920
+ [dir="rtl"] .x-margin--left-18 {
921
+ margin-right: var(--x-size-base-18) !important;
922
922
  }
923
- [dir="rtl"] .x-padding--left-19 {
924
- padding-right: var(--x-size-base-19) !important;
923
+ .x-margin--top-19 {
924
+ margin-top: var(--x-size-base-19) !important;
925
925
  }
926
- .x-padding--top-20 {
927
- padding-top: var(--x-size-base-20) !important;
926
+ .x-margin--bottom-19 {
927
+ margin-bottom: var(--x-size-base-19) !important;
928
928
  }
929
- .x-padding--bottom-20 {
930
- padding-bottom: var(--x-size-base-20) !important;
929
+ [dir="ltr"] .x-margin--right-19 {
930
+ margin-right: var(--x-size-base-19) !important;
931
931
  }
932
- [dir="ltr"] .x-padding--right-20 {
933
- padding-right: var(--x-size-base-20) !important;
932
+ [dir="rtl"] .x-margin--right-19 {
933
+ margin-left: var(--x-size-base-19) !important;
934
934
  }
935
- [dir="rtl"] .x-padding--right-20 {
936
- padding-left: var(--x-size-base-20) !important;
935
+ [dir="ltr"] .x-margin--left-19 {
936
+ margin-left: var(--x-size-base-19) !important;
937
937
  }
938
- [dir="ltr"] .x-padding--left-20 {
939
- padding-left: var(--x-size-base-20) !important;
938
+ [dir="rtl"] .x-margin--left-19 {
939
+ margin-right: var(--x-size-base-19) !important;
940
940
  }
941
- [dir="rtl"] .x-padding--left-20 {
942
- padding-right: var(--x-size-base-20) !important;
941
+ .x-margin--top-20 {
942
+ margin-top: var(--x-size-base-20) !important;
943
943
  }
944
- .x-uppercase {
945
- text-transform: uppercase;
944
+ .x-margin--bottom-20 {
945
+ margin-bottom: var(--x-size-base-20) !important;
946
946
  }
947
-
948
- .x-lowercase {
949
- text-transform: lowercase;
947
+ [dir="ltr"] .x-margin--right-20 {
948
+ margin-right: var(--x-size-base-20) !important;
950
949
  }
951
-
952
- .x-capitalize {
953
- text-transform: capitalize;
950
+ [dir="rtl"] .x-margin--right-20 {
951
+ margin-left: var(--x-size-base-20) !important;
954
952
  }
955
-
956
- .x-normal-case {
957
- text-transform: none;
953
+ [dir="ltr"] .x-margin--left-20 {
954
+ margin-left: var(--x-size-base-20) !important;
955
+ }
956
+ [dir="rtl"] .x-margin--left-20 {
957
+ margin-right: var(--x-size-base-20) !important;
958
958
  }
959
959
  .x-line-height--none {
960
960
  line-height: 1 !important;
@@ -1013,6 +1013,15 @@
1013
1013
  -webkit-box-orient: vertical !important;
1014
1014
  -webkit-line-clamp: 6 !important;
1015
1015
  }
1016
+ .x-font-weight--light {
1017
+ font-weight: var(--x-number-font-weight-base-light) !important;
1018
+ }
1019
+ .x-font-weight--regular {
1020
+ font-weight: var(--x-number-font-weight-base-regular) !important;
1021
+ }
1022
+ .x-font-weight--bold {
1023
+ font-weight: var(--x-number-font-weight-base-bold) !important;
1024
+ }
1016
1025
  .x-font-size--01 {
1017
1026
  font-size: var(--x-size-base-01) !important;
1018
1027
  line-height: 1.5;
@@ -1093,15 +1102,6 @@
1093
1102
  font-size: var(--x-size-base-20) !important;
1094
1103
  line-height: 1.5;
1095
1104
  }
1096
- .x-font-weight--light {
1097
- font-weight: var(--x-number-font-weight-base-light) !important;
1098
- }
1099
- .x-font-weight--regular {
1100
- font-weight: var(--x-number-font-weight-base-regular) !important;
1101
- }
1102
- .x-font-weight--bold {
1103
- font-weight: var(--x-number-font-weight-base-bold) !important;
1104
- }
1105
1105
  .x-font-color--lead {
1106
1106
  color: var(--x-color-base-lead) !important;
1107
1107
  }
@@ -3274,49 +3274,6 @@
3274
3274
  [dir="rtl"] .x-border-radius--bottom-right-20 {
3275
3275
  border-bottom-left-radius: var(--x-size-base-20) !important;
3276
3276
  }
3277
- .x-background--lead {
3278
- background-color: var(--x-color-base-lead) !important;
3279
- }
3280
-
3281
- .x-background--auxiliary {
3282
- background-color: var(--x-color-base-auxiliary) !important;
3283
- }
3284
-
3285
- .x-background--neutral-10 {
3286
- background-color: var(--x-color-base-neutral-10) !important;
3287
- }
3288
-
3289
- .x-background--neutral-35 {
3290
- background-color: var(--x-color-base-neutral-35) !important;
3291
- }
3292
-
3293
- .x-background--neutral-70 {
3294
- background-color: var(--x-color-base-neutral-70) !important;
3295
- }
3296
-
3297
- .x-background--neutral-95 {
3298
- background-color: var(--x-color-base-neutral-95) !important;
3299
- }
3300
-
3301
- .x-background--neutral-100 {
3302
- background-color: var(--x-color-base-neutral-100) !important;
3303
- }
3304
-
3305
- .x-background--accent {
3306
- background-color: var(--x-color-base-accent) !important;
3307
- }
3308
-
3309
- .x-background--enable {
3310
- background-color: var(--x-color-base-enable) !important;
3311
- }
3312
-
3313
- .x-background--disable {
3314
- background-color: var(--x-color-base-disable) !important;
3315
- }
3316
-
3317
- .x-background--transparent {
3318
- background-color: var(--x-color-base-transparent) !important;
3319
- }
3320
3277
  .x-border-color--lead {
3321
3278
  border-color: var(--x-color-base-lead) !important;
3322
3279
  }
@@ -3360,11 +3317,48 @@
3360
3317
  .x-border-color--transparent {
3361
3318
  border-color: var(--x-color-base-transparent) !important;
3362
3319
  }
3363
- .x-text--secondary {
3364
- --x-color-text-default: var(--x-color-text-secondary);
3320
+ .x-background--lead {
3321
+ background-color: var(--x-color-base-lead) !important;
3365
3322
  }
3366
- :root {
3367
- --x-color-text-secondary: var(--x-color-base-neutral-35);
3323
+
3324
+ .x-background--auxiliary {
3325
+ background-color: var(--x-color-base-auxiliary) !important;
3326
+ }
3327
+
3328
+ .x-background--neutral-10 {
3329
+ background-color: var(--x-color-base-neutral-10) !important;
3330
+ }
3331
+
3332
+ .x-background--neutral-35 {
3333
+ background-color: var(--x-color-base-neutral-35) !important;
3334
+ }
3335
+
3336
+ .x-background--neutral-70 {
3337
+ background-color: var(--x-color-base-neutral-70) !important;
3338
+ }
3339
+
3340
+ .x-background--neutral-95 {
3341
+ background-color: var(--x-color-base-neutral-95) !important;
3342
+ }
3343
+
3344
+ .x-background--neutral-100 {
3345
+ background-color: var(--x-color-base-neutral-100) !important;
3346
+ }
3347
+
3348
+ .x-background--accent {
3349
+ background-color: var(--x-color-base-accent) !important;
3350
+ }
3351
+
3352
+ .x-background--enable {
3353
+ background-color: var(--x-color-base-enable) !important;
3354
+ }
3355
+
3356
+ .x-background--disable {
3357
+ background-color: var(--x-color-base-disable) !important;
3358
+ }
3359
+
3360
+ .x-background--transparent {
3361
+ background-color: var(--x-color-base-transparent) !important;
3368
3362
  }
3369
3363
  .x-text--stroke.x-text {
3370
3364
  --x-string-text-decoration: line-through;
@@ -3381,6 +3375,9 @@
3381
3375
  .x-text--stroke.x-small {
3382
3376
  --x-string-text-decoration-small: line-through;
3383
3377
  }
3378
+ :root {
3379
+ --x-color-text-secondary: var(--x-color-base-neutral-35);
3380
+ }
3384
3381
  .x-text--light.x-text {
3385
3382
  --x-number-font-weight-text: var(--x-number-font-weight-base-light);
3386
3383
  }
@@ -3396,6 +3393,9 @@
3396
3393
  .x-text--light.x-small {
3397
3394
  --x-number-font-weight-small: var(--x-number-font-weight-base-light);
3398
3395
  }
3396
+ .x-text--secondary {
3397
+ --x-color-text-default: var(--x-color-text-secondary);
3398
+ }
3399
3399
  :root {
3400
3400
  --x-font-family-base: "Montserrat", sans-serif;
3401
3401
  --x-size-font-base-xs: 12px;
@@ -3538,6 +3538,9 @@
3538
3538
  overflow: hidden;
3539
3539
  white-space: nowrap;
3540
3540
  }
3541
+ :root {
3542
+ --x-color-text-accent: var(--x-color-base-accent);
3543
+ }
3541
3544
  .x-text--bold.x-text {
3542
3545
  --x-number-font-weight-text: var(--x-number-font-weight-base-bold);
3543
3546
  }
@@ -3553,9 +3556,6 @@
3553
3556
  .x-text--bold.x-small {
3554
3557
  --x-number-font-weight-small: var(--x-number-font-weight-base-bold);
3555
3558
  }
3556
- :root {
3557
- --x-color-text-accent: var(--x-color-base-accent);
3558
- }
3559
3559
  .x-text--accent {
3560
3560
  --x-color-text-default: var(--x-color-text-accent);
3561
3561
  }
@@ -3596,36 +3596,6 @@
3596
3596
  --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3597
3597
  --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3598
3598
  }
3599
- :root {
3600
- --x-color-background-tag-ghost: transparent;
3601
- --x-color-border-tag-ghost: transparent;
3602
- --x-color-background-tag-selected-ghost: transparent;
3603
- --x-color-border-tag-selected-ghost: transparent;
3604
- --x-color-background-tag-curated-ghost: transparent;
3605
- --x-color-border-tag-curated-ghost: transparent;
3606
- --x-color-background-tag-curated-selected-ghost: transparent;
3607
- --x-color-border-tag-curated-selected-ghost: transparent;
3608
- --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3609
- --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3610
- }
3611
-
3612
- .x-tag--ghost.x-tag,
3613
- .x-tag--ghost .x-tag {
3614
- --x-color-background-tag-default: var(--x-color-background-tag-ghost);
3615
- --x-color-border-tag-default: var(--x-color-border-tag-ghost);
3616
- --x-color-background-tag-default-curated: var(--x-color-background-tag-curated-ghost);
3617
- --x-color-border-tag-default-curated: var(--x-color-border-tag-curated-ghost);
3618
- --x-color-background-tag-default-selected: var(--x-color-background-tag-selected-ghost);
3619
- --x-color-border-tag-default-selected: var(--x-color-border-tag-selected-ghost);
3620
- --x-color-background-tag-default-curated-selected: var(
3621
- --x-color-background-tag-curated-selected-ghost
3622
- );
3623
- --x-color-border-tag-default-curated-selected: var(--x-color-border-tag-curated-selected-ghost);
3624
- --x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-selected-ghost);
3625
- --x-number-font-weight-tag-default-curated-selected: var(
3626
- --x-number-font-weight-tag-curated-selected-ghost
3627
- );
3628
- }
3629
3599
  :root {
3630
3600
  --x-color-background-tag-default: var(--x-color-base-neutral-100);
3631
3601
  --x-color-border-tag-default: var(--x-color-text-tag-default);
@@ -3669,7 +3639,37 @@
3669
3639
  --x-size-font-tag-default-curated-selected: var(--x-size-font-tag-default-selected);
3670
3640
  --x-size-line-height-tag-default-curated-selected: var(--x-size-line-height-tag-default-selected);
3671
3641
  --x-number-font-weight-tag-default-curated-selected: var(
3672
- --x-number-font-weight-tag-default-selected
3642
+ --x-number-font-weight-tag-default-selected
3643
+ );
3644
+ }
3645
+ :root {
3646
+ --x-color-background-tag-ghost: transparent;
3647
+ --x-color-border-tag-ghost: transparent;
3648
+ --x-color-background-tag-selected-ghost: transparent;
3649
+ --x-color-border-tag-selected-ghost: transparent;
3650
+ --x-color-background-tag-curated-ghost: transparent;
3651
+ --x-color-border-tag-curated-ghost: transparent;
3652
+ --x-color-background-tag-curated-selected-ghost: transparent;
3653
+ --x-color-border-tag-curated-selected-ghost: transparent;
3654
+ --x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
3655
+ --x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
3656
+ }
3657
+
3658
+ .x-tag--ghost.x-tag,
3659
+ .x-tag--ghost .x-tag {
3660
+ --x-color-background-tag-default: var(--x-color-background-tag-ghost);
3661
+ --x-color-border-tag-default: var(--x-color-border-tag-ghost);
3662
+ --x-color-background-tag-default-curated: var(--x-color-background-tag-curated-ghost);
3663
+ --x-color-border-tag-default-curated: var(--x-color-border-tag-curated-ghost);
3664
+ --x-color-background-tag-default-selected: var(--x-color-background-tag-selected-ghost);
3665
+ --x-color-border-tag-default-selected: var(--x-color-border-tag-selected-ghost);
3666
+ --x-color-background-tag-default-curated-selected: var(
3667
+ --x-color-background-tag-curated-selected-ghost
3668
+ );
3669
+ --x-color-border-tag-default-curated-selected: var(--x-color-border-tag-curated-selected-ghost);
3670
+ --x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-selected-ghost);
3671
+ --x-number-font-weight-tag-default-curated-selected: var(
3672
+ --x-number-font-weight-tag-curated-selected-ghost
3673
3673
  );
3674
3674
  }
3675
3675
  :root {
@@ -3900,6 +3900,54 @@
3900
3900
  --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3901
3901
  --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3902
3902
  }
3903
+ :root {
3904
+ --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
3905
+ --x-color-text-suggestion-group-matching-part-default: var(
3906
+ --x-color-text-suggestion-matching-part-default
3907
+ );
3908
+ --x-color-background-suggestion-group-default: var(--x-color-background-suggestion-default);
3909
+ --x-color-border-suggestion-group-default: var(--x-color-text-suggestion-group-default);
3910
+ --x-size-padding-top-suggestion-group-default: var(--x-size-padding-top-suggestion-default);
3911
+ --x-size-padding-right-suggestion-group-default: var(--x-size-padding-right-suggestion-default);
3912
+ --x-size-padding-bottom-suggestion-group-default: var(--x-size-padding-bottom-suggestion-default);
3913
+ --x-size-padding-left-suggestion-group-default: var(--x-size-padding-left-suggestion-default);
3914
+ --x-size-gap-suggestion-group-default: var(--x-size-gap-suggestion-default);
3915
+ --x-size-border-width-suggestion-group-default: 0;
3916
+ --x-size-border-width-top-suggestion-group-default: var(--x-size-border-width-suggestion-default);
3917
+ --x-size-border-width-right-suggestion-group-default: var(
3918
+ --x-size-border-width-suggestion-default
3919
+ );
3920
+ --x-size-border-width-bottom-suggestion-group-default: var(
3921
+ --x-size-border-width-suggestion-default
3922
+ );
3923
+ --x-size-border-width-left-suggestion-group-default: var(
3924
+ --x-size-border-width-suggestion-default
3925
+ );
3926
+ --x-size-border-radius-suggestion-group-default: var(--x-size-border-radius-base-none);
3927
+ --x-size-border-radius-top-left-suggestion-group-default: var(
3928
+ --x-size-border-radius-suggestion-default
3929
+ );
3930
+ --x-size-border-radius-top-right-suggestion-group-default: var(
3931
+ --x-size-border-radius-suggestion-default
3932
+ );
3933
+ --x-size-border-radius-bottom-right-suggestion-group-default: var(
3934
+ --x-size-border-radius-suggestion-default
3935
+ );
3936
+ --x-size-border-radius-bottom-left-suggestion-group-default: var(
3937
+ --x-size-border-radius-suggestion-default
3938
+ );
3939
+ --x-font-family-suggestion-group-default: var(--x-font-family-suggestion-default);
3940
+ --x-size-font-suggestion-group-default: var(--x-size-font-suggestion-default);
3941
+ --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
3942
+ --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
3943
+ }
3944
+ :root {
3945
+ --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3946
+ --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3947
+ --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3948
+ --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3949
+ --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3950
+ }
3903
3951
 
3904
3952
  .x-tag--card.x-tag,
3905
3953
  .x-tag--card .x-tag {
@@ -3911,13 +3959,6 @@
3911
3959
  );
3912
3960
  --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-card);
3913
3961
  }
3914
- :root {
3915
- --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
3916
- --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
3917
- --x-size-border-radius-top-right-tag-card: var(--x-size-border-radius-tag-card);
3918
- --x-size-border-radius-bottom-right-tag-card: var(--x-size-border-radius-tag-card);
3919
- --x-size-border-radius-bottom-left-tag-card: var(--x-size-border-radius-tag-card);
3920
- }
3921
3962
  :root {
3922
3963
  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
3923
3964
  --x-color-text-suggestion-group-matching-part-default: var(
@@ -4124,47 +4165,6 @@
4124
4165
  --x-number-font-weight-suggestion-default-matching
4125
4166
  );
4126
4167
  }
4127
- :root {
4128
- --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
4129
- --x-color-text-suggestion-group-matching-part-default: var(
4130
- --x-color-text-suggestion-matching-part-default
4131
- );
4132
- --x-color-background-suggestion-group-default: var(--x-color-background-suggestion-default);
4133
- --x-color-border-suggestion-group-default: var(--x-color-text-suggestion-group-default);
4134
- --x-size-padding-top-suggestion-group-default: var(--x-size-padding-top-suggestion-default);
4135
- --x-size-padding-right-suggestion-group-default: var(--x-size-padding-right-suggestion-default);
4136
- --x-size-padding-bottom-suggestion-group-default: var(--x-size-padding-bottom-suggestion-default);
4137
- --x-size-padding-left-suggestion-group-default: var(--x-size-padding-left-suggestion-default);
4138
- --x-size-gap-suggestion-group-default: var(--x-size-gap-suggestion-default);
4139
- --x-size-border-width-suggestion-group-default: 0;
4140
- --x-size-border-width-top-suggestion-group-default: var(--x-size-border-width-suggestion-default);
4141
- --x-size-border-width-right-suggestion-group-default: var(
4142
- --x-size-border-width-suggestion-default
4143
- );
4144
- --x-size-border-width-bottom-suggestion-group-default: var(
4145
- --x-size-border-width-suggestion-default
4146
- );
4147
- --x-size-border-width-left-suggestion-group-default: var(
4148
- --x-size-border-width-suggestion-default
4149
- );
4150
- --x-size-border-radius-suggestion-group-default: var(--x-size-border-radius-base-none);
4151
- --x-size-border-radius-top-left-suggestion-group-default: var(
4152
- --x-size-border-radius-suggestion-default
4153
- );
4154
- --x-size-border-radius-top-right-suggestion-group-default: var(
4155
- --x-size-border-radius-suggestion-default
4156
- );
4157
- --x-size-border-radius-bottom-right-suggestion-group-default: var(
4158
- --x-size-border-radius-suggestion-default
4159
- );
4160
- --x-size-border-radius-bottom-left-suggestion-group-default: var(
4161
- --x-size-border-radius-suggestion-default
4162
- );
4163
- --x-font-family-suggestion-group-default: var(--x-font-family-suggestion-default);
4164
- --x-size-font-suggestion-group-default: var(--x-size-font-suggestion-default);
4165
- --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
4166
- --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
4167
- }
4168
4168
  :root {
4169
4169
  --x-string-align-items-suggestion-default: center;
4170
4170
  --x-color-text-suggestion-default: var(--x-color-text-default);
@@ -4454,6 +4454,13 @@
4454
4454
  --x-color-background-scroll-bar-hover: transparent;
4455
4455
  --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4456
4456
  }
4457
+ :root {
4458
+ --x-string-overflow-scroll: auto;
4459
+ --x-color-background-scroll-bar: transparent;
4460
+ --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
4461
+ --x-color-background-scroll-bar-hover: transparent;
4462
+ --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4463
+ }
4457
4464
 
4458
4465
  .x-scroll {
4459
4466
  overflow-y: var(--x-string-overflow-scroll);
@@ -4485,13 +4492,6 @@
4485
4492
  .x-base-scroll {
4486
4493
  overflow-y: var(--x-string-overflow-scroll, auto);
4487
4494
  }
4488
- :root {
4489
- --x-string-overflow-scroll: auto;
4490
- --x-color-background-scroll-bar: transparent;
4491
- --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
4492
- --x-color-background-scroll-bar-hover: transparent;
4493
- --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
4494
- }
4495
4495
  /* @deprecated */
4496
4496
  :root {
4497
4497
  --x-size-padding-row-02: var(--x-size-base-02);
@@ -4551,14 +4551,6 @@
4551
4551
  --x-size-gap-row-19: var(--x-size-base-19);
4552
4552
  --x-size-gap-row-20: var(--x-size-base-20);
4553
4553
  }
4554
- :root {
4555
- --x-size-gap-row: 0;
4556
- --x-size-padding-row: 0;
4557
- --x-size-justify-row: stretch;
4558
- --x-size-align-row: center;
4559
- --x-size-span-row-item: 1;
4560
- --x-size-start-row-item: 0;
4561
- }
4562
4554
  :root {
4563
4555
  --x-size-gap-row-01: var(--x-size-base-01);
4564
4556
  --x-size-gap-row-02: var(--x-size-base-02);
@@ -4669,6 +4661,14 @@
4669
4661
  --x-size-span-row-item: 1;
4670
4662
  --x-size-start-row-item: 0;
4671
4663
  }
4664
+ :root {
4665
+ --x-size-gap-row: 0;
4666
+ --x-size-padding-row: 0;
4667
+ --x-size-justify-row: stretch;
4668
+ --x-size-align-row: center;
4669
+ --x-size-span-row-item: 1;
4670
+ --x-size-start-row-item: 0;
4671
+ }
4672
4672
 
4673
4673
  .x-row {
4674
4674
  display: grid;
@@ -4806,6 +4806,26 @@
4806
4806
  --x-size-border-width-result-description-default: 0;
4807
4807
  --x-size-border-width-result-picture-default: 0;
4808
4808
  }
4809
+ :root {
4810
+ --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4811
+ }
4812
+ :root {
4813
+ --x-color-border-result-default: var(--x-color-base-lead);
4814
+ --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4815
+ --x-color-border-result-description-default: var(--x-color-border-result-default);
4816
+ --x-color-border-result-picture-default: var(--x-color-border-result-default);
4817
+ --x-color-background-result-default: transparent;
4818
+ --x-size-padding-result-default: 0;
4819
+ --x-size-padding-result-overlay-default: 0;
4820
+ --x-size-padding-result-description-default: 0;
4821
+ --x-size-gap-result-default: var(--x-size-base-03);
4822
+ --x-size-padding-result-picture-default: 0;
4823
+ --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4824
+ --x-size-border-width-result-default: 0;
4825
+ --x-size-border-width-result-overlay-default: 0;
4826
+ --x-size-border-width-result-description-default: 0;
4827
+ --x-size-border-width-result-picture-default: 0;
4828
+ }
4809
4829
 
4810
4830
  .x-result {
4811
4831
  display: grid;
@@ -4860,24 +4880,13 @@
4860
4880
  }
4861
4881
  }
4862
4882
  :root {
4863
- --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
4864
- }
4865
- :root {
4866
- --x-color-border-result-default: var(--x-color-base-lead);
4867
- --x-color-border-result-overlay-default: var(--x-color-border-result-default);
4868
- --x-color-border-result-description-default: var(--x-color-border-result-default);
4869
- --x-color-border-result-picture-default: var(--x-color-border-result-default);
4870
- --x-color-background-result-default: transparent;
4871
- --x-size-padding-result-default: 0;
4872
- --x-size-padding-result-overlay-default: 0;
4873
- --x-size-padding-result-description-default: 0;
4874
- --x-size-gap-result-default: var(--x-size-base-03);
4875
- --x-size-padding-result-picture-default: 0;
4876
- --x-size-border-radius-result-default: var(--x-size-border-radius-base-none);
4877
- --x-size-border-width-result-default: 0;
4878
- --x-size-border-width-result-overlay-default: 0;
4879
- --x-size-border-width-result-description-default: 0;
4880
- --x-size-border-width-result-picture-default: 0;
4883
+ --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4884
+ --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4885
+ --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4886
+ --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4887
+ --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4888
+ --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4889
+ --x-size-border-width-progress-bar-default: 0;
4881
4890
  }
4882
4891
  :root {
4883
4892
  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
@@ -4896,15 +4905,6 @@
4896
4905
  --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4897
4906
  --x-size-border-width-progress-bar-default: 0;
4898
4907
  }
4899
- :root {
4900
- --x-size-height-progress-bar-line-default: var(--x-size-base-02);
4901
- --x-size-width-progress-bar-line-default: var(--x-size-base-20);
4902
- --x-color-background-progress-bar-default: var(--x-color-base-neutral-70);
4903
- --x-color-border-progress-bar-default: var(--x-color-background-progress-bar-default);
4904
- --x-color-background-progress-bar-line-default: var(--x-color-base-neutral-10);
4905
- --x-size-border-radius-progress-bar-default: var(--x-size-border-radius-base-pill);
4906
- --x-size-border-width-progress-bar-default: 0;
4907
- }
4908
4908
 
4909
4909
  .x-progress-bar {
4910
4910
  display: inline-block;
@@ -5051,6 +5051,13 @@
5051
5051
  --x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
5052
5052
  --x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
5053
5053
  }
5054
+ :root {
5055
+ --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5056
+ --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5057
+ --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5058
+ --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5059
+ --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5060
+ }
5054
5061
  :root {
5055
5062
  --x-color-background-picture-colored: var(--x-color-base-neutral-95);
5056
5063
  --x-mix-blend-mode-picture-colored: multiply;
@@ -5077,13 +5084,6 @@
5077
5084
  --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5078
5085
  --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5079
5086
  }
5080
- :root {
5081
- --x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
5082
- --x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
5083
- --x-size-border-radius-right-picture-card: var(--x-size-border-radius-picture-card);
5084
- --x-size-border-radius-bottom-picture-card: var(--x-size-border-radius-picture-card);
5085
- --x-size-border-radius-left-picture-card: var(--x-size-border-radius-picture-card);
5086
- }
5087
5087
 
5088
5088
  .x-picture--card.x-picture {
5089
5089
  --x-size-border-radius-picture-default: var(--x-size-border-radius-picture-card);
@@ -5172,6 +5172,86 @@
5172
5172
  --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
5173
5173
  --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
5174
5174
  }
5175
+ :root {
5176
+ --x-color-background-option-list-button-default: transparent;
5177
+ --x-color-border-option-list-button-default: transparent;
5178
+ --x-color-text-option-list-button-default: var(--x-color-base-neutral-35);
5179
+ --x-color-background-option-list-button-default-hover: var(
5180
+ --x-color-background-option-list-button-default
5181
+ );
5182
+ --x-color-border-option-list-button-default-hover: var(
5183
+ --x-color-border-option-list-button-default
5184
+ );
5185
+ --x-color-text-option-list-button-default-hover: var(--x-color-text-option-list-button-default);
5186
+ --x-color-background-option-list-button-default-selected: var(
5187
+ --x-color-background-option-list-button-default
5188
+ );
5189
+ --x-color-border-option-list-button-default-selected: var(
5190
+ --x-color-border-option-list-button-default
5191
+ );
5192
+ --x-color-text-option-list-button-default-selected: var(--x-color-text-default);
5193
+ --x-color-background-option-list-button-default-selected-hover: var(
5194
+ --x-color-background-option-list-button-default-selected
5195
+ );
5196
+ --x-color-border-option-list-button-default-selected-hover: var(
5197
+ --x-color-border-option-list-button-default-selected
5198
+ );
5199
+ --x-color-text-option-list-button-default-selected-hover: var(
5200
+ --x-color-text-option-list-button-default-selected
5201
+ );
5202
+ --x-color-border-option-list-item-default: var(--x-color-base-neutral-70);
5203
+ --x-color-border-top-option-list-item-default: var(--x-color-border-option-list-item-default);
5204
+ --x-color-border-right-option-list-item-default: var(--x-color-border-option-list-item-default);
5205
+ --x-color-border-bottom-option-list-item-default: var(--x-color-border-option-list-item-default);
5206
+ --x-color-border-left-option-list-item-default: var(--x-color-border-option-list-item-default);
5207
+ --x-color-border-option-list-item-default-selected: var(--x-color-base-neutral-70);
5208
+ --x-color-border-top-option-list-item-default-selected: var(
5209
+ --x-color-border-option-list-item-default-selected
5210
+ );
5211
+ --x-color-border-right-option-list-item-default-selected: var(
5212
+ --x-color-border-option-list-item-default-selected
5213
+ );
5214
+ --x-color-border-bottom-option-list-item-default-selected: var(
5215
+ --x-color-border-option-list-item-default-selected
5216
+ );
5217
+ --x-color-border-left-option-list-item-default-selected: var(
5218
+ --x-color-border-option-list-item-default-selected
5219
+ );
5220
+ --x-size-border-width-option-list-item-default: var(--x-size-border-width-base);
5221
+ --x-size-border-width-top-option-list-item-default: 0;
5222
+ --x-size-border-width-right-option-list-item-default: var(
5223
+ --x-size-border-width-option-list-item-default
5224
+ );
5225
+ --x-size-border-width-bottom-option-list-item-default: 0;
5226
+ --x-size-border-width-left-option-list-item-default: 0;
5227
+ --x-size-border-width-top-option-list-item-default-selected: var(
5228
+ --x-size-border-width-top-option-list-item-default
5229
+ );
5230
+ --x-size-border-width-right-option-list-item-default-selected: var(
5231
+ --x-size-border-width-right-option-list-item-default
5232
+ );
5233
+ --x-size-border-width-bottom-option-list-item-default-selected: var(
5234
+ --x-size-border-width-bottom-option-list-item-default
5235
+ );
5236
+ --x-size-border-width-left-option-list-item-default-selected: var(
5237
+ --x-size-border-width-left-option-list-item-default
5238
+ );
5239
+ --x-size-padding-option-list-button-default: var(--x-size-base-02);
5240
+ --x-size-padding-top-option-list-button-default: var(--x-size-padding-option-list-button-default);
5241
+ --x-size-padding-right-option-list-button-default: var(
5242
+ --x-size-padding-option-list-button-default
5243
+ );
5244
+ --x-size-padding-bottom-option-list-button-default: var(
5245
+ --x-size-padding-option-list-button-default
5246
+ );
5247
+ --x-size-padding-left-option-list-button-default: var(
5248
+ --x-size-padding-option-list-button-default
5249
+ );
5250
+ --x-font-decoration-option-list-button-default-hover: underline;
5251
+ --x-size-font-option-list-button-default: var(--x-size-font-text);
5252
+ --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
5253
+ --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
5254
+ }
5175
5255
 
5176
5256
  .x-option-list {
5177
5257
  display: inline-flex;
@@ -5329,90 +5409,6 @@
5329
5409
  --x-number-font-weight-base-regular
5330
5410
  );
5331
5411
  }
5332
- :root {
5333
- --x-color-background-option-list-button-default: transparent;
5334
- --x-color-border-option-list-button-default: transparent;
5335
- --x-color-text-option-list-button-default: var(--x-color-base-neutral-35);
5336
- --x-color-background-option-list-button-default-hover: var(
5337
- --x-color-background-option-list-button-default
5338
- );
5339
- --x-color-border-option-list-button-default-hover: var(
5340
- --x-color-border-option-list-button-default
5341
- );
5342
- --x-color-text-option-list-button-default-hover: var(--x-color-text-option-list-button-default);
5343
- --x-color-background-option-list-button-default-selected: var(
5344
- --x-color-background-option-list-button-default
5345
- );
5346
- --x-color-border-option-list-button-default-selected: var(
5347
- --x-color-border-option-list-button-default
5348
- );
5349
- --x-color-text-option-list-button-default-selected: var(--x-color-text-default);
5350
- --x-color-background-option-list-button-default-selected-hover: var(
5351
- --x-color-background-option-list-button-default-selected
5352
- );
5353
- --x-color-border-option-list-button-default-selected-hover: var(
5354
- --x-color-border-option-list-button-default-selected
5355
- );
5356
- --x-color-text-option-list-button-default-selected-hover: var(
5357
- --x-color-text-option-list-button-default-selected
5358
- );
5359
- --x-color-border-option-list-item-default: var(--x-color-base-neutral-70);
5360
- --x-color-border-top-option-list-item-default: var(--x-color-border-option-list-item-default);
5361
- --x-color-border-right-option-list-item-default: var(--x-color-border-option-list-item-default);
5362
- --x-color-border-bottom-option-list-item-default: var(--x-color-border-option-list-item-default);
5363
- --x-color-border-left-option-list-item-default: var(--x-color-border-option-list-item-default);
5364
- --x-color-border-option-list-item-default-selected: var(--x-color-base-neutral-70);
5365
- --x-color-border-top-option-list-item-default-selected: var(
5366
- --x-color-border-option-list-item-default-selected
5367
- );
5368
- --x-color-border-right-option-list-item-default-selected: var(
5369
- --x-color-border-option-list-item-default-selected
5370
- );
5371
- --x-color-border-bottom-option-list-item-default-selected: var(
5372
- --x-color-border-option-list-item-default-selected
5373
- );
5374
- --x-color-border-left-option-list-item-default-selected: var(
5375
- --x-color-border-option-list-item-default-selected
5376
- );
5377
- --x-size-border-width-option-list-item-default: var(--x-size-border-width-base);
5378
- --x-size-border-width-top-option-list-item-default: 0;
5379
- --x-size-border-width-right-option-list-item-default: var(
5380
- --x-size-border-width-option-list-item-default
5381
- );
5382
- --x-size-border-width-bottom-option-list-item-default: 0;
5383
- --x-size-border-width-left-option-list-item-default: 0;
5384
- --x-size-border-width-top-option-list-item-default-selected: var(
5385
- --x-size-border-width-top-option-list-item-default
5386
- );
5387
- --x-size-border-width-right-option-list-item-default-selected: var(
5388
- --x-size-border-width-right-option-list-item-default
5389
- );
5390
- --x-size-border-width-bottom-option-list-item-default-selected: var(
5391
- --x-size-border-width-bottom-option-list-item-default
5392
- );
5393
- --x-size-border-width-left-option-list-item-default-selected: var(
5394
- --x-size-border-width-left-option-list-item-default
5395
- );
5396
- --x-size-padding-option-list-button-default: var(--x-size-base-02);
5397
- --x-size-padding-top-option-list-button-default: var(--x-size-padding-option-list-button-default);
5398
- --x-size-padding-right-option-list-button-default: var(
5399
- --x-size-padding-option-list-button-default
5400
- );
5401
- --x-size-padding-bottom-option-list-button-default: var(
5402
- --x-size-padding-option-list-button-default
5403
- );
5404
- --x-size-padding-left-option-list-button-default: var(
5405
- --x-size-padding-option-list-button-default
5406
- );
5407
- --x-font-decoration-option-list-button-default-hover: underline;
5408
- --x-size-font-option-list-button-default: var(--x-size-font-text);
5409
- --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
5410
- --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
5411
- }
5412
- :root {
5413
- --x-modal-overlay-color: rgb(0, 0, 0);
5414
- --x-modal-overlay-opacity: 0.7;
5415
- }
5416
5412
  :root {
5417
5413
  --x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
5418
5414
  --x-color-text-option-list-button-bottom-selected-hover: var(
@@ -5548,6 +5544,10 @@
5548
5544
  --x-modal-overlay-color: rgb(0, 0, 0);
5549
5545
  --x-modal-overlay-opacity: 0.7;
5550
5546
  }
5547
+ :root {
5548
+ --x-modal-overlay-color: rgb(0, 0, 0);
5549
+ --x-modal-overlay-opacity: 0.7;
5550
+ }
5551
5551
 
5552
5552
  .x-modal__overlay {
5553
5553
  background-color: var(--x-modal-overlay-color) !important;
@@ -5661,6 +5661,22 @@
5661
5661
  --x-size-padding-list-12: var(--x-size-base-12);
5662
5662
  --x-size-padding-list-13: var(--x-size-base-13);
5663
5663
  }
5664
+ /* @deprecated */
5665
+ :root {
5666
+ --x-size-padding-list-01: var(--x-size-base-01);
5667
+ --x-size-padding-list-02: var(--x-size-base-02);
5668
+ --x-size-padding-list-03: var(--x-size-base-03);
5669
+ --x-size-padding-list-04: var(--x-size-base-04);
5670
+ --x-size-padding-list-05: var(--x-size-base-05);
5671
+ --x-size-padding-list-06: var(--x-size-base-06);
5672
+ --x-size-padding-list-07: var(--x-size-base-07);
5673
+ --x-size-padding-list-08: var(--x-size-base-08);
5674
+ --x-size-padding-list-09: var(--x-size-base-09);
5675
+ --x-size-padding-list-10: var(--x-size-base-10);
5676
+ --x-size-padding-list-11: var(--x-size-base-11);
5677
+ --x-size-padding-list-12: var(--x-size-base-12);
5678
+ --x-size-padding-list-13: var(--x-size-base-13);
5679
+ }
5664
5680
 
5665
5681
  /* @deprecated */
5666
5682
  [class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-right) {
@@ -5985,22 +6001,6 @@
5985
6001
  margin-right: var(--x-size-gap-list-13);
5986
6002
  }
5987
6003
  }
5988
- /* @deprecated */
5989
- :root {
5990
- --x-size-padding-list-01: var(--x-size-base-01);
5991
- --x-size-padding-list-02: var(--x-size-base-02);
5992
- --x-size-padding-list-03: var(--x-size-base-03);
5993
- --x-size-padding-list-04: var(--x-size-base-04);
5994
- --x-size-padding-list-05: var(--x-size-base-05);
5995
- --x-size-padding-list-06: var(--x-size-base-06);
5996
- --x-size-padding-list-07: var(--x-size-base-07);
5997
- --x-size-padding-list-08: var(--x-size-base-08);
5998
- --x-size-padding-list-09: var(--x-size-base-09);
5999
- --x-size-padding-list-10: var(--x-size-base-10);
6000
- --x-size-padding-list-11: var(--x-size-base-11);
6001
- --x-size-padding-list-12: var(--x-size-base-12);
6002
- --x-size-padding-list-13: var(--x-size-base-13);
6003
- }
6004
6004
  :root {
6005
6005
  --x-size-gap-list-01: var(--x-size-base-01);
6006
6006
  --x-size-gap-list-02: var(--x-size-base-02);
@@ -6835,15 +6835,6 @@
6835
6835
  );
6836
6836
  --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
6837
6837
  }
6838
- :root {
6839
- --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
6840
- --x-size-border-radius-top-left-input-group-card: var(--x-size-border-radius-input-group-card);
6841
- --x-size-border-radius-top-right-input-group-card: var(--x-size-border-radius-input-group-card);
6842
- --x-size-border-radius-bottom-right-input-group-card: var(
6843
- --x-size-border-radius-input-group-card
6844
- );
6845
- --x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
6846
- }
6847
6838
  :root {
6848
6839
  --x-color-background-input-group-default: var(--x-color-background-input-default);
6849
6840
  --x-color-border-input-group-default: var(--x-color-border-input-default);
@@ -7022,11 +7013,13 @@
7022
7013
  margin-left: calc(var(--x-size-border-width-right-input-group-default) * -1);
7023
7014
  }
7024
7015
  :root {
7025
- --x-size-border-radius-input-pill: var(--x-size-border-radius-base-pill);
7026
- --x-size-border-radius-top-left-input-pill: var(--x-size-border-radius-input-pill);
7027
- --x-size-border-radius-top-right-input-pill: var(--x-size-border-radius-input-pill);
7028
- --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7029
- --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7016
+ --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
7017
+ --x-size-border-radius-top-left-input-group-card: var(--x-size-border-radius-input-group-card);
7018
+ --x-size-border-radius-top-right-input-group-card: var(--x-size-border-radius-input-group-card);
7019
+ --x-size-border-radius-bottom-right-input-group-card: var(
7020
+ --x-size-border-radius-input-group-card
7021
+ );
7022
+ --x-size-border-radius-bottom-left-input-group-card: var(--x-size-border-radius-input-group-card);
7030
7023
  }
7031
7024
  :root {
7032
7025
  --x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
@@ -7071,6 +7064,13 @@
7071
7064
  --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7072
7065
  --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7073
7066
  }
7067
+ :root {
7068
+ --x-size-border-radius-input-pill: var(--x-size-border-radius-base-pill);
7069
+ --x-size-border-radius-top-left-input-pill: var(--x-size-border-radius-input-pill);
7070
+ --x-size-border-radius-top-right-input-pill: var(--x-size-border-radius-input-pill);
7071
+ --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
7072
+ --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
7073
+ }
7074
7074
 
7075
7075
  .x-input--pill.x-input,
7076
7076
  .x-input--pill .x-input {
@@ -7305,6 +7305,10 @@
7305
7305
  --x-size-width-icon-m: var(--x-size-base-05);
7306
7306
  --x-size-height-icon-m: var(--x-size-base-05);
7307
7307
  }
7308
+ :root {
7309
+ --x-size-width-icon-l: var(--x-size-base-06);
7310
+ --x-size-height-icon-l: var(--x-size-base-06);
7311
+ }
7308
7312
  :root {
7309
7313
  --x-size-width-icon-m: var(--x-size-base-05);
7310
7314
  --x-size-height-icon-m: var(--x-size-base-05);
@@ -7318,10 +7322,6 @@
7318
7322
  --x-size-width-icon-l: var(--x-size-base-06);
7319
7323
  --x-size-height-icon-l: var(--x-size-base-06);
7320
7324
  }
7321
- :root {
7322
- --x-size-width-icon-l: var(--x-size-base-06);
7323
- --x-size-height-icon-l: var(--x-size-base-06);
7324
- }
7325
7325
 
7326
7326
  .x-icon--l {
7327
7327
  --x-size-width-icon-default: var(--x-size-width-icon-l);
@@ -7336,6 +7336,11 @@
7336
7336
  --x-string-stroke-linejoin-icon-default: mitter;
7337
7337
  --x-size-stroke-width-icon-default: 1px;
7338
7338
  }
7339
+ :root {
7340
+ --x-size-padding-grid: 0;
7341
+ --x-size-gap-grid: var(--x-size-base-03);
7342
+ --x-size-min-width-grid-item: 150px;
7343
+ }
7339
7344
  :root {
7340
7345
  --x-color-stroke-icon-default: currentColor;
7341
7346
  --x-color-fill-icon-default: none;
@@ -7371,11 +7376,6 @@
7371
7376
  --x-size-gap-grid: var(--x-size-base-03);
7372
7377
  --x-size-min-width-grid-item: 150px;
7373
7378
  }
7374
- :root {
7375
- --x-size-padding-grid: 0;
7376
- --x-size-gap-grid: var(--x-size-base-03);
7377
- --x-size-min-width-grid-item: 150px;
7378
- }
7379
7379
 
7380
7380
  .x-grid-list {
7381
7381
  margin: 0;
@@ -7410,6 +7410,13 @@
7410
7410
  --x-size-padding-bottom-filter-children: 0;
7411
7411
  --x-size-padding-left-filter-children: var(--x-size-base-05);
7412
7412
  }
7413
+ :root {
7414
+ --x-size-margin-filter-children: 0;
7415
+ --x-size-padding-top-filter-children: 0;
7416
+ --x-size-padding-right-filter-children: 0;
7417
+ --x-size-padding-bottom-filter-children: 0;
7418
+ --x-size-padding-left-filter-children: var(--x-size-base-05);
7419
+ }
7413
7420
 
7414
7421
  .x-hierarchical-filter-container {
7415
7422
  list-style: none;
@@ -7467,13 +7474,6 @@
7467
7474
  );
7468
7475
  --x-size-line-height-filter-default: var(--x-size-line-height-text);
7469
7476
  }
7470
- :root {
7471
- --x-size-margin-filter-children: 0;
7472
- --x-size-padding-top-filter-children: 0;
7473
- --x-size-padding-right-filter-children: 0;
7474
- --x-size-padding-bottom-filter-children: 0;
7475
- --x-size-padding-left-filter-children: var(--x-size-base-05);
7476
- }
7477
7477
  :root {
7478
7478
  --x-color-background-filter-default: transparent;
7479
7479
  --x-color-border-filter-default: var(--x-color-background-filter-default);
@@ -7636,62 +7636,29 @@
7636
7636
  --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7637
7637
  --x-size-border-width-left-facet-header-line: 0;
7638
7638
  }
7639
-
7640
- .x-facet--line.x-facet,
7641
- .x-facet--line .x-facet {
7642
- --x-color-border-facet-header-default: var(--x-color-border-facet-header-line);
7643
- --x-size-border-width-facet-header-default: var(--x-size-border-width-facet-header-line);
7644
- --x-size-border-width-top-facet-header-default: var(--x-size-border-width-top-facet-header-line);
7645
- --x-size-border-width-right-facet-header-default: var(
7646
- --x-size-border-width-right-facet-header-line
7647
- );
7648
- --x-size-border-width-bottom-facet-header-default: var(
7649
- --x-size-border-width-bottom-facet-header-line
7650
- );
7651
- --x-size-border-width-left-facet-header-default: var(
7652
- --x-size-border-width-left-facet-header-line
7653
- );
7654
- }
7655
7639
  :root {
7656
7640
  --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
7657
- --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7658
- --x-size-border-width-top-facet-header-line: 0;
7659
- --x-size-border-width-right-facet-header-line: 0;
7660
- --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7661
- --x-size-border-width-left-facet-header-line: 0;
7662
- }
7663
- :root {
7664
- --x-color-background-facet-default: transparent;
7665
- --x-color-border-facet-default: var(--x-color-background-facet-default);
7666
- --x-color-text-facet-default: var(--x-color-text-default);
7667
- --x-color-background-facet-header-default: var(--x-color-background-facet-default);
7668
- --x-color-border-facet-header-default: var(--x-color-background-facet-default);
7669
- --x-size-border-width-facet-default: var(--x-size-border-width-base);
7670
- --x-size-border-width-top-facet-default: var(--x-size-border-width-facet-default);
7671
- --x-size-border-width-right-facet-default: var(--x-size-border-width-facet-default);
7672
- --x-size-border-width-bottom-facet-default: var(--x-size-border-width-facet-default);
7673
- --x-size-border-width-left-facet-default: var(--x-size-border-width-facet-default);
7674
- --x-size-border-width-facet-header-default: var(--x-size-border-width-base);
7675
- --x-size-border-width-top-facet-header-default: var(--x-size-border-width-facet-header-default);
7676
- --x-size-border-width-right-facet-header-default: var(--x-size-border-width-facet-header-default);
7641
+ --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
7642
+ --x-size-border-width-top-facet-header-line: 0;
7643
+ --x-size-border-width-right-facet-header-line: 0;
7644
+ --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
7645
+ --x-size-border-width-left-facet-header-line: 0;
7646
+ }
7647
+
7648
+ .x-facet--line.x-facet,
7649
+ .x-facet--line .x-facet {
7650
+ --x-color-border-facet-header-default: var(--x-color-border-facet-header-line);
7651
+ --x-size-border-width-facet-header-default: var(--x-size-border-width-facet-header-line);
7652
+ --x-size-border-width-top-facet-header-default: var(--x-size-border-width-top-facet-header-line);
7653
+ --x-size-border-width-right-facet-header-default: var(
7654
+ --x-size-border-width-right-facet-header-line
7655
+ );
7677
7656
  --x-size-border-width-bottom-facet-header-default: var(
7678
- --x-size-border-width-facet-header-default
7657
+ --x-size-border-width-bottom-facet-header-line
7658
+ );
7659
+ --x-size-border-width-left-facet-header-default: var(
7660
+ --x-size-border-width-left-facet-header-line
7679
7661
  );
7680
- --x-size-border-width-left-facet-header-default: var(--x-size-border-width-facet-header-default);
7681
- --x-size-border-radius-facet-default: var(--x-size-border-radius-base-none);
7682
- --x-size-border-radius-top-left-facet-default: var(--x-size-border-radius-facet-default);
7683
- --x-size-border-radius-top-right-facet-default: var(--x-size-border-radius-facet-default);
7684
- --x-size-border-radius-bottom-right-facet-default: var(--x-size-border-radius-facet-default);
7685
- --x-size-border-radius-bottom-left-facet-default: var(--x-size-border-radius-facet-default);
7686
- --x-size-padding-top-facet-header-default: var(--x-size-base-03);
7687
- --x-size-padding-right-facet-header-default: 0;
7688
- --x-size-padding-bottom-facet-header-default: var(--x-size-base-03);
7689
- --x-size-padding-left-facet-header-default: 0;
7690
- --x-size-gap-facet-header-default: var(--x-size-base-03);
7691
- --x-font-family-facet-default: var(--x-font-family-title3);
7692
- --x-size-font-facet-default: var(--x-size-font-title3);
7693
- --x-number-font-weight-facet-default: var(--x-number-font-weight-title3);
7694
- --x-size-line-height-facet-default: var(--x-size-line-height-title3);
7695
7662
  }
7696
7663
  :root {
7697
7664
  --x-color-background-facet-default: transparent;
@@ -7821,16 +7788,37 @@
7821
7788
  margin-left: auto;
7822
7789
  }
7823
7790
  :root {
7824
- --x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
7825
- --x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
7826
- --x-size-border-radius-top-right-facet-card: var(--x-size-border-radius-facet-card);
7827
- --x-size-border-radius-bottom-right-facet-card: var(--x-size-border-radius-facet-card);
7828
- --x-size-border-radius-bottom-left-facet-card: var(--x-size-border-radius-facet-card);
7829
- --x-size-padding-facet-header-card: var(--x-size-base-03);
7830
- --x-size-padding-top-facet-header-card: var(--x-size-padding-facet-header-card);
7831
- --x-size-padding-right-facet-header-card: var(--x-size-padding-facet-header-card);
7832
- --x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
7833
- --x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
7791
+ --x-color-background-facet-default: transparent;
7792
+ --x-color-border-facet-default: var(--x-color-background-facet-default);
7793
+ --x-color-text-facet-default: var(--x-color-text-default);
7794
+ --x-color-background-facet-header-default: var(--x-color-background-facet-default);
7795
+ --x-color-border-facet-header-default: var(--x-color-background-facet-default);
7796
+ --x-size-border-width-facet-default: var(--x-size-border-width-base);
7797
+ --x-size-border-width-top-facet-default: var(--x-size-border-width-facet-default);
7798
+ --x-size-border-width-right-facet-default: var(--x-size-border-width-facet-default);
7799
+ --x-size-border-width-bottom-facet-default: var(--x-size-border-width-facet-default);
7800
+ --x-size-border-width-left-facet-default: var(--x-size-border-width-facet-default);
7801
+ --x-size-border-width-facet-header-default: var(--x-size-border-width-base);
7802
+ --x-size-border-width-top-facet-header-default: var(--x-size-border-width-facet-header-default);
7803
+ --x-size-border-width-right-facet-header-default: var(--x-size-border-width-facet-header-default);
7804
+ --x-size-border-width-bottom-facet-header-default: var(
7805
+ --x-size-border-width-facet-header-default
7806
+ );
7807
+ --x-size-border-width-left-facet-header-default: var(--x-size-border-width-facet-header-default);
7808
+ --x-size-border-radius-facet-default: var(--x-size-border-radius-base-none);
7809
+ --x-size-border-radius-top-left-facet-default: var(--x-size-border-radius-facet-default);
7810
+ --x-size-border-radius-top-right-facet-default: var(--x-size-border-radius-facet-default);
7811
+ --x-size-border-radius-bottom-right-facet-default: var(--x-size-border-radius-facet-default);
7812
+ --x-size-border-radius-bottom-left-facet-default: var(--x-size-border-radius-facet-default);
7813
+ --x-size-padding-top-facet-header-default: var(--x-size-base-03);
7814
+ --x-size-padding-right-facet-header-default: 0;
7815
+ --x-size-padding-bottom-facet-header-default: var(--x-size-base-03);
7816
+ --x-size-padding-left-facet-header-default: 0;
7817
+ --x-size-gap-facet-header-default: var(--x-size-base-03);
7818
+ --x-font-family-facet-default: var(--x-font-family-title3);
7819
+ --x-size-font-facet-default: var(--x-size-font-title3);
7820
+ --x-number-font-weight-facet-default: var(--x-number-font-weight-title3);
7821
+ --x-size-line-height-facet-default: var(--x-size-line-height-title3);
7834
7822
  }
7835
7823
  :root {
7836
7824
  --x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
@@ -7859,7 +7847,16 @@
7859
7847
  --x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-card);
7860
7848
  }
7861
7849
  :root {
7862
- --x-size-width-dropdown-xl: 282px;
7850
+ --x-size-border-radius-facet-card: var(--x-size-border-radius-base-s);
7851
+ --x-size-border-radius-top-left-facet-card: var(--x-size-border-radius-facet-card);
7852
+ --x-size-border-radius-top-right-facet-card: var(--x-size-border-radius-facet-card);
7853
+ --x-size-border-radius-bottom-right-facet-card: var(--x-size-border-radius-facet-card);
7854
+ --x-size-border-radius-bottom-left-facet-card: var(--x-size-border-radius-facet-card);
7855
+ --x-size-padding-facet-header-card: var(--x-size-base-03);
7856
+ --x-size-padding-top-facet-header-card: var(--x-size-padding-facet-header-card);
7857
+ --x-size-padding-right-facet-header-card: var(--x-size-padding-facet-header-card);
7858
+ --x-size-padding-bottom-facet-header-card: var(--x-size-padding-facet-header-card);
7859
+ --x-size-padding-left-facet-header-card: var(--x-size-padding-facet-header-card);
7863
7860
  }
7864
7861
  :root {
7865
7862
  --x-size-width-dropdown-xl: 282px;
@@ -7869,7 +7866,7 @@
7869
7866
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-xl);
7870
7867
  }
7871
7868
  :root {
7872
- --x-size-width-dropdown-s: 74px;
7869
+ --x-size-width-dropdown-xl: 282px;
7873
7870
  }
7874
7871
  :root {
7875
7872
  --x-size-width-dropdown-s: 74px;
@@ -7879,12 +7876,7 @@
7879
7876
  --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-s);
7880
7877
  }
7881
7878
  :root {
7882
- --x-size-gap-dropdown-pill: var(--x-size-base-03);
7883
- --x-size-border-width-dropdown-list-pill: var(--x-size-border-width-base);
7884
- --x-size-border-width-top-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7885
- --x-size-border-width-right-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7886
- --x-size-border-width-bottom-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7887
- --x-size-border-width-left-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7879
+ --x-size-width-dropdown-s: 74px;
7888
7880
  }
7889
7881
  :root {
7890
7882
  --x-size-gap-dropdown-pill: var(--x-size-base-03);
@@ -7930,31 +7922,15 @@
7930
7922
  );
7931
7923
  }
7932
7924
  :root {
7933
- --x-size-width-dropdown-m: 130px;
7925
+ --x-size-gap-dropdown-pill: var(--x-size-base-03);
7926
+ --x-size-border-width-dropdown-list-pill: var(--x-size-border-width-base);
7927
+ --x-size-border-width-top-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7928
+ --x-size-border-width-right-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7929
+ --x-size-border-width-bottom-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7930
+ --x-size-border-width-left-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
7934
7931
  }
7935
7932
  :root {
7936
- --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
7937
- --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
7938
- --x-size-padding-top-dropdown-item-line: var(--x-size-base-03);
7939
- --x-size-padding-right-dropdown-item-line: 0;
7940
- --x-size-padding-bottom-dropdown-item-line: var(--x-size-base-03);
7941
- --x-size-padding-left-dropdown-item-line: 0;
7942
- --x-size-padding-top-dropdown-toggle-line: var(--x-size-base-03);
7943
- --x-size-padding-right-dropdown-toggle-line: 0;
7944
- --x-size-padding-bottom-dropdown-toggle-line: var(--x-size-base-03);
7945
- --x-size-padding-left-dropdown-toggle-line: 0;
7946
- --x-size-border-width-dropdown-toggle-line: var(--x-size-border-width-base);
7947
- --x-size-border-width-top-dropdown-toggle-line: 0;
7948
- --x-size-border-width-right-dropdown-toggle-line: 0;
7949
- --x-size-border-width-bottom-dropdown-toggle-line: var(
7950
- --x-size-border-width-dropdown-toggle-line
7951
- );
7952
- --x-size-border-width-left-dropdown-toggle-line: 0;
7953
- --x-size-border-width-dropdown-list-line: 0;
7954
- --x-size-border-width-top-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7955
- --x-size-border-width-right-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7956
- --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7957
- --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
7933
+ --x-size-width-dropdown-m: 130px;
7958
7934
  }
7959
7935
  :root {
7960
7936
  --x-size-width-dropdown-m: 130px;
@@ -8026,6 +8002,30 @@
8026
8002
  --x-size-border-width-left-dropdown-list-line
8027
8003
  );
8028
8004
  }
8005
+ :root {
8006
+ --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
8007
+ --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
8008
+ --x-size-padding-top-dropdown-item-line: var(--x-size-base-03);
8009
+ --x-size-padding-right-dropdown-item-line: 0;
8010
+ --x-size-padding-bottom-dropdown-item-line: var(--x-size-base-03);
8011
+ --x-size-padding-left-dropdown-item-line: 0;
8012
+ --x-size-padding-top-dropdown-toggle-line: var(--x-size-base-03);
8013
+ --x-size-padding-right-dropdown-toggle-line: 0;
8014
+ --x-size-padding-bottom-dropdown-toggle-line: var(--x-size-base-03);
8015
+ --x-size-padding-left-dropdown-toggle-line: 0;
8016
+ --x-size-border-width-dropdown-toggle-line: var(--x-size-border-width-base);
8017
+ --x-size-border-width-top-dropdown-toggle-line: 0;
8018
+ --x-size-border-width-right-dropdown-toggle-line: 0;
8019
+ --x-size-border-width-bottom-dropdown-toggle-line: var(
8020
+ --x-size-border-width-dropdown-toggle-line
8021
+ );
8022
+ --x-size-border-width-left-dropdown-toggle-line: 0;
8023
+ --x-size-border-width-dropdown-list-line: 0;
8024
+ --x-size-border-width-top-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8025
+ --x-size-border-width-right-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8026
+ --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8027
+ --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
8028
+ }
8029
8029
  :root {
8030
8030
  --x-size-width-dropdown-l: 202px;
8031
8031
  }
@@ -8109,79 +8109,6 @@
8109
8109
  --x-string-overflow-dropdown-toggle-default: hidden;
8110
8110
  --x-string-overflow-dropdown-list-default: hidden;
8111
8111
  }
8112
- :root {
8113
- --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
8114
- --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8115
- --x-size-border-radius-top-right-dropdown-default: var(--x-size-border-radius-dropdown-default);
8116
- --x-size-border-radius-bottom-right-dropdown-default: var(
8117
- --x-size-border-radius-dropdown-default
8118
- );
8119
- --x-size-border-radius-bottom-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8120
- --x-size-border-width-dropdown-toggle-default: var(--x-size-border-width-base);
8121
- --x-size-border-width-top-dropdown-toggle-default: var(
8122
- --x-size-border-width-dropdown-toggle-default
8123
- );
8124
- --x-size-border-width-right-dropdown-toggle-default: var(
8125
- --x-size-border-width-dropdown-toggle-default
8126
- );
8127
- --x-size-border-width-bottom-dropdown-toggle-default: var(
8128
- --x-size-border-width-dropdown-toggle-default
8129
- );
8130
- --x-size-border-width-left-dropdown-toggle-default: var(
8131
- --x-size-border-width-dropdown-toggle-default
8132
- );
8133
- --x-size-border-width-dropdown-list-default: var(--x-size-border-width-base);
8134
- --x-size-border-width-top-dropdown-list-default: 0;
8135
- --x-size-border-width-right-dropdown-list-default: var(
8136
- --x-size-border-width-dropdown-list-default
8137
- );
8138
- --x-size-border-width-bottom-dropdown-list-default: var(
8139
- --x-size-border-width-dropdown-list-default
8140
- );
8141
- --x-size-border-width-left-dropdown-list-default: var(
8142
- --x-size-border-width-dropdown-list-default
8143
- );
8144
- --x-color-border-dropdown-toggle-default: var(--x-color-base-neutral-95);
8145
- --x-color-border-dropdown-list-default: var(--x-color-border-dropdown-toggle-default);
8146
- --x-color-background-dropdown-default: var(--x-color-base-neutral-100);
8147
- --x-color-background-dropdown-toggle-default: var(--x-color-base-neutral-100);
8148
- --x-color-background-dropdown-toggle-open-default: var(
8149
- --x-color-background-dropdown-toggle-default
8150
- );
8151
- --x-color-background-dropdown-item-default-selected: var(--x-color-base-neutral-95);
8152
- --x-color-background-dropdown-item-default-hover: var(--x-color-base-neutral-95);
8153
- --x-color-text-dropdown-default: var(--x-color-text-default);
8154
- --x-color-text-dropdown-toggle-default: var(--x-color-text-dropdown-default);
8155
- --x-color-text-dropdown-toggle-default-selected: var(--x-color-base-neutral-35);
8156
- --x-color-text-dropdown-item-default-hover: var(--x-color-base-neutral-35);
8157
- --x-color-text-dropdown-item-default-selected: var(--x-color-text-default);
8158
- --x-font-family-dropdown-default: var(--x-font-family-text);
8159
- --x-size-font-dropdown-default: var(--x-size-font-text);
8160
- --x-size-line-height-dropdown-default: var(--x-size-line-height-text);
8161
- --x-number-font-weight-dropdown-default: var(--x-number-font-weight-base-regular);
8162
- --x-number-font-weight-dropdown-item-default-hover: var(--x-number-font-weight-base-bold);
8163
- --x-number-font-weight-dropdown-item-default-selected: var(--x-number-font-weight-base-regular);
8164
- --x-font-decoration-dropdown-item-default-hover: none;
8165
- --x-font-decoration-dropdown-item-default-selected: none;
8166
- --x-size-width-dropdown-toggle-default: 100%;
8167
- --x-size-min-width-dropdown-list-default: 100%;
8168
- --x-size-gap-dropdown-default: 0;
8169
- --x-size-padding-top-dropdown-toggle-default: var(--x-size-padding-top-dropdown-item-default);
8170
- --x-size-padding-right-dropdown-toggle-default: var(--x-size-padding-right-dropdown-item-default);
8171
- --x-size-padding-bottom-dropdown-toggle-default: var(
8172
- --x-size-padding-bottom-dropdown-item-default
8173
- );
8174
- --x-size-padding-left-dropdown-toggle-default: var(--x-size-padding-left-dropdown-item-default);
8175
- --x-size-padding-vertical-dropdown-list-default: 0;
8176
- --x-size-padding-top-dropdown-item-default: var(--x-size-base-04);
8177
- --x-size-padding-right-dropdown-item-default: var(--x-size-base-05);
8178
- --x-size-padding-bottom-dropdown-item-default: var(--x-size-base-04);
8179
- --x-size-padding-left-dropdown-item-default: var(--x-size-base-05);
8180
- --x-size-gap-dropdown-item-default: var(--x-size-base-03);
8181
- --x-string-box-shadow-dropdown-default: none;
8182
- --x-string-overflow-dropdown-toggle-default: hidden;
8183
- --x-string-overflow-dropdown-list-default: hidden;
8184
- }
8185
8112
 
8186
8113
  .x-dropdown {
8187
8114
  box-sizing: border-box;
@@ -8344,25 +8271,85 @@
8344
8271
  --x-color-background-dropdown-toggle-default: var(
8345
8272
  --x-color-background-dropdown-toggle-open-default
8346
8273
  );
8347
- }
8348
- [dir="ltr"] .x-dropdown--right .x-dropdown__items-list {
8349
- right: 0;
8350
- }
8351
- [dir="rtl"] .x-dropdown--right .x-dropdown__items-list {
8352
- left: 0;
8353
- }
8354
- :root {
8355
- --x-size-gap-dropdown-card: var(--x-size-base-03);
8356
- --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8357
- --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8358
- --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8359
- --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8360
- --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8361
- --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8362
- --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8363
- --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8364
- --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8365
- --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8274
+ }
8275
+ [dir="ltr"] .x-dropdown--right .x-dropdown__items-list {
8276
+ right: 0;
8277
+ }
8278
+ [dir="rtl"] .x-dropdown--right .x-dropdown__items-list {
8279
+ left: 0;
8280
+ }
8281
+ :root {
8282
+ --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
8283
+ --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8284
+ --x-size-border-radius-top-right-dropdown-default: var(--x-size-border-radius-dropdown-default);
8285
+ --x-size-border-radius-bottom-right-dropdown-default: var(
8286
+ --x-size-border-radius-dropdown-default
8287
+ );
8288
+ --x-size-border-radius-bottom-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
8289
+ --x-size-border-width-dropdown-toggle-default: var(--x-size-border-width-base);
8290
+ --x-size-border-width-top-dropdown-toggle-default: var(
8291
+ --x-size-border-width-dropdown-toggle-default
8292
+ );
8293
+ --x-size-border-width-right-dropdown-toggle-default: var(
8294
+ --x-size-border-width-dropdown-toggle-default
8295
+ );
8296
+ --x-size-border-width-bottom-dropdown-toggle-default: var(
8297
+ --x-size-border-width-dropdown-toggle-default
8298
+ );
8299
+ --x-size-border-width-left-dropdown-toggle-default: var(
8300
+ --x-size-border-width-dropdown-toggle-default
8301
+ );
8302
+ --x-size-border-width-dropdown-list-default: var(--x-size-border-width-base);
8303
+ --x-size-border-width-top-dropdown-list-default: 0;
8304
+ --x-size-border-width-right-dropdown-list-default: var(
8305
+ --x-size-border-width-dropdown-list-default
8306
+ );
8307
+ --x-size-border-width-bottom-dropdown-list-default: var(
8308
+ --x-size-border-width-dropdown-list-default
8309
+ );
8310
+ --x-size-border-width-left-dropdown-list-default: var(
8311
+ --x-size-border-width-dropdown-list-default
8312
+ );
8313
+ --x-color-border-dropdown-toggle-default: var(--x-color-base-neutral-95);
8314
+ --x-color-border-dropdown-list-default: var(--x-color-border-dropdown-toggle-default);
8315
+ --x-color-background-dropdown-default: var(--x-color-base-neutral-100);
8316
+ --x-color-background-dropdown-toggle-default: var(--x-color-base-neutral-100);
8317
+ --x-color-background-dropdown-toggle-open-default: var(
8318
+ --x-color-background-dropdown-toggle-default
8319
+ );
8320
+ --x-color-background-dropdown-item-default-selected: var(--x-color-base-neutral-95);
8321
+ --x-color-background-dropdown-item-default-hover: var(--x-color-base-neutral-95);
8322
+ --x-color-text-dropdown-default: var(--x-color-text-default);
8323
+ --x-color-text-dropdown-toggle-default: var(--x-color-text-dropdown-default);
8324
+ --x-color-text-dropdown-toggle-default-selected: var(--x-color-base-neutral-35);
8325
+ --x-color-text-dropdown-item-default-hover: var(--x-color-base-neutral-35);
8326
+ --x-color-text-dropdown-item-default-selected: var(--x-color-text-default);
8327
+ --x-font-family-dropdown-default: var(--x-font-family-text);
8328
+ --x-size-font-dropdown-default: var(--x-size-font-text);
8329
+ --x-size-line-height-dropdown-default: var(--x-size-line-height-text);
8330
+ --x-number-font-weight-dropdown-default: var(--x-number-font-weight-base-regular);
8331
+ --x-number-font-weight-dropdown-item-default-hover: var(--x-number-font-weight-base-bold);
8332
+ --x-number-font-weight-dropdown-item-default-selected: var(--x-number-font-weight-base-regular);
8333
+ --x-font-decoration-dropdown-item-default-hover: none;
8334
+ --x-font-decoration-dropdown-item-default-selected: none;
8335
+ --x-size-width-dropdown-toggle-default: 100%;
8336
+ --x-size-min-width-dropdown-list-default: 100%;
8337
+ --x-size-gap-dropdown-default: 0;
8338
+ --x-size-padding-top-dropdown-toggle-default: var(--x-size-padding-top-dropdown-item-default);
8339
+ --x-size-padding-right-dropdown-toggle-default: var(--x-size-padding-right-dropdown-item-default);
8340
+ --x-size-padding-bottom-dropdown-toggle-default: var(
8341
+ --x-size-padding-bottom-dropdown-item-default
8342
+ );
8343
+ --x-size-padding-left-dropdown-toggle-default: var(--x-size-padding-left-dropdown-item-default);
8344
+ --x-size-padding-vertical-dropdown-list-default: 0;
8345
+ --x-size-padding-top-dropdown-item-default: var(--x-size-base-04);
8346
+ --x-size-padding-right-dropdown-item-default: var(--x-size-base-05);
8347
+ --x-size-padding-bottom-dropdown-item-default: var(--x-size-base-04);
8348
+ --x-size-padding-left-dropdown-item-default: var(--x-size-base-05);
8349
+ --x-size-gap-dropdown-item-default: var(--x-size-base-03);
8350
+ --x-string-box-shadow-dropdown-default: none;
8351
+ --x-string-overflow-dropdown-toggle-default: hidden;
8352
+ --x-string-overflow-dropdown-list-default: hidden;
8366
8353
  }
8367
8354
  :root {
8368
8355
  --x-size-gap-dropdown-card: var(--x-size-base-03);
@@ -8408,14 +8395,17 @@
8408
8395
  );
8409
8396
  }
8410
8397
  :root {
8411
- --x-color-background-button-tertiary: var(--x-color-base-neutral-95);
8412
- --x-color-border-button-tertiary: var(--x-color-base-neutral-70);
8413
- --x-color-text-button-tertiary: var(--x-color-text-default);
8414
- --x-size-border-width-button-tertiary: var(--x-size-border-width-base);
8415
- --x-size-border-width-top-button-tertiary: var(--x-size-border-width-button-tertiary);
8416
- --x-size-border-width-right-button-tertiary: var(--x-size-border-width-button-tertiary);
8417
- --x-size-border-width-bottom-button-tertiary: var(--x-size-border-width-button-tertiary);
8418
- --x-size-border-width-left-button-tertiary: var(--x-size-border-width-button-tertiary);
8398
+ --x-size-gap-dropdown-card: var(--x-size-base-03);
8399
+ --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
8400
+ --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8401
+ --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8402
+ --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
8403
+ --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
8404
+ --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
8405
+ --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8406
+ --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8407
+ --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8408
+ --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
8419
8409
  }
8420
8410
  :root {
8421
8411
  --x-color-background-button-tertiary: var(--x-color-base-neutral-95);
@@ -8439,14 +8429,14 @@
8439
8429
  --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-tertiary);
8440
8430
  }
8441
8431
  :root {
8442
- --x-color-background-button-secondary: transparent;
8443
- --x-color-border-button-secondary: var(--x-color-border-button-default);
8444
- --x-color-text-button-secondary: var(--x-color-border-button-default);
8445
- --x-size-border-width-button-secondary: var(--x-size-border-width-base);
8446
- --x-size-border-width-top-button-secondary: var(--x-size-border-width-button-secondary);
8447
- --x-size-border-width-right-button-secondary: var(--x-size-border-width-button-secondary);
8448
- --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8449
- --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8432
+ --x-color-background-button-tertiary: var(--x-color-base-neutral-95);
8433
+ --x-color-border-button-tertiary: var(--x-color-base-neutral-70);
8434
+ --x-color-text-button-tertiary: var(--x-color-text-default);
8435
+ --x-size-border-width-button-tertiary: var(--x-size-border-width-base);
8436
+ --x-size-border-width-top-button-tertiary: var(--x-size-border-width-button-tertiary);
8437
+ --x-size-border-width-right-button-tertiary: var(--x-size-border-width-button-tertiary);
8438
+ --x-size-border-width-bottom-button-tertiary: var(--x-size-border-width-button-tertiary);
8439
+ --x-size-border-width-left-button-tertiary: var(--x-size-border-width-button-tertiary);
8450
8440
  }
8451
8441
  :root {
8452
8442
  --x-color-background-button-secondary: transparent;
@@ -8469,6 +8459,16 @@
8469
8459
  --x-size-border-width-bottom-button-default: var(--x-size-border-width-bottom-button-secondary);
8470
8460
  --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-secondary);
8471
8461
  }
8462
+ :root {
8463
+ --x-color-background-button-secondary: transparent;
8464
+ --x-color-border-button-secondary: var(--x-color-border-button-default);
8465
+ --x-color-text-button-secondary: var(--x-color-border-button-default);
8466
+ --x-size-border-width-button-secondary: var(--x-size-border-width-base);
8467
+ --x-size-border-width-top-button-secondary: var(--x-size-border-width-button-secondary);
8468
+ --x-size-border-width-right-button-secondary: var(--x-size-border-width-button-secondary);
8469
+ --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
8470
+ --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
8471
+ }
8472
8472
  :root {
8473
8473
  --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8474
8474
  --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
@@ -8476,6 +8476,16 @@
8476
8476
  --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
8477
8477
  --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
8478
8478
  }
8479
+ :root {
8480
+ --x-color-background-button-primary: var(--x-color-background-button-default);
8481
+ --x-color-border-button-primary: var(--x-color-border-button-default);
8482
+ --x-color-text-button-primary: var(--x-color-text-button-default);
8483
+ --x-size-border-width-button-primary: var(--x-size-border-width-base);
8484
+ --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
8485
+ --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
8486
+ --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8487
+ --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8488
+ }
8479
8489
  :root {
8480
8490
  --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
8481
8491
  --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
@@ -8511,16 +8521,6 @@
8511
8521
  --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8512
8522
  --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8513
8523
  }
8514
- :root {
8515
- --x-color-background-button-primary: var(--x-color-background-button-default);
8516
- --x-color-border-button-primary: var(--x-color-border-button-default);
8517
- --x-color-text-button-primary: var(--x-color-text-button-default);
8518
- --x-size-border-width-button-primary: var(--x-size-border-width-base);
8519
- --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
8520
- --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
8521
- --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
8522
- --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
8523
- }
8524
8524
 
8525
8525
  .x-button--primary.x-button,
8526
8526
  .x-button--primary .x-button {
@@ -8539,11 +8539,6 @@
8539
8539
  --x-size-border-radius-bottom-right-button-pill: var(--x-size-border-radius-button-pill);
8540
8540
  --x-size-border-radius-bottom-left-button-pill: var(--x-size-border-radius-button-pill);
8541
8541
  }
8542
- :root {
8543
- --x-color-background-button-ghost: transparent;
8544
- --x-color-border-button-ghost: transparent;
8545
- --x-color-text-button-ghost: var(--x-color-base-lead);
8546
- }
8547
8542
  :root {
8548
8543
  --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
8549
8544
  --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
@@ -8571,6 +8566,11 @@
8571
8566
  --x-color-border-button-ghost: transparent;
8572
8567
  --x-color-text-button-ghost: var(--x-color-base-lead);
8573
8568
  }
8569
+ :root {
8570
+ --x-color-background-button-ghost: transparent;
8571
+ --x-color-border-button-ghost: transparent;
8572
+ --x-color-text-button-ghost: var(--x-color-base-lead);
8573
+ }
8574
8574
 
8575
8575
  .x-button--ghost.x-button,
8576
8576
  .x-button--ghost .x-button {
@@ -8611,36 +8611,6 @@
8611
8611
  --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
8612
8612
  --x-size-line-height-button-default: var(--x-size-line-height-text);
8613
8613
  }
8614
- :root {
8615
- --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8616
- --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8617
- --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8618
- --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8619
- --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8620
- }
8621
- :root {
8622
- --x-color-background-button-default: var(--x-color-base-lead);
8623
- --x-color-border-button-default: var(--x-color-background-button-default);
8624
- --x-color-text-button-default: var(--x-color-base-neutral-100);
8625
- --x-size-border-radius-button-default: var(--x-size-border-radius-base-none);
8626
- --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-button-default);
8627
- --x-size-border-radius-top-right-button-default: var(--x-size-border-radius-button-default);
8628
- --x-size-border-radius-bottom-right-button-default: var(--x-size-border-radius-button-default);
8629
- --x-size-border-radius-bottom-left-button-default: var(--x-size-border-radius-button-default);
8630
- --x-size-border-width-button-default: var(--x-size-border-width-base);
8631
- --x-size-border-width-top-button-default: var(--x-size-border-width-button-default);
8632
- --x-size-border-width-right-button-default: var(--x-size-border-width-button-default);
8633
- --x-size-border-width-bottom-button-default: var(--x-size-border-width-button-default);
8634
- --x-size-border-width-left-button-default: var(--x-size-border-width-button-default);
8635
- --x-size-height-button-default: var(--x-size-base-08);
8636
- --x-size-padding-right-button-default: var(--x-size-base-05);
8637
- --x-size-padding-left-button-default: var(--x-size-base-05);
8638
- --x-size-gap-button-default: var(--x-size-base-03);
8639
- --x-font-family-button-default: var(--x-font-family-text);
8640
- --x-size-font-button-default: var(--x-size-font-text);
8641
- --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
8642
- --x-size-line-height-button-default: var(--x-size-line-height-text);
8643
- }
8644
8614
 
8645
8615
  [dir="ltr"] .x-button {
8646
8616
  padding-right: var(--x-size-padding-right-button-default);
@@ -8704,14 +8674,27 @@
8704
8674
  }
8705
8675
  }
8706
8676
  :root {
8707
- --x-color-background-badge-default: var(--x-color-base-neutral-10);
8708
- --x-color-text-badge-default: var(--x-color-base-neutral-100);
8709
- --x-color-border-badge-default: var(--x-color-base-neutral-10);
8710
- --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8711
- --x-size-border-width-badge-default: 0;
8712
- --x-size-width-badge-default: 1.5em;
8713
- --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8714
- --x-size-font-badge-default: var(--x-size-font-base-xs);
8677
+ --x-color-background-button-default: var(--x-color-base-lead);
8678
+ --x-color-border-button-default: var(--x-color-background-button-default);
8679
+ --x-color-text-button-default: var(--x-color-base-neutral-100);
8680
+ --x-size-border-radius-button-default: var(--x-size-border-radius-base-none);
8681
+ --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-button-default);
8682
+ --x-size-border-radius-top-right-button-default: var(--x-size-border-radius-button-default);
8683
+ --x-size-border-radius-bottom-right-button-default: var(--x-size-border-radius-button-default);
8684
+ --x-size-border-radius-bottom-left-button-default: var(--x-size-border-radius-button-default);
8685
+ --x-size-border-width-button-default: var(--x-size-border-width-base);
8686
+ --x-size-border-width-top-button-default: var(--x-size-border-width-button-default);
8687
+ --x-size-border-width-right-button-default: var(--x-size-border-width-button-default);
8688
+ --x-size-border-width-bottom-button-default: var(--x-size-border-width-button-default);
8689
+ --x-size-border-width-left-button-default: var(--x-size-border-width-button-default);
8690
+ --x-size-height-button-default: var(--x-size-base-08);
8691
+ --x-size-padding-right-button-default: var(--x-size-base-05);
8692
+ --x-size-padding-left-button-default: var(--x-size-base-05);
8693
+ --x-size-gap-button-default: var(--x-size-base-03);
8694
+ --x-font-family-button-default: var(--x-font-family-text);
8695
+ --x-size-font-button-default: var(--x-size-font-text);
8696
+ --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
8697
+ --x-size-line-height-button-default: var(--x-size-line-height-text);
8715
8698
  }
8716
8699
  :root {
8717
8700
  --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
@@ -8736,26 +8719,21 @@
8736
8719
  );
8737
8720
  }
8738
8721
  :root {
8739
- --x-size-base-01: 2px;
8740
- --x-size-base-02: 4px;
8741
- --x-size-base-03: 8px;
8742
- --x-size-base-04: 12px;
8743
- --x-size-base-05: 16px;
8744
- --x-size-base-06: 24px;
8745
- --x-size-base-07: 32px;
8746
- --x-size-base-08: 40px;
8747
- --x-size-base-09: 48px;
8748
- --x-size-base-10: 56px;
8749
- --x-size-base-11: 64px;
8750
- --x-size-base-12: 80px;
8751
- --x-size-base-13: 80px;
8752
- --x-size-base-14: 96px;
8753
- --x-size-base-15: 128px;
8754
- --x-size-base-16: 152px;
8755
- --x-size-base-17: 184px;
8756
- --x-size-base-18: 216px;
8757
- --x-size-base-19: 280px;
8758
- --x-size-base-20: 344px;
8722
+ --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8723
+ --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8724
+ --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8725
+ --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8726
+ --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
8727
+ }
8728
+ :root {
8729
+ --x-color-background-badge-default: var(--x-color-base-neutral-10);
8730
+ --x-color-text-badge-default: var(--x-color-base-neutral-100);
8731
+ --x-color-border-badge-default: var(--x-color-base-neutral-10);
8732
+ --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
8733
+ --x-size-border-width-badge-default: 0;
8734
+ --x-size-width-badge-default: 1.5em;
8735
+ --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
8736
+ --x-size-font-badge-default: var(--x-size-font-base-xs);
8759
8737
  }
8760
8738
  :root {
8761
8739
  --x-color-background-badge-default: var(--x-color-base-neutral-10);
@@ -8819,6 +8797,28 @@
8819
8797
  --x-color-base-disable: #e11f26;
8820
8798
  --x-color-base-transparent: transparent;
8821
8799
  }
8800
+ :root {
8801
+ --x-size-base-01: 2px;
8802
+ --x-size-base-02: 4px;
8803
+ --x-size-base-03: 8px;
8804
+ --x-size-base-04: 12px;
8805
+ --x-size-base-05: 16px;
8806
+ --x-size-base-06: 24px;
8807
+ --x-size-base-07: 32px;
8808
+ --x-size-base-08: 40px;
8809
+ --x-size-base-09: 48px;
8810
+ --x-size-base-10: 56px;
8811
+ --x-size-base-11: 64px;
8812
+ --x-size-base-12: 80px;
8813
+ --x-size-base-13: 80px;
8814
+ --x-size-base-14: 96px;
8815
+ --x-size-base-15: 128px;
8816
+ --x-size-base-16: 152px;
8817
+ --x-size-base-17: 184px;
8818
+ --x-size-base-18: 216px;
8819
+ --x-size-base-19: 280px;
8820
+ --x-size-base-20: 344px;
8821
+ }
8822
8822
  :root {
8823
8823
  --x-size-border-radius-base-none: 0;
8824
8824
  --x-size-border-radius-base-s: var(--x-size-base-02);