@ionic/core 9.0.3-dev.11788456135.1ab1d6cd → 9.0.3-dev.11790116791.11c9cd1e

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 (591) hide show
  1. package/components/index.js +1 -1
  2. package/components/ion-accordion-group.js +1 -1
  3. package/components/ion-accordion.js +1 -1
  4. package/components/ion-action-sheet.js +1 -1
  5. package/components/ion-alert.js +1 -1
  6. package/components/ion-app.js +1 -1
  7. package/components/ion-avatar.js +1 -1
  8. package/components/ion-back-button.js +1 -1
  9. package/components/ion-backdrop.js +1 -1
  10. package/components/ion-badge.js +1 -1
  11. package/components/ion-breadcrumb.js +1 -1
  12. package/components/ion-breadcrumbs.js +1 -1
  13. package/components/ion-button.js +1 -1
  14. package/components/ion-buttons.js +1 -1
  15. package/components/ion-card-content.js +1 -1
  16. package/components/ion-card-header.js +1 -1
  17. package/components/ion-card-subtitle.js +1 -1
  18. package/components/ion-card-title.js +1 -1
  19. package/components/ion-card.js +1 -1
  20. package/components/ion-checkbox.js +1 -1
  21. package/components/ion-chip.js +1 -1
  22. package/components/ion-col.js +1 -1
  23. package/components/ion-content.js +1 -1
  24. package/components/ion-datetime-button.js +1 -1
  25. package/components/ion-datetime.js +1 -1
  26. package/components/ion-divider.js +1 -1
  27. package/components/ion-fab-button.js +1 -1
  28. package/components/ion-fab-list.js +1 -1
  29. package/components/ion-fab.js +1 -1
  30. package/components/ion-footer.js +1 -1
  31. package/components/ion-gallery-item.js +1 -1
  32. package/components/ion-gallery.js +1 -1
  33. package/components/ion-grid.js +1 -1
  34. package/components/ion-header.js +1 -1
  35. package/components/ion-img.js +1 -1
  36. package/components/ion-infinite-scroll-content.js +1 -1
  37. package/components/ion-infinite-scroll.js +1 -1
  38. package/components/ion-input-otp.js +1 -1
  39. package/components/ion-input-password-toggle.js +1 -1
  40. package/components/ion-input.js +1 -1
  41. package/components/ion-item-divider.js +1 -1
  42. package/components/ion-item-group.js +1 -1
  43. package/components/ion-item-option.js +1 -1
  44. package/components/ion-item-options.js +1 -1
  45. package/components/ion-item-sliding.js +1 -1
  46. package/components/ion-item.js +1 -1
  47. package/components/ion-label.js +1 -1
  48. package/components/ion-list-header.js +1 -1
  49. package/components/ion-list.js +1 -1
  50. package/components/ion-loading.js +1 -1
  51. package/components/ion-menu-button.js +1 -1
  52. package/components/ion-menu-toggle.js +1 -1
  53. package/components/ion-menu.js +1 -1
  54. package/components/ion-modal.js +1 -1
  55. package/components/ion-nav.js +1 -1
  56. package/components/ion-note.js +1 -1
  57. package/components/ion-picker-column-option.js +1 -1
  58. package/components/ion-picker-column.js +1 -1
  59. package/components/ion-picker.js +1 -1
  60. package/components/ion-popover.js +1 -1
  61. package/components/ion-progress-bar.js +1 -1
  62. package/components/ion-radio-group.js +1 -1
  63. package/components/ion-radio.js +1 -1
  64. package/components/ion-range.js +1 -1
  65. package/components/ion-refresher-content.js +1 -1
  66. package/components/ion-refresher.js +1 -1
  67. package/components/ion-reorder-group.js +1 -1
  68. package/components/ion-reorder.js +1 -1
  69. package/components/ion-ripple-effect.js +1 -1
  70. package/components/ion-router-link.js +1 -1
  71. package/components/ion-router-outlet.js +1 -1
  72. package/components/ion-router.js +1 -1
  73. package/components/ion-row.js +1 -1
  74. package/components/ion-searchbar.js +1 -1
  75. package/components/ion-segment-button.js +1 -1
  76. package/components/ion-segment.js +1 -1
  77. package/components/ion-select-modal.js +1 -1
  78. package/components/ion-select-option.js +1 -1
  79. package/components/ion-select-popover.js +1 -1
  80. package/components/ion-select.js +1 -1
  81. package/components/ion-skeleton-text.js +1 -1
  82. package/components/ion-spinner.js +1 -1
  83. package/components/ion-split-pane.js +1 -1
  84. package/components/ion-tab-bar.js +1 -1
  85. package/components/ion-tab-button.js +1 -1
  86. package/components/ion-tab.js +1 -1
  87. package/components/ion-text.js +1 -1
  88. package/components/ion-textarea.js +1 -1
  89. package/components/ion-thumbnail.js +1 -1
  90. package/components/ion-title.js +1 -1
  91. package/components/ion-toast.js +1 -1
  92. package/components/ion-toggle.js +1 -1
  93. package/components/ion-toolbar.js +1 -1
  94. package/components/p-0Zqw1uai.js +4 -0
  95. package/{dist/ionic/p-BqQ15K9a.js → components/p-0rXxxCTt.js} +1 -1
  96. package/components/{p-CTTmpA7l.js → p-3cjGQppH.js} +1 -1
  97. package/components/{p-W8Yq_OMR.js → p-B5AgguuG.js} +1 -1
  98. package/components/{p-BZmR0M4X.js → p-BNEGSmbp.js} +1 -1
  99. package/components/p-BSIw8XlU.js +4 -0
  100. package/components/{p-ZxET9sbA.js → p-BW5EN2Xi.js} +1 -1
  101. package/components/p-BYk20Mf5.js +4 -0
  102. package/components/p-BYnI-EJn.js +4 -0
  103. package/components/p-B_aT3oAQ.js +4 -0
  104. package/components/{p-CPXKIYkL.js → p-BkZBiLB3.js} +1 -1
  105. package/components/p-BouoWyEU.js +4 -0
  106. package/components/p-BqvZYIdI.js +4 -0
  107. package/components/p-BrRaGlll.js +4 -0
  108. package/components/{p-BBz0jPCg.js → p-C2CD_fhN.js} +1 -1
  109. package/components/{p-CsQsFkwO.js → p-C4xXkVID.js} +1 -1
  110. package/components/{p-VLn2Ytmp.js → p-CEKVY_H-.js} +1 -1
  111. package/components/{p-DkQNAyg8.js → p-CGj2vPt5.js} +1 -1
  112. package/components/{p-DgIAZUGe.js → p-CJp2AnUY.js} +1 -1
  113. package/components/p-CO6vPcgh.js +4 -0
  114. package/components/{p-DhBOoebx.js → p-Ce2nAsLZ.js} +1 -1
  115. package/components/{p-JAFy4ZHv.js → p-Cf8Sc9qN.js} +1 -1
  116. package/components/p-Cfk7czUn.js +4 -0
  117. package/components/{p-DNrr6r3I.js → p-CiRvXVG4.js} +1 -1
  118. package/components/p-Cl4FcpPX.js +4 -0
  119. package/components/{p-CtLeQL1G.js → p-CmZn5IDl.js} +1 -1
  120. package/components/p-D8HKWBJm.js +4 -0
  121. package/components/{p-EayFnjkU.js → p-D9UifuBV.js} +1 -1
  122. package/components/p-DBFO9oVW.js +4 -0
  123. package/components/{p-BGP1kR6j.js → p-DCpIv6ib.js} +1 -1
  124. package/components/p-DKWIsI1o.js +4 -0
  125. package/components/p-DQKxHcJi.js +4 -0
  126. package/components/p-DT2MRyId.js +4 -0
  127. package/components/{p-DWBpR7SJ.js → p-DdEyFcAR.js} +1 -1
  128. package/components/{p-DOdd_Inr.js → p-DrnBmDva.js} +1 -1
  129. package/components/{p-DGfjyB0v.js → p-Dsp7VCux.js} +1 -1
  130. package/components/p-DwTxdFPM.js +4 -0
  131. package/components/p-DxjhU4Lj.js +4 -0
  132. package/components/p-HWerNWEa.js +4 -0
  133. package/components/{p-D5lFNdff.js → p-M-IrAJS3.js} +1 -1
  134. package/components/p-Xl2x2-Ol.js +4 -0
  135. package/components/p-YP5ydNow.js +4 -0
  136. package/components/p-_FtneEj3.js +4 -0
  137. package/components/{p-C9cwz4xv.js → p-eDabxF6I.js} +1 -1
  138. package/components/p-fKHu5GWX.js +4 -0
  139. package/components/p-gGbm4ACs.js +4 -0
  140. package/components/p-hJBybumI.js +4 -0
  141. package/components/{p-Be00fpKV.js → p-jG41Us4a.js} +1 -1
  142. package/components/{p-CvRAtS4n.js → p-ndDJHQew.js} +1 -1
  143. package/components/p-oaWlbHN_.js +4 -0
  144. package/{dist/ionic/p-DpE9LgN6.js → components/p-oe85PI7E.js} +1 -1
  145. package/components/p-tglOeKd7.js +4 -0
  146. package/css/ionic/bundle.ionic.css +1 -1
  147. package/css/ionic/bundle.ionic.css.map +1 -1
  148. package/css/ionic/core.ionic.css +1 -1
  149. package/css/ionic/core.ionic.css.map +1 -1
  150. package/css/ionic/global.bundle.ionic.css +1 -1
  151. package/css/ionic/global.bundle.ionic.css.map +1 -1
  152. package/css/ionic/ionic-swiper.ionic.css +1 -1
  153. package/css/ionic/ionic-swiper.ionic.css.map +1 -1
  154. package/css/ionic/link.ionic.css +1 -1
  155. package/css/ionic/link.ionic.css.map +1 -1
  156. package/css/ionic/typography.ionic.css +1 -1
  157. package/css/ionic/typography.ionic.css.map +1 -1
  158. package/dist/cjs/{animation-DVrkairK.js → animation-Dfev6yFW.js} +1 -1
  159. package/dist/cjs/{app-globals-CTxe9MxF.js → app-globals-BwOspzE5.js} +1 -1
  160. package/dist/cjs/{button-active-B8t6YMNb.js → button-active-DfzJC914.js} +1 -1
  161. package/dist/cjs/{capacitor-w_r4U-_S.js → capacitor-B7dK21VK.js} +1 -1
  162. package/dist/cjs/{clear-button-press-controller-BKSn-dVq.js → clear-button-press-controller-B49x92PF.js} +1 -1
  163. package/dist/cjs/{focus-visible-BIj-I3-C.js → focus-visible-DGPRKkcx.js} +52 -2
  164. package/dist/cjs/{framework-delegate-Dmce7iqZ.js → framework-delegate-BKYAwcZK.js} +1 -1
  165. package/dist/cjs/{haptic-DZEv3V5s.js → haptic-CMs5ejXB.js} +1 -1
  166. package/dist/cjs/{helpers-DFJMw-qZ.js → helpers-D5NVnu5x.js} +16 -1
  167. package/dist/cjs/{index-DN51-BQl.js → index-6hDA5UlZ.js} +3 -3
  168. package/dist/cjs/{index-BoQA7njo.js → index-Byoi861q.js} +3 -3
  169. package/dist/cjs/{index-DWP810QI.js → index-CutlvfR4.js} +1 -1
  170. package/dist/cjs/{index-Bm6y0Ibt.js → index-Y8n2FvXS.js} +3 -3
  171. package/dist/cjs/index.cjs.js +10 -10
  172. package/dist/cjs/{input-shims-BFGH5o2Z.js → input-shims-SVR_4pAX.js} +6 -6
  173. package/dist/cjs/ion-accordion_2.cjs.entry.js +14 -19
  174. package/dist/cjs/ion-action-sheet.cjs.entry.js +10 -10
  175. package/dist/cjs/ion-alert.cjs.entry.js +13 -13
  176. package/dist/cjs/ion-app_8.cjs.entry.js +14 -14
  177. package/dist/cjs/ion-avatar_3.cjs.entry.js +3 -3
  178. package/dist/cjs/ion-back-button.cjs.entry.js +14 -16
  179. package/dist/cjs/ion-backdrop.cjs.entry.js +2 -2
  180. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +19 -32
  181. package/dist/cjs/ion-button_2.cjs.entry.js +4 -4
  182. package/dist/cjs/ion-card_5.cjs.entry.js +6 -6
  183. package/dist/cjs/ion-checkbox.cjs.entry.js +26 -18
  184. package/dist/cjs/ion-chip.cjs.entry.js +2 -2
  185. package/dist/cjs/ion-col_3.cjs.entry.js +1 -1
  186. package/dist/cjs/ion-datetime-button.cjs.entry.js +3 -3
  187. package/dist/cjs/ion-datetime.cjs.entry.js +20 -56
  188. package/dist/cjs/ion-divider.cjs.entry.js +2 -2
  189. package/dist/cjs/ion-fab_3.cjs.entry.js +12 -17
  190. package/dist/cjs/ion-gallery-item.cjs.entry.js +1 -1
  191. package/dist/cjs/ion-gallery.cjs.entry.js +3 -3
  192. package/dist/cjs/ion-img.cjs.entry.js +3 -3
  193. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +4 -4
  194. package/dist/cjs/ion-input-otp.cjs.entry.js +4 -4
  195. package/dist/cjs/ion-input-password-toggle.cjs.entry.js +19 -31
  196. package/dist/cjs/ion-input.cjs.entry.js +17 -33
  197. package/dist/cjs/ion-item-option_3.cjs.entry.js +6 -6
  198. package/dist/cjs/ion-item_8.cjs.entry.js +15 -20
  199. package/dist/cjs/ion-loading.cjs.entry.js +6 -6
  200. package/dist/cjs/ion-menu_3.cjs.entry.js +16 -19
  201. package/dist/cjs/ion-modal.cjs.entry.js +12 -12
  202. package/dist/cjs/ion-nav_2.cjs.entry.js +6 -6
  203. package/dist/cjs/ion-picker-column-option.cjs.entry.js +3 -3
  204. package/dist/cjs/ion-picker-column.cjs.entry.js +5 -5
  205. package/dist/cjs/ion-picker.cjs.entry.js +2 -2
  206. package/dist/cjs/ion-popover.cjs.entry.js +8 -8
  207. package/dist/cjs/ion-progress-bar.cjs.entry.js +4 -4
  208. package/dist/cjs/ion-radio_2.cjs.entry.js +5 -5
  209. package/dist/cjs/ion-range.cjs.entry.js +5 -5
  210. package/dist/cjs/ion-refresher_2.cjs.entry.js +17 -12
  211. package/dist/cjs/ion-reorder_2.cjs.entry.js +11 -19
  212. package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
  213. package/dist/cjs/ion-route_4.cjs.entry.js +4 -4
  214. package/dist/cjs/ion-searchbar.cjs.entry.js +13 -42
  215. package/dist/cjs/ion-segment_2.cjs.entry.js +4 -4
  216. package/dist/cjs/ion-select-modal.cjs.entry.js +17 -16
  217. package/dist/cjs/ion-select_3.cjs.entry.js +20 -44
  218. package/dist/cjs/ion-spinner.cjs.entry.js +2 -2
  219. package/dist/cjs/ion-split-pane.cjs.entry.js +1 -1
  220. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +9 -9
  221. package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
  222. package/dist/cjs/ion-text.cjs.entry.js +1 -1
  223. package/dist/cjs/ion-textarea.cjs.entry.js +17 -25
  224. package/dist/cjs/ion-toast.cjs.entry.js +7 -7
  225. package/dist/cjs/ion-toggle.cjs.entry.js +18 -34
  226. package/dist/cjs/{ionic-global-BaVLW54G.js → ionic-global-CRAqTE7M.js} +5 -5
  227. package/dist/cjs/ionic.cjs.js +2 -2
  228. package/dist/cjs/{ios.transition-Bm4N3WK1.js → ios.transition-BluJBTN6.js} +5 -5
  229. package/dist/cjs/{keyboard-9uOUQmB-.js → keyboard-B44EnZyJ.js} +1 -1
  230. package/dist/cjs/{keyboard-5cEsoK5l.js → keyboard-CR7Eg8u3.js} +3 -3
  231. package/dist/cjs/loader.cjs.js +2 -2
  232. package/dist/cjs/{md.transition-Z-7hu2x1.js → md.transition-TBHPCec3.js} +5 -5
  233. package/dist/cjs/{overlays-Jn6TNpc3.js → overlays-B5YzPlbv.js} +5 -5
  234. package/dist/cjs/{scroll-hide-controller-DQ9ulQ11.js → scroll-hide-controller-Bht8yQkC.js} +3 -3
  235. package/dist/cjs/{slot-mutation-controller-C9i1ymbP.js → slot-mutation-controller-CinDJgCY.js} +2 -2
  236. package/dist/cjs/{status-tap-DT7J4fZQ.js → status-tap-Aq-o5Csp.js} +3 -3
  237. package/dist/cjs/{swipe-back-BIbF7bVy.js → swipe-back-Byqp-bJI.js} +2 -2
  238. package/dist/collection/components/accordion/accordion.ionic.css +10 -12
  239. package/dist/collection/components/accordion/accordion.js +9 -14
  240. package/dist/collection/components/accordion-group/accordion-group.ionic.css +6 -6
  241. package/dist/collection/components/action-sheet/action-sheet.ionic.css +22 -26
  242. package/dist/collection/components/alert/alert.ionic.css +46 -54
  243. package/dist/collection/components/alert/alert.js +3 -3
  244. package/dist/collection/components/avatar/avatar.ionic.css +29 -35
  245. package/dist/collection/components/back-button/back-button.js +11 -13
  246. package/dist/collection/components/backdrop/backdrop.ionic.css +1 -1
  247. package/dist/collection/components/badge/badge.ionic.css +15 -18
  248. package/dist/collection/components/breadcrumb/breadcrumb.js +16 -28
  249. package/dist/collection/components/button/button.ionic.css +22 -26
  250. package/dist/collection/components/buttons/buttons.ionic.css +1 -1
  251. package/dist/collection/components/card/card.ionic.css +7 -7
  252. package/dist/collection/components/card-content/card-content.ionic.css +3 -4
  253. package/dist/collection/components/card-subtitle/card-subtitle.ionic.css +4 -5
  254. package/dist/collection/components/checkbox/checkbox.ionic.css +51 -59
  255. package/dist/collection/components/checkbox/checkbox.ios.css +33 -29
  256. package/dist/collection/components/checkbox/checkbox.js +23 -13
  257. package/dist/collection/components/checkbox/checkbox.md.css +33 -29
  258. package/dist/collection/components/chip/chip.ionic.css +12 -13
  259. package/dist/collection/components/datetime/datetime.ionic.css +43 -49
  260. package/dist/collection/components/datetime/datetime.ios.css +5 -10
  261. package/dist/collection/components/datetime/datetime.js +12 -48
  262. package/dist/collection/components/datetime/datetime.md.css +5 -10
  263. package/dist/collection/components/divider/divider.ionic.css +1 -1
  264. package/dist/collection/components/fab-button/fab-button.js +9 -14
  265. package/dist/collection/components/header/header.ionic.css +1 -1
  266. package/dist/collection/components/input/input.ionic.css +142 -122
  267. package/dist/collection/components/input/input.js +11 -27
  268. package/dist/collection/components/input-otp/input-otp.ionic.css +29 -31
  269. package/dist/collection/components/input-password-toggle/input-password-toggle.ionic.css +1 -1
  270. package/dist/collection/components/input-password-toggle/input-password-toggle.js +18 -28
  271. package/dist/collection/components/item/item.ionic.css +9 -10
  272. package/dist/collection/components/item/item.js +10 -15
  273. package/dist/collection/components/item-option/item-option.ionic.css +5 -6
  274. package/dist/collection/components/item-sliding/item-sliding.ionic.css +1 -1
  275. package/dist/collection/components/list-header/list-header.ionic.css +4 -5
  276. package/dist/collection/components/menu-button/menu-button.js +9 -12
  277. package/dist/collection/components/modal/modal.ionic.css +3 -3
  278. package/dist/collection/components/popover/popover.ionic.css +1 -1
  279. package/dist/collection/components/progress-bar/progress-bar.ionic.css +3 -3
  280. package/dist/collection/components/radio/radio.ionic.css +9 -10
  281. package/dist/collection/components/radio-group/radio-group.ionic.css +5 -6
  282. package/dist/collection/components/range/range.ionic.css +11 -12
  283. package/dist/collection/components/refresher-content/refresher-content.js +10 -4
  284. package/dist/collection/components/reorder/reorder.js +5 -13
  285. package/dist/collection/components/searchbar/searchbar.ionic.css +17 -18
  286. package/dist/collection/components/searchbar/searchbar.js +8 -35
  287. package/dist/collection/components/segment-button/segment-button.ionic.css +8 -9
  288. package/dist/collection/components/select/select.ionic.css +213 -105
  289. package/dist/collection/components/select/select.js +14 -39
  290. package/dist/collection/components/select-modal/select-modal.ionic.css +13 -16
  291. package/dist/collection/components/select-modal/select-modal.js +12 -10
  292. package/dist/collection/components/select-popover/select-popover.ionic.css +11 -13
  293. package/dist/collection/components/spinner/spinner.ionic.css +2 -2
  294. package/dist/collection/components/tab-bar/tab-bar.ionic.css +6 -6
  295. package/dist/collection/components/tab-button/tab-button.ionic.css +4 -5
  296. package/dist/collection/components/textarea/textarea.ionic.css +173 -128
  297. package/dist/collection/components/textarea/textarea.ios.css +0 -4
  298. package/dist/collection/components/textarea/textarea.js +13 -18
  299. package/dist/collection/components/textarea/textarea.md.css +0 -4
  300. package/dist/collection/components/title/title.ionic.css +6 -8
  301. package/dist/collection/components/toast/toast.ionic.css +16 -19
  302. package/dist/collection/components/toggle/toggle.ionic.css +14 -16
  303. package/dist/collection/components/toggle/toggle.js +12 -26
  304. package/dist/collection/components/toolbar/toolbar.ionic.css +1 -1
  305. package/dist/collection/utils/focus-trap.js +2 -2
  306. package/dist/collection/utils/focus-visible.js +51 -2
  307. package/dist/collection/utils/helpers.js +15 -1
  308. package/dist/collection/utils/overlays.js +2 -2
  309. package/dist/collection/utils/test/playwright/field-geometry.js +34 -0
  310. package/dist/collection/utils/test/playwright/index.js +1 -0
  311. package/dist/docs.json +60 -25
  312. package/dist/esm/{animation-DXpoXT3G.js → animation-CSQV6dzD.js} +1 -1
  313. package/dist/esm/{app-globals-gnMsODWu.js → app-globals-PWSz-l_N.js} +1 -1
  314. package/dist/esm/{button-active-DtDlu9-d.js → button-active-C57xZQjg.js} +1 -1
  315. package/dist/esm/{capacitor-CMyaZHxy.js → capacitor-DBIFQa2o.js} +1 -1
  316. package/dist/esm/{clear-button-press-controller-CWOPHFBc.js → clear-button-press-controller-Dd5_yhOF.js} +1 -1
  317. package/dist/esm/{focus-visible-vXpMhGrs.js → focus-visible-BYk20Mf5.js} +52 -3
  318. package/dist/esm/{framework-delegate-DUQ69ajj.js → framework-delegate-BGk11dmh.js} +1 -1
  319. package/dist/esm/{haptic-Dal3yCq6.js → haptic-PEF9NVXM.js} +1 -1
  320. package/dist/esm/{helpers-DTqW6MzS.js → helpers-COVHAPv8.js} +16 -2
  321. package/dist/esm/{index-CpKLzrYn.js → index-B7Bz5x4m.js} +1 -1
  322. package/dist/esm/{index-BqQ15K9a.js → index-BkJpfpXI.js} +1 -1
  323. package/dist/esm/{index-C2QkTAgc.js → index-DHp8pAEm.js} +3 -3
  324. package/dist/esm/{index-D_YUqPZN.js → index-Detgiv22.js} +3 -3
  325. package/dist/esm/{index-D76uuG8P.js → index-MCAWImIY.js} +3 -3
  326. package/dist/esm/index.js +10 -10
  327. package/dist/esm/{input-shims-DgFi_b6v.js → input-shims-rVCP_KOP.js} +6 -6
  328. package/dist/esm/ion-accordion_2.entry.js +15 -20
  329. package/dist/esm/ion-action-sheet.entry.js +10 -10
  330. package/dist/esm/ion-alert.entry.js +13 -13
  331. package/dist/esm/ion-app_8.entry.js +14 -14
  332. package/dist/esm/ion-avatar_3.entry.js +3 -3
  333. package/dist/esm/ion-back-button.entry.js +15 -17
  334. package/dist/esm/ion-backdrop.entry.js +2 -2
  335. package/dist/esm/ion-breadcrumb_2.entry.js +20 -33
  336. package/dist/esm/ion-button_2.entry.js +4 -4
  337. package/dist/esm/ion-card_5.entry.js +6 -6
  338. package/dist/esm/ion-checkbox.entry.js +27 -19
  339. package/dist/esm/ion-chip.entry.js +2 -2
  340. package/dist/esm/ion-col_3.entry.js +1 -1
  341. package/dist/esm/ion-datetime-button.entry.js +3 -3
  342. package/dist/esm/ion-datetime.entry.js +21 -57
  343. package/dist/esm/ion-divider.entry.js +2 -2
  344. package/dist/esm/ion-fab_3.entry.js +13 -18
  345. package/dist/esm/ion-gallery-item.entry.js +1 -1
  346. package/dist/esm/ion-gallery.entry.js +3 -3
  347. package/dist/esm/ion-img.entry.js +3 -3
  348. package/dist/esm/ion-infinite-scroll_2.entry.js +4 -4
  349. package/dist/esm/ion-input-otp.entry.js +4 -4
  350. package/dist/esm/ion-input-password-toggle.entry.js +20 -32
  351. package/dist/esm/ion-input.entry.js +18 -34
  352. package/dist/esm/ion-item-option_3.entry.js +6 -6
  353. package/dist/esm/ion-item_8.entry.js +16 -21
  354. package/dist/esm/ion-loading.entry.js +6 -6
  355. package/dist/esm/ion-menu_3.entry.js +17 -20
  356. package/dist/esm/ion-modal.entry.js +12 -12
  357. package/dist/esm/ion-nav_2.entry.js +6 -6
  358. package/dist/esm/ion-picker-column-option.entry.js +3 -3
  359. package/dist/esm/ion-picker-column.entry.js +5 -5
  360. package/dist/esm/ion-picker.entry.js +2 -2
  361. package/dist/esm/ion-popover.entry.js +8 -8
  362. package/dist/esm/ion-progress-bar.entry.js +4 -4
  363. package/dist/esm/ion-radio_2.entry.js +5 -5
  364. package/dist/esm/ion-range.entry.js +5 -5
  365. package/dist/esm/ion-refresher_2.entry.js +18 -13
  366. package/dist/esm/ion-reorder_2.entry.js +12 -20
  367. package/dist/esm/ion-ripple-effect.entry.js +1 -1
  368. package/dist/esm/ion-route_4.entry.js +4 -4
  369. package/dist/esm/ion-searchbar.entry.js +14 -43
  370. package/dist/esm/ion-segment_2.entry.js +4 -4
  371. package/dist/esm/ion-select-modal.entry.js +19 -18
  372. package/dist/esm/ion-select_3.entry.js +21 -45
  373. package/dist/esm/ion-spinner.entry.js +2 -2
  374. package/dist/esm/ion-split-pane.entry.js +1 -1
  375. package/dist/esm/ion-tab-bar_2.entry.js +9 -9
  376. package/dist/esm/ion-tab_2.entry.js +3 -3
  377. package/dist/esm/ion-text.entry.js +1 -1
  378. package/dist/esm/ion-textarea.entry.js +17 -25
  379. package/dist/esm/ion-toast.entry.js +7 -7
  380. package/dist/esm/ion-toggle.entry.js +19 -35
  381. package/dist/esm/{ionic-global-oK2heABF.js → ionic-global-DPSBlusf.js} +5 -5
  382. package/dist/esm/ionic.js +2 -2
  383. package/dist/esm/{ios.transition-D6rsx0aJ.js → ios.transition-Dg02Css6.js} +5 -5
  384. package/dist/esm/{keyboard-YBye__Ay.js → keyboard-0MlGMI-U.js} +3 -3
  385. package/dist/esm/{keyboard-Dzp50ozz.js → keyboard-C09oMZsY.js} +1 -1
  386. package/dist/esm/loader.js +2 -2
  387. package/dist/esm/{md.transition-0y4So3tu.js → md.transition-DWmGdm6c.js} +5 -5
  388. package/dist/esm/{overlays-CLlfG_qy.js → overlays-Bv7M5ll5.js} +5 -5
  389. package/dist/esm/{scroll-hide-controller-BUZm0jSI.js → scroll-hide-controller-Tp5xjq2E.js} +3 -3
  390. package/dist/esm/{slot-mutation-controller-C5Vj7Od7.js → slot-mutation-controller-PS17pZ-_.js} +2 -2
  391. package/dist/esm/{status-tap-VmNhEOZr.js → status-tap-_VvGTiUU.js} +3 -3
  392. package/dist/esm/{swipe-back-BHHiqew-.js → swipe-back-D2R5S8HL.js} +2 -2
  393. package/dist/ionic/index.esm.js +1 -1
  394. package/dist/ionic/ionic.esm.js +1 -1
  395. package/dist/ionic/{p-3bb43e22.entry.js → p-054bdefd.entry.js} +1 -1
  396. package/dist/ionic/p-155f3baf.entry.js +4 -0
  397. package/dist/ionic/{p-2e3acd77.entry.js → p-18d55baa.entry.js} +1 -1
  398. package/dist/ionic/p-1d40a19c.entry.js +4 -0
  399. package/dist/ionic/p-221d7b0b.entry.js +4 -0
  400. package/dist/ionic/p-30858188.entry.js +4 -0
  401. package/dist/ionic/{p-924182fc.entry.js → p-3111972e.entry.js} +1 -1
  402. package/dist/ionic/p-323b7322.entry.js +4 -0
  403. package/dist/ionic/p-32ed09fe.entry.js +4 -0
  404. package/dist/ionic/{p-d0368d31.entry.js → p-343f72d0.entry.js} +1 -1
  405. package/dist/ionic/{p-db011674.entry.js → p-37faa244.entry.js} +1 -1
  406. package/dist/ionic/p-3966cd77.entry.js +4 -0
  407. package/dist/ionic/p-4030db68.entry.js +4 -0
  408. package/dist/ionic/p-42a054ee.entry.js +4 -0
  409. package/dist/ionic/{p-fdb940e3.entry.js → p-42cfdcb7.entry.js} +1 -1
  410. package/dist/ionic/p-44cd6a88.entry.js +4 -0
  411. package/dist/ionic/{p-886236f0.entry.js → p-6589a3f6.entry.js} +1 -1
  412. package/dist/ionic/p-68ffe393.entry.js +4 -0
  413. package/dist/ionic/p-6b9b6175.entry.js +4 -0
  414. package/dist/ionic/{p-84b5eafe.entry.js → p-6c99f6c8.entry.js} +1 -1
  415. package/dist/ionic/{p-dc000de0.entry.js → p-6c9d8e84.entry.js} +1 -1
  416. package/dist/ionic/p-6fe03c66.entry.js +4 -0
  417. package/dist/ionic/p-747c4c1e.entry.js +4 -0
  418. package/dist/ionic/p-7b769a8c.entry.js +4 -0
  419. package/dist/ionic/p-7e07f60d.entry.js +4 -0
  420. package/dist/ionic/p-7e9a0222.entry.js +4 -0
  421. package/dist/ionic/p-8f052ddf.entry.js +4 -0
  422. package/dist/ionic/p-8fb06684.entry.js +4 -0
  423. package/dist/ionic/p-91a7e3df.entry.js +4 -0
  424. package/dist/ionic/p-9344a53d.entry.js +4 -0
  425. package/dist/ionic/{p-55e13406.entry.js → p-93c69512.entry.js} +1 -1
  426. package/dist/ionic/{p-b83de44e.entry.js → p-96f73def.entry.js} +1 -1
  427. package/dist/ionic/p-9c0cae6a.entry.js +4 -0
  428. package/dist/ionic/{p-CsmXfOZY.js → p-B3Kiljjq.js} +1 -1
  429. package/dist/ionic/p-BN5wKnhU.js +4 -0
  430. package/dist/ionic/p-BQmJoNKC.js +4 -0
  431. package/dist/ionic/p-BYk20Mf5.js +4 -0
  432. package/{components/p-Cc3oC60a.js → dist/ionic/p-BkJpfpXI.js} +1 -1
  433. package/{components/p-CN41sVGB.js → dist/ionic/p-Bp2Gog3I.js} +1 -1
  434. package/dist/ionic/p-Br2aTSXv.js +4 -0
  435. package/dist/ionic/{p-D8HyO4-0.js → p-BxyvWHWp.js} +1 -1
  436. package/dist/ionic/p-C-5bbxTv.js +4 -0
  437. package/dist/ionic/p-CalV2EFO.js +4 -0
  438. package/dist/ionic/p-Ck7LvynN.js +4 -0
  439. package/dist/ionic/{p-BnRvdoDY.js → p-CpbV2dkG.js} +1 -1
  440. package/dist/ionic/p-CyqXbsry.js +4 -0
  441. package/dist/ionic/{p-Izgzy5eB.js → p-DAdCwTwc.js} +1 -1
  442. package/dist/ionic/{p-DAFzmzMJ.js → p-DWu51GL8.js} +1 -1
  443. package/dist/ionic/p-DYl9g-Nn.js +4 -0
  444. package/dist/ionic/p-DhRGeAiB.js +4 -0
  445. package/dist/ionic/{p-BdqFx5km.js → p-Dynoer0Z.js} +1 -1
  446. package/dist/ionic/p-HzpJgzPY.js +4 -0
  447. package/dist/ionic/{p-Cs5kzNVE.js → p-PrbehP8l.js} +1 -1
  448. package/dist/ionic/p-XIxYRztg.js +4 -0
  449. package/dist/ionic/{p-B3L20Lav.js → p-_RfHVD7s.js} +1 -1
  450. package/dist/ionic/{p-8a7bf6c7.entry.js → p-a69ccce3.entry.js} +1 -1
  451. package/dist/ionic/p-a8bce8c2.entry.js +4 -0
  452. package/dist/ionic/p-aa658bb9.entry.js +4 -0
  453. package/dist/ionic/p-ada3f6b9.entry.js +4 -0
  454. package/dist/ionic/p-b2d4bb26.entry.js +4 -0
  455. package/dist/ionic/p-b9f0ce4c.entry.js +4 -0
  456. package/dist/ionic/{p-30c4458b.entry.js → p-be5bc00a.entry.js} +1 -1
  457. package/dist/ionic/p-bfe9bfae.entry.js +4 -0
  458. package/dist/ionic/p-c85c7436.entry.js +4 -0
  459. package/dist/ionic/p-caa7801f.entry.js +4 -0
  460. package/dist/ionic/{p-46709a42.entry.js → p-d97fabaa.entry.js} +1 -1
  461. package/dist/ionic/p-da319993.entry.js +4 -0
  462. package/dist/ionic/p-df1c1199.entry.js +4 -0
  463. package/dist/ionic/{p-2c3704b9.entry.js → p-e02e6d2b.entry.js} +1 -1
  464. package/dist/ionic/{p-6b23289a.entry.js → p-e10326b5.entry.js} +1 -1
  465. package/dist/ionic/{p-d1d3048b.entry.js → p-e8e3b85f.entry.js} +1 -1
  466. package/dist/ionic/p-ec90ddaf.entry.js +4 -0
  467. package/dist/ionic/{p-cd05447f.entry.js → p-ee6708ce.entry.js} +1 -1
  468. package/dist/ionic/{p-e939adf3.entry.js → p-f301235c.entry.js} +1 -1
  469. package/dist/ionic/p-fd0666a5.entry.js +4 -0
  470. package/dist/ionic/{p-CP5-2cXj.js → p-j9My4oCO.js} +1 -1
  471. package/dist/ionic/p-pQdkMmul.js +4 -0
  472. package/dist/ionic/p-sXOU046_.js +4 -0
  473. package/dist/types/components/accordion/accordion.d.ts +7 -1
  474. package/dist/types/components/back-button/back-button.d.ts +8 -2
  475. package/dist/types/components/breadcrumb/breadcrumb.d.ts +12 -2
  476. package/dist/types/components/checkbox/checkbox.d.ts +12 -1
  477. package/dist/types/components/datetime/datetime.d.ts +4 -4
  478. package/dist/types/components/fab-button/fab-button.d.ts +7 -1
  479. package/dist/types/components/input/input.d.ts +7 -10
  480. package/dist/types/components/input-password-toggle/input-password-toggle.d.ts +14 -2
  481. package/dist/types/components/item/item.d.ts +7 -1
  482. package/dist/types/components/menu-button/menu-button.d.ts +6 -1
  483. package/dist/types/components/refresher-content/refresher-content.d.ts +6 -0
  484. package/dist/types/components/reorder/reorder.d.ts +1 -1
  485. package/dist/types/components/select/select.d.ts +7 -12
  486. package/dist/types/components/select-modal/select-modal.d.ts +6 -1
  487. package/dist/types/components/textarea/textarea.d.ts +8 -8
  488. package/dist/types/components/toggle/toggle.d.ts +5 -2
  489. package/dist/types/utils/config.d.ts +22 -2
  490. package/dist/types/utils/focus-visible.d.ts +20 -0
  491. package/dist/types/utils/helpers.d.ts +7 -0
  492. package/dist/types/utils/test/playwright/field-geometry.d.ts +13 -0
  493. package/dist/types/utils/test/playwright/index.d.ts +1 -0
  494. package/hydrate/index.js +318 -417
  495. package/hydrate/index.mjs +318 -417
  496. package/package.json +4 -5
  497. package/components/p-B1AK6oR-.js +0 -4
  498. package/components/p-B8dfyFoB.js +0 -4
  499. package/components/p-B9UT2JwK.js +0 -4
  500. package/components/p-BDqjX7Z_.js +0 -4
  501. package/components/p-BQUTtt8S.js +0 -4
  502. package/components/p-BYSs-jZz.js +0 -4
  503. package/components/p-BZtGrrX4.js +0 -4
  504. package/components/p-BdAOHgnb.js +0 -4
  505. package/components/p-C8aonLbo.js +0 -4
  506. package/components/p-CDmCFFLL.js +0 -4
  507. package/components/p-CPdOdJa7.js +0 -4
  508. package/components/p-CksPhDEa.js +0 -4
  509. package/components/p-Cm78Kk79.js +0 -4
  510. package/components/p-CmEe-Llj.js +0 -4
  511. package/components/p-D1t981Ih.js +0 -4
  512. package/components/p-D9jEKvVd.js +0 -4
  513. package/components/p-DG-ZC7Js.js +0 -4
  514. package/components/p-DJkuoL4u.js +0 -4
  515. package/components/p-DOoxQDxg.js +0 -4
  516. package/components/p-DcOWEjmv.js +0 -4
  517. package/components/p-DgEOEy6x.js +0 -4
  518. package/components/p-Dhi5xtNS.js +0 -4
  519. package/components/p-DtPgvez6.js +0 -4
  520. package/components/p-DwAij6DN.js +0 -4
  521. package/components/p-DzaPYdjZ.js +0 -4
  522. package/components/p-Dzuh_AKJ.js +0 -4
  523. package/components/p-Uo-TYRpE.js +0 -4
  524. package/components/p-cKiRADSB.js +0 -4
  525. package/components/p-e73ca-aN.js +0 -4
  526. package/components/p-fIOYmaqA.js +0 -4
  527. package/components/p-fh4o6dKR.js +0 -4
  528. package/components/p-vXpMhGrs.js +0 -4
  529. package/dist/cjs/caret-down-vtVgfXIs.js +0 -8
  530. package/dist/cjs/caret-left-CxZXLRv5.js +0 -8
  531. package/dist/cjs/caret-right-CRCgv98E.js +0 -8
  532. package/dist/cjs/list-a-7GSA6K.js +0 -8
  533. package/dist/cjs/x-BTF99yFH.js +0 -8
  534. package/dist/esm/caret-down-D1t981Ih.js +0 -6
  535. package/dist/esm/caret-left-fIOYmaqA.js +0 -6
  536. package/dist/esm/caret-right-BYSs-jZz.js +0 -6
  537. package/dist/esm/list-Dhi5xtNS.js +0 -6
  538. package/dist/esm/x-BDqjX7Z_.js +0 -6
  539. package/dist/ionic/p-04d96dad.entry.js +0 -4
  540. package/dist/ionic/p-08f20edc.entry.js +0 -4
  541. package/dist/ionic/p-0a924e6a.entry.js +0 -4
  542. package/dist/ionic/p-0f268972.entry.js +0 -4
  543. package/dist/ionic/p-18c6af89.entry.js +0 -4
  544. package/dist/ionic/p-1cc2a196.entry.js +0 -4
  545. package/dist/ionic/p-201f484e.entry.js +0 -4
  546. package/dist/ionic/p-26efcc45.entry.js +0 -4
  547. package/dist/ionic/p-2da21af7.entry.js +0 -4
  548. package/dist/ionic/p-2fc1521f.entry.js +0 -4
  549. package/dist/ionic/p-32be916d.entry.js +0 -4
  550. package/dist/ionic/p-384fb50d.entry.js +0 -4
  551. package/dist/ionic/p-4QzQhqmw.js +0 -4
  552. package/dist/ionic/p-5217eb00.entry.js +0 -4
  553. package/dist/ionic/p-73309d35.entry.js +0 -4
  554. package/dist/ionic/p-74ab5f49.entry.js +0 -4
  555. package/dist/ionic/p-7d2f3242.entry.js +0 -4
  556. package/dist/ionic/p-7e28cc53.entry.js +0 -4
  557. package/dist/ionic/p-83d13d56.entry.js +0 -4
  558. package/dist/ionic/p-854b95f9.entry.js +0 -4
  559. package/dist/ionic/p-8NLG9fne.js +0 -4
  560. package/dist/ionic/p-8dcd18cf.entry.js +0 -4
  561. package/dist/ionic/p-92f21db6.entry.js +0 -4
  562. package/dist/ionic/p-9ca59419.entry.js +0 -4
  563. package/dist/ionic/p-B6aOaV_m.js +0 -4
  564. package/dist/ionic/p-BDqjX7Z_.js +0 -4
  565. package/dist/ionic/p-BVv5nqxG.js +0 -4
  566. package/dist/ionic/p-BYSs-jZz.js +0 -4
  567. package/dist/ionic/p-CD4Mty1V.js +0 -4
  568. package/dist/ionic/p-CLVGlNRl.js +0 -4
  569. package/dist/ionic/p-CRbXZpID.js +0 -4
  570. package/dist/ionic/p-CZ-V4tB0.js +0 -4
  571. package/dist/ionic/p-CyXL8sF6.js +0 -4
  572. package/dist/ionic/p-D1ej8PMz.js +0 -4
  573. package/dist/ionic/p-D1t981Ih.js +0 -4
  574. package/dist/ionic/p-Dhi5xtNS.js +0 -4
  575. package/dist/ionic/p-DvXo4Ng9.js +0 -4
  576. package/dist/ionic/p-ac4ea8db.entry.js +0 -4
  577. package/dist/ionic/p-b10dc124.entry.js +0 -4
  578. package/dist/ionic/p-b411d90d.entry.js +0 -4
  579. package/dist/ionic/p-b7ce4a50.entry.js +0 -4
  580. package/dist/ionic/p-c7035f3f.entry.js +0 -4
  581. package/dist/ionic/p-c91fc9d4.entry.js +0 -4
  582. package/dist/ionic/p-cd4791d5.entry.js +0 -4
  583. package/dist/ionic/p-ce1ab874.entry.js +0 -4
  584. package/dist/ionic/p-e9480e7f.entry.js +0 -4
  585. package/dist/ionic/p-e9fdff49.entry.js +0 -4
  586. package/dist/ionic/p-f29b784f.entry.js +0 -4
  587. package/dist/ionic/p-f82b13a6.entry.js +0 -4
  588. package/dist/ionic/p-fIOYmaqA.js +0 -4
  589. package/dist/ionic/p-psKsVoNI.js +0 -4
  590. package/dist/ionic/p-si7ttuvL.js +0 -4
  591. package/dist/ionic/p-vXpMhGrs.js +0 -4
package/css/ionic/ionic-swiper.ionic.css CHANGED
@@ -1 +1 @@
1
- .swiper{--bullet-background: var(--token-primitives-neutral-800, #626262);--bullet-background-active: var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));--progress-bar-background: var(--token-bg-neutral-boldest-default-rgb, 36, 36, 36);--progress-bar-background-active: var(--token-semantics-primary-600, var(--token-primitives-blue-600, #6986f2));--scroll-bar-background: var(--token-bg-neutral-boldest-default-rgb, 36, 36, 36);--scroll-bar-background-active: var(--token-bg-neutral-boldest-press-rgb, 17, 17, 17);display:block;user-select:none}.swiper .swiper-pagination-bullet{background:var(--bullet-background)}.swiper .swiper-pagination-bullet-active{background:var(--bullet-background-active)}.swiper .swiper-pagination-progressbar{background:var(--progress-bar-background)}.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--progress-bar-background-active)}.swiper .swiper-scrollbar{background:var(--scroll-bar-background)}.swiper .swiper-scrollbar-drag{background:var(--scroll-bar-background-active)}.swiper .slide-zoom{display:block;width:100%;text-align:center}.swiper .swiper-slide{font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-bold, 700);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none;display:flex;position:relative;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;box-sizing:border-box}.swiper .swiper-slide img{width:auto;max-width:100%;height:auto;max-height:100%}/*# sourceMappingURL=ionic-swiper.ionic.css.map */
1
+ .swiper{--bullet-background: var(--token-primitives-neutral-800, #6c727a);--bullet-background-active: var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));--progress-bar-background: var(--token-bg-neutral-boldest-default-rgb, 36, 37, 40);--progress-bar-background-active: var(--token-semantics-primary-600, var(--token-primitives-blue-600, #6f8bf4));--scroll-bar-background: var(--token-bg-neutral-boldest-default-rgb, 36, 37, 40);--scroll-bar-background-active: var(--token-bg-neutral-boldest-press-rgb, 19, 21, 24);display:block;user-select:none}.swiper .swiper-pagination-bullet{background:var(--bullet-background)}.swiper .swiper-pagination-bullet-active{background:var(--bullet-background-active)}.swiper .swiper-pagination-progressbar{background:var(--progress-bar-background)}.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--progress-bar-background-active)}.swiper .swiper-scrollbar{background:var(--scroll-bar-background)}.swiper .swiper-scrollbar-drag{background:var(--scroll-bar-background-active)}.swiper .slide-zoom{display:block;width:100%;text-align:center}.swiper .swiper-slide{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-bold, 700);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-700, 1.75rem);display:flex;position:relative;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;box-sizing:border-box}.swiper .swiper-slide img{width:auto;max-width:100%;height:auto;max-height:100%}/*# sourceMappingURL=ionic-swiper.ionic.css.map */
package/css/ionic/ionic-swiper.ionic.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/ionic/ionic-swiper.ionic.scss","../../src/themes/ionic/ionic.mixins.scss"],"names":[],"mappings":"AAKA,QACE,kEACA,+IACA,mFACA,gHACA,iFACA,sFAWA,cAEA,iBAMF,kCACE,oCAGF,yCACE,2CAMF,uCACE,0CAGF,2EACE,iDAMF,0BACE,wCAGF,+BACE,+CAMF,oBACE,cAEA,WAEA,kBAGF,sBCDE,+CACA,+CAEA,sDACA,4EAEA,qBACA,oBDFA,aACA,kBAEA,cACA,mBACA,uBAEA,WACA,YAEA,kBACA,sBAGF,0BACE,WACA,eACA,YACA","file":"ionic-swiper.ionic.css","sourcesContent":["@use \"../../themes/ionic/ionic.globals.scss\" as globals;\n\n// Slides\n// --------------------------------------------------\n\n.swiper {\n --bullet-background: #{globals.$ion-primitives-neutral-800};\n --bullet-background-active: #{globals.$ion-semantics-primary-base};\n --progress-bar-background: #{globals.$ion-bg-neutral-boldest-default-rgb};\n --progress-bar-background-active: #{globals.$ion-semantics-primary-600};\n --scroll-bar-background: #{globals.$ion-bg-neutral-boldest-default-rgb};\n --scroll-bar-background-active: #{globals.$ion-bg-neutral-boldest-press-rgb};\n /**\n * @prop --bullet-background: Background of the pagination bullets\n * @prop --bullet-background-active: Background of the active pagination bullet\n *\n * @prop --progress-bar-background: Background of the pagination progress-bar\n * @prop --progress-bar-background-active: Background of the active pagination progress-bar\n *\n * @prop --scroll-bar-background: Background of the pagination scroll-bar\n * @prop --scroll-bar-background-active: Background of the active pagination scroll-bar\n */\n display: block;\n\n user-select: none;\n}\n\n// Pagination Bullets\n// --------------------------------------------------\n\n.swiper .swiper-pagination-bullet {\n background: var(--bullet-background);\n}\n\n.swiper .swiper-pagination-bullet-active {\n background: var(--bullet-background-active);\n}\n\n// Pagination Progress Bar\n// --------------------------------------------------\n\n.swiper .swiper-pagination-progressbar {\n background: var(--progress-bar-background);\n}\n\n.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n background: var(--progress-bar-background-active);\n}\n\n// Scrollbar\n// --------------------------------------------------\n\n.swiper .swiper-scrollbar {\n background: var(--scroll-bar-background);\n}\n\n.swiper .swiper-scrollbar-drag {\n background: var(--scroll-bar-background-active);\n}\n\n// Slide\n// --------------------------------------------------\n\n.swiper .slide-zoom {\n display: block;\n\n width: 100%;\n\n text-align: center;\n}\n\n.swiper .swiper-slide {\n @include globals.typography(globals.$ion-heading-h6-bold);\n\n // Center slide text vertically\n display: flex;\n position: relative;\n\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n\n width: 100%;\n height: 100%;\n\n text-align: center;\n box-sizing: border-box;\n}\n\n.swiper .swiper-slide img {\n width: auto;\n max-width: 100%;\n height: auto;\n max-height: 100%;\n}\n","// Ionic Mixins\n// forward the global mixin to be used on component scope\n@forward \"../mixins\";\n// use global mixins on this ionic.mixin context\n@use \"../mixins\" as mixins;\n@use \"../../foundations/ionic.vars.scss\" as tokens;\n\n// Pressed mixin to be used on pseudo elements for the Ionic Theme pressed state\n//\n// ex: :host(.ion-activated) .toggle-icon:after {\n// @include globals.pressed-state();\n// }\n//\n// --------------------------------------------------\n@mixin pressed-state() {\n @include mixins.position(0, 0, 0, 0);\n\n position: absolute;\n\n background-color: tokens.$ion-state-press;\n\n content: \"\";\n}\n\n// Disabled mixin to be used on pseudo elements for the Ionic Theme disabled state\n//\n// ex: :host(.checkbox-disabled) .native-wrapper:after {\n// @include globals.disable-state();\n// }\n//\n// --------------------------------------------------\n@mixin disabled-state() {\n @include mixins.position(0, 0, 0, 0);\n\n position: absolute;\n\n background-color: tokens.$ion-state-disabled;\n\n content: \"\";\n\n pointer-events: none;\n}\n\n// Focused mixin to be used on regular elements for the Ionic Theme focused state\n//\n// ex: :host(.ion-focused) .toggle-icon {\n// @include globals.focused-state();\n// }\n//\n// --------------------------------------------------\n@mixin focused-state($width: null, $style: null, $color: null, $addOffset: true) {\n // Use default values if null is passed\n $width: if($width != null, $width, tokens.$ion-border-size-050);\n $style: if($style != null, $style, tokens.$ion-border-style-solid);\n $color: if($color != null, $color, tokens.$ion-border-focus-default);\n\n @if $addOffset {\n outline-offset: $width;\n }\n\n outline: $width $style $color;\n}\n\n// Typography mixin to be used with typography scss variables (ionic.vars.scss)\n//\n// ex: @include typography($ion-heading-h3-medium);\n//\n// --------------------------------------------------\n@mixin typography($properties) {\n font-family: map-get($properties, font-family);\n font-size: map-get($properties, font-size);\n font-weight: map-get($properties, font-weight);\n\n letter-spacing: map-get($properties, letter-spacing);\n line-height: map-get($properties, line-height);\n\n text-decoration: map-get($properties, text-decoration);\n text-transform: map-get($properties, text-transform);\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/css/ionic/ionic-swiper.ionic.scss","../../src/themes/ionic/ionic.mixins.scss"],"names":[],"mappings":"AAKA,QACE,kEACA,+IACA,mFACA,gHACA,iFACA,sFAWA,cAEA,iBAMF,kCACE,oCAGF,yCACE,2CAMF,uCACE,0CAGF,2EACE,iDAMF,0BACE,wCAGF,+BACE,+CAMF,oBACE,cAEA,WAEA,kBAGF,sBCmBE,2KACA,+CACA,+CAEA,qDACA,uDDpBA,aACA,kBAEA,cACA,mBACA,uBAEA,WACA,YAEA,kBACA,sBAGF,0BACE,WACA,eACA,YACA","file":"ionic-swiper.ionic.css","sourcesContent":["@use \"../../themes/ionic/ionic.globals.scss\" as globals;\n\n// Slides\n// --------------------------------------------------\n\n.swiper {\n --bullet-background: #{globals.$ion-primitives-neutral-800};\n --bullet-background-active: #{globals.$ion-semantics-primary-base};\n --progress-bar-background: #{globals.$ion-bg-neutral-boldest-default-rgb};\n --progress-bar-background-active: #{globals.$ion-semantics-primary-600};\n --scroll-bar-background: #{globals.$ion-bg-neutral-boldest-default-rgb};\n --scroll-bar-background-active: #{globals.$ion-bg-neutral-boldest-press-rgb};\n /**\n * @prop --bullet-background: Background of the pagination bullets\n * @prop --bullet-background-active: Background of the active pagination bullet\n *\n * @prop --progress-bar-background: Background of the pagination progress-bar\n * @prop --progress-bar-background-active: Background of the active pagination progress-bar\n *\n * @prop --scroll-bar-background: Background of the pagination scroll-bar\n * @prop --scroll-bar-background-active: Background of the active pagination scroll-bar\n */\n display: block;\n\n user-select: none;\n}\n\n// Pagination Bullets\n// --------------------------------------------------\n\n.swiper .swiper-pagination-bullet {\n background: var(--bullet-background);\n}\n\n.swiper .swiper-pagination-bullet-active {\n background: var(--bullet-background-active);\n}\n\n// Pagination Progress Bar\n// --------------------------------------------------\n\n.swiper .swiper-pagination-progressbar {\n background: var(--progress-bar-background);\n}\n\n.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n background: var(--progress-bar-background-active);\n}\n\n// Scrollbar\n// --------------------------------------------------\n\n.swiper .swiper-scrollbar {\n background: var(--scroll-bar-background);\n}\n\n.swiper .swiper-scrollbar-drag {\n background: var(--scroll-bar-background-active);\n}\n\n// Slide\n// --------------------------------------------------\n\n.swiper .slide-zoom {\n display: block;\n\n width: 100%;\n\n text-align: center;\n}\n\n.swiper .swiper-slide {\n @include globals.typography(globals.$ion-heading-h6-bold);\n\n // Center slide text vertically\n display: flex;\n position: relative;\n\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n\n width: 100%;\n height: 100%;\n\n text-align: center;\n box-sizing: border-box;\n}\n\n.swiper .swiper-slide img {\n width: auto;\n max-width: 100%;\n height: auto;\n max-height: 100%;\n}\n","// Ionic Mixins\n// forward the global mixin to be used on component scope\n@forward \"../mixins\";\n// use global mixins on this ionic.mixin context\n@use \"../mixins\" as mixins;\n@use \"../../foundations/ionic.vars.scss\" as tokens;\n\n// Pressed mixin to be used on pseudo elements for the Ionic Theme pressed state\n//\n// ex: :host(.ion-activated) .toggle-icon:after {\n// @include globals.pressed-state();\n// }\n//\n// --------------------------------------------------\n@mixin pressed-state() {\n @include mixins.position(0, 0, 0, 0);\n\n position: absolute;\n\n background-color: tokens.$ion-state-press;\n\n content: \"\";\n}\n\n// Field box mixin to be used on the pseudo element that draws the box around a\n// form field's control and slots. The field's own stylesheet places it on the\n// grid and sets the border and background, since those vary per fill.\n//\n// ex: .input-wrapper::before {\n// @include globals.field-box();\n// }\n//\n// --------------------------------------------------\n@mixin field-box($border-radius: var(--border-radius, 0)) {\n @include mixins.border-radius($border-radius);\n\n align-self: stretch;\n\n box-sizing: border-box;\n\n content: \"\";\n\n pointer-events: none;\n}\n\n// Disabled mixin to be used on pseudo elements for the Ionic Theme disabled state\n//\n// ex: :host(.checkbox-disabled) .native-wrapper:after {\n// @include globals.disable-state();\n// }\n//\n// --------------------------------------------------\n@mixin disabled-state() {\n @include mixins.position(0, 0, 0, 0);\n\n position: absolute;\n\n background-color: tokens.$ion-state-disabled;\n\n content: \"\";\n\n pointer-events: none;\n}\n\n// Focused mixin to be used on regular elements for the Ionic Theme focused state\n//\n// ex: :host(.ion-focused) .toggle-icon {\n// @include globals.focused-state();\n// }\n//\n// --------------------------------------------------\n@mixin focused-state($width: null, $style: null, $color: null, $addOffset: true) {\n // Use default values if null is passed\n $width: if($width != null, $width, tokens.$ion-border-size-050);\n $style: if($style != null, $style, solid);\n $color: if($color != null, $color, tokens.$ion-border-focus-default);\n\n @if $addOffset {\n outline-offset: $width;\n }\n\n outline: $width $style $color;\n}\n\n// Typography mixin to be used with typography scss variables (ionic.vars.scss)\n//\n// ex: @include typography($ion-heading-h3-medium);\n//\n// --------------------------------------------------\n@mixin typography($properties) {\n font-family: map-get($properties, font-family);\n font-size: map-get($properties, font-size);\n font-weight: map-get($properties, font-weight);\n\n letter-spacing: map-get($properties, letter-spacing);\n line-height: map-get($properties, line-height);\n\n text-decoration: map-get($properties, text-decoration);\n text-transform: map-get($properties, text-transform);\n}\n"]}
package/css/ionic/link.ionic.css CHANGED
@@ -1 +1 @@
1
- a,:not(a).ion-link a{color:var(--token-text-link-default, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)));text-decoration:none;font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;display:inline-flex;align-items:center;gap:var(--token-space-100, var(--token-scale-100, 4px));transition:color var(--token-transition-time-200, 200ms) ease-in-out;text-decoration-color:inherit;text-underline-offset:var(--token-scale-050, 2px);cursor:pointer}a:visited,:not(a).ion-link a:visited{color:var(--token-text-link-visited, var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a)))}a:focus,a.ion-focused,:not(a).ion-link a:focus,:not(a).ion-link a.ion-focused{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}a:active,a.ion-activated,:not(a).ion-link a:active,:not(a).ion-link a.ion-activated{color:var(--token-text-link-press, var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a)));text-decoration:underline}@media(any-hover: hover){a:hover,:not(a).ion-link a:hover{color:var(--token-text-link-press, var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a)));text-decoration:underline}}a.ion-link-underline,:not(a).ion-link-underline a{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;display:inline-flex;align-items:center;gap:var(--token-space-100, var(--token-scale-100, 4px));transition:color var(--token-transition-time-200, 200ms) ease-in-out;text-decoration-color:inherit;text-underline-offset:var(--token-scale-050, 2px);cursor:pointer;text-decoration:underline}a.ion-link-underline:visited,:not(a).ion-link-underline a:visited{color:var(--token-text-link-visited, var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a)))}a.ion-link-underline:focus,a.ion-link-underline.ion-focused,:not(a).ion-link-underline a:focus,:not(a).ion-link-underline a.ion-focused{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}a.ion-link-underline:active,a.ion-link-underline.ion-activated,:not(a).ion-link-underline a:active,:not(a).ion-link-underline a.ion-activated{color:var(--token-text-link-press, var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a)));text-decoration:underline}@media(any-hover: hover){a.ion-link-underline:hover,:not(a).ion-link-underline a:hover{color:var(--token-text-link-press, var(--token-semantics-primary-1100, var(--token-primitives-blue-1100, #09358a)));text-decoration:underline}}a.ion-link-underline:focus,a.ion-link-underline.ion-focused,:not(a).ion-link-underline a:focus,:not(a).ion-link-underline a.ion-focused{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));text-decoration:none}/*# sourceMappingURL=link.ionic.css.map */
1
+ a,:not(a).ion-link a{color:var(--token-text-link-default, var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da)));text-decoration:none;font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-100, 0.01em);line-height:var(--token-font-line-height-500, 1.25rem);display:inline-flex;align-items:center;gap:var(--token-space-100, var(--token-scale-100, 4px));transition:color var(--token-transition-time-200, 200ms) ease-in-out;text-decoration-color:inherit;text-underline-offset:var(--token-scale-050, 2px);cursor:pointer}a:visited,:not(a).ion-link a:visited{color:var(--token-text-link-visited, var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9)))}a:focus,a.ion-focused,:not(a).ion-link a:focus,:not(a).ion-link a.ion-focused{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}a:active,a.ion-activated,:not(a).ion-link a:active,:not(a).ion-link a.ion-activated{color:var(--token-text-link-press, var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9)));text-decoration:underline}@media(any-hover: hover){a:hover,:not(a).ion-link a:hover{color:var(--token-text-link-press, var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9)));text-decoration:underline}}a.ion-link-underline,:not(a).ion-link-underline a{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-100, 0.01em);line-height:var(--token-font-line-height-500, 1.25rem);display:inline-flex;align-items:center;gap:var(--token-space-100, var(--token-scale-100, 4px));transition:color var(--token-transition-time-200, 200ms) ease-in-out;text-decoration-color:inherit;text-underline-offset:var(--token-scale-050, 2px);cursor:pointer;text-decoration:underline}a.ion-link-underline:visited,:not(a).ion-link-underline a:visited{color:var(--token-text-link-visited, var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9)))}a.ion-link-underline:focus,a.ion-link-underline.ion-focused,:not(a).ion-link-underline a:focus,:not(a).ion-link-underline a.ion-focused{outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) solid var(--token-border-focus-default, var(--token-semantics-primary-400, var(--token-primitives-blue-400, #b5c0f7)));border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}a.ion-link-underline:active,a.ion-link-underline.ion-activated,:not(a).ion-link-underline a:active,:not(a).ion-link-underline a.ion-activated{color:var(--token-text-link-press, var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9)));text-decoration:underline}@media(any-hover: hover){a.ion-link-underline:hover,:not(a).ion-link-underline a:hover{color:var(--token-text-link-press, var(--token-semantics-primary-1000, var(--token-primitives-blue-1000, #0b41a9)));text-decoration:underline}}a.ion-link-underline:focus,a.ion-link-underline.ion-focused,:not(a).ion-link-underline a:focus,:not(a).ion-link-underline a.ion-focused{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242528));text-decoration:none}/*# sourceMappingURL=link.ionic.css.map */
package/css/ionic/link.ionic.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/ionic/link.ionic.scss","../../src/foundations/ionic.vars.scss","../../src/themes/ionic/ionic.mixins.scss"],"names":[],"mappings":"AAuEA,qBAPE,MCuesB,8GDretB,qBEIA,+CACA,iDAEA,sDACA,4EAEA,qBACA,oBFtEA,oBAEA,mBAEA,IC+3Bc,oDD73Bd,qEAEA,8BAEA,sBC4Xc,4BD1Xd,eAKA,qCACE,MCkhBoB,gHD5gBtB,8EE0BE,eALM,0DAQR,sLFzBE,cC0yBoB,4DDpyBtB,oFAEE,MC8fkB,8GD5flB,0BAMF,yBACE,iCACE,MCofgB,8GDlfhB,2BA0CN,kDAjBE,MCqciB,yEC/cjB,+CACA,iDAEA,sDACA,4EAEA,qBACA,oBFtEA,oBAEA,mBAEA,IC+3Bc,oDD73Bd,qEAEA,8BAEA,sBC4Xc,4BD1Xd,eAiEA,0BA5DA,kEACE,MCkhBoB,gHD5gBtB,wIE0BE,eALM,0DAQR,sLFzBE,cC0yBoB,4DDpyBtB,8IAEE,MC8fkB,8GD5flB,0BAMF,yBACE,8DACE,MCofgB,8GDlfhB,2BAkCJ,wIAEE,MC0be,yEDxbf","file":"link.ionic.css","sourcesContent":["@use \"../../themes/ionic/ionic.globals.scss\" as globals;\n\n// Link: Shared Styles (Standalone & Underline)\n// -------------------------------------------------------------------------------\n@mixin link-shared {\n @include globals.typography(globals.$ion-body-action-sm);\n\n display: inline-flex;\n\n align-items: center;\n\n gap: globals.$ion-space-100;\n\n transition: color globals.$ion-transition-time-200 ease-in-out;\n\n text-decoration-color: inherit;\n\n text-underline-offset: globals.$ion-scale-050;\n\n cursor: pointer;\n\n // Link: Visited\n // -------------------------------------------------------------------------------\n\n &:visited {\n color: globals.$ion-text-link-visited;\n }\n\n // Link: Focus\n // -------------------------------------------------------------------------------\n\n &:focus,\n &.ion-focused {\n @include globals.focused-state();\n\n border-radius: globals.$ion-border-radius-100;\n }\n\n // Link: Active\n // -------------------------------------------------------------------------------\n\n &:active,\n &.ion-activated {\n color: globals.$ion-text-link-press;\n\n text-decoration: underline;\n }\n\n // Link: Hover\n // -------------------------------------------------------------------------------\n\n @media (any-hover: hover) {\n &:hover {\n color: globals.$ion-text-link-press;\n\n text-decoration: underline;\n }\n }\n}\n\n// Link: Standalone\n// -------------------------------------------------------------------------------\n\n@mixin ionic-link {\n color: globals.$ion-text-link-default;\n\n text-decoration: none;\n\n @include link-shared;\n}\n\na,\n:not(a).ion-link a {\n @include ionic-link;\n}\n\n// Link: Underline\n// -------------------------------------------------------------------------------\n\n@mixin ionic-link-underline {\n color: globals.$ion-text-default;\n\n @include link-shared;\n\n text-decoration: underline;\n\n // Link: Focus\n // -------------------------------------------------------------------------------\n\n &:focus,\n &.ion-focused {\n color: globals.$ion-text-default;\n\n text-decoration: none;\n }\n}\n\na.ion-link-underline,\n:not(a).ion-link-underline a {\n @include ionic-link-underline;\n}\n","// Primitives\n$ion-primitives-neutral-100: var(--token-primitives-neutral-100, #f3f3f3);\n$ion-primitives-neutral-100-rgb: var(--token-primitives-neutral-100-rgb, 243, 243, 243);\n$ion-primitives-neutral-200: var(--token-primitives-neutral-200, #eae9e9);\n$ion-primitives-neutral-200-rgb: var(--token-primitives-neutral-200-rgb, 234, 233, 233);\n$ion-primitives-neutral-300: var(--token-primitives-neutral-300, #e0e0e0);\n$ion-primitives-neutral-300-rgb: var(--token-primitives-neutral-300-rgb, 224, 224, 224);\n$ion-primitives-neutral-400: var(--token-primitives-neutral-400, #d5d5d5);\n$ion-primitives-neutral-400-rgb: var(--token-primitives-neutral-400-rgb, 213, 213, 213);\n$ion-primitives-neutral-500: var(--token-primitives-neutral-500, #a2a2a2);\n$ion-primitives-neutral-500-rgb: var(--token-primitives-neutral-500-rgb, 162, 162, 162);\n$ion-primitives-neutral-600: var(--token-primitives-neutral-600, #8c8c8c);\n$ion-primitives-neutral-600-rgb: var(--token-primitives-neutral-600-rgb, 140, 140, 140);\n$ion-primitives-neutral-700: var(--token-primitives-neutral-700, #777777);\n$ion-primitives-neutral-700-rgb: var(--token-primitives-neutral-700-rgb, 119, 119, 119);\n$ion-primitives-neutral-800: var(--token-primitives-neutral-800, #626262);\n$ion-primitives-neutral-800-rgb: var(--token-primitives-neutral-800-rgb, 98, 98, 98);\n$ion-primitives-neutral-900: var(--token-primitives-neutral-900, #4e4e4e);\n$ion-primitives-neutral-900-rgb: var(--token-primitives-neutral-900-rgb, 78, 78, 78);\n$ion-primitives-neutral-1000: var(--token-primitives-neutral-1000, #3b3b3b);\n$ion-primitives-neutral-1000-rgb: var(--token-primitives-neutral-1000-rgb, 59, 59, 59);\n$ion-primitives-neutral-1100: var(--token-primitives-neutral-1100, #292929);\n$ion-primitives-neutral-1100-rgb: var(--token-primitives-neutral-1100-rgb, 41, 41, 41);\n$ion-primitives-neutral-1200: var(--token-primitives-neutral-1200, #242424);\n$ion-primitives-neutral-1200-rgb: var(--token-primitives-neutral-1200-rgb, 36, 36, 36);\n$ion-primitives-base-white: var(--token-primitives-base-white, #ffffff);\n$ion-primitives-base-white-rgb: var(--token-primitives-base-white-rgb, 255, 255, 255);\n$ion-primitives-base-black: var(--token-primitives-base-black, #111111);\n$ion-primitives-base-black-rgb: var(--token-primitives-base-black-rgb, 17, 17, 17);\n$ion-primitives-red-100: var(--token-primitives-red-100, #fde1e1);\n$ion-primitives-red-100-rgb: var(--token-primitives-red-100-rgb, 253, 225, 225);\n$ion-primitives-red-200: var(--token-primitives-red-200, #ffd9d9);\n$ion-primitives-red-200-rgb: var(--token-primitives-red-200-rgb, 255, 217, 217);\n$ion-primitives-red-300: var(--token-primitives-red-300, #fcc1c1);\n$ion-primitives-red-300-rgb: var(--token-primitives-red-300-rgb, 252, 193, 193);\n$ion-primitives-red-400: var(--token-primitives-red-400, #faa1a1);\n$ion-primitives-red-400-rgb: var(--token-primitives-red-400-rgb, 250, 161, 161);\n$ion-primitives-red-500: var(--token-primitives-red-500, #f97d7d);\n$ion-primitives-red-500-rgb: var(--token-primitives-red-500-rgb, 249, 125, 125);\n$ion-primitives-red-600: var(--token-primitives-red-600, #f85151);\n$ion-primitives-red-600-rgb: var(--token-primitives-red-600-rgb, 248, 81, 81);\n$ion-primitives-red-700: var(--token-primitives-red-700, #e52929);\n$ion-primitives-red-700-rgb: var(--token-primitives-red-700-rgb, 229, 41, 41);\n$ion-primitives-red-800: var(--token-primitives-red-800, #bf2222);\n$ion-primitives-red-800-rgb: var(--token-primitives-red-800-rgb, 191, 34, 34);\n$ion-primitives-red-900: var(--token-primitives-red-900, #991b1b);\n$ion-primitives-red-900-rgb: var(--token-primitives-red-900-rgb, 153, 27, 27);\n$ion-primitives-red-1000: var(--token-primitives-red-1000, #761515);\n$ion-primitives-red-1000-rgb: var(--token-primitives-red-1000-rgb, 118, 21, 21);\n$ion-primitives-red-1100: var(--token-primitives-red-1100, #540f0f);\n$ion-primitives-red-1100-rgb: var(--token-primitives-red-1100-rgb, 84, 15, 15);\n$ion-primitives-red-1200: var(--token-primitives-red-1200, #330909);\n$ion-primitives-red-1200-rgb: var(--token-primitives-red-1200-rgb, 51, 9, 9);\n$ion-primitives-pumpkin-100: var(--token-primitives-pumpkin-100, #ffe0db);\n$ion-primitives-pumpkin-100-rgb: var(--token-primitives-pumpkin-100-rgb, 255, 224, 219);\n$ion-primitives-pumpkin-200: var(--token-primitives-pumpkin-200, #ffd6d0);\n$ion-primitives-pumpkin-200-rgb: var(--token-primitives-pumpkin-200-rgb, 255, 214, 208);\n$ion-primitives-pumpkin-300: var(--token-primitives-pumpkin-300, #fbbdb1);\n$ion-primitives-pumpkin-300-rgb: var(--token-primitives-pumpkin-300-rgb, 251, 189, 177);\n$ion-primitives-pumpkin-400: var(--token-primitives-pumpkin-400, #f9947c);\n$ion-primitives-pumpkin-400-rgb: var(--token-primitives-pumpkin-400-rgb, 249, 148, 124);\n$ion-primitives-pumpkin-500: var(--token-primitives-pumpkin-500, #f75d07);\n$ion-primitives-pumpkin-500-rgb: var(--token-primitives-pumpkin-500-rgb, 247, 93, 7);\n$ion-primitives-pumpkin-600: var(--token-primitives-pumpkin-600, #da5206);\n$ion-primitives-pumpkin-600-rgb: var(--token-primitives-pumpkin-600-rgb, 218, 82, 6);\n$ion-primitives-pumpkin-700: var(--token-primitives-pumpkin-700, #bd4705);\n$ion-primitives-pumpkin-700-rgb: var(--token-primitives-pumpkin-700-rgb, 189, 71, 5);\n$ion-primitives-pumpkin-800: var(--token-primitives-pumpkin-800, #9f3c05);\n$ion-primitives-pumpkin-800-rgb: var(--token-primitives-pumpkin-800-rgb, 159, 60, 5);\n$ion-primitives-pumpkin-900: var(--token-primitives-pumpkin-900, #803004);\n$ion-primitives-pumpkin-900-rgb: var(--token-primitives-pumpkin-900-rgb, 128, 48, 4);\n$ion-primitives-pumpkin-1000: var(--token-primitives-pumpkin-1000, #602403);\n$ion-primitives-pumpkin-1000-rgb: var(--token-primitives-pumpkin-1000-rgb, 96, 36, 3);\n$ion-primitives-pumpkin-1100: var(--token-primitives-pumpkin-1100, #401802);\n$ion-primitives-pumpkin-1100-rgb: var(--token-primitives-pumpkin-1100-rgb, 64, 24, 2);\n$ion-primitives-pumpkin-1200: var(--token-primitives-pumpkin-1200, #210c01);\n$ion-primitives-pumpkin-1200-rgb: var(--token-primitives-pumpkin-1200-rgb, 33, 12, 1);\n$ion-primitives-orange-100: var(--token-primitives-orange-100, #ffe8db);\n$ion-primitives-orange-100-rgb: var(--token-primitives-orange-100-rgb, 255, 232, 219);\n$ion-primitives-orange-200: var(--token-primitives-orange-200, #ffe0d0);\n$ion-primitives-orange-200-rgb: var(--token-primitives-orange-200-rgb, 255, 224, 208);\n$ion-primitives-orange-300: var(--token-primitives-orange-300, #ffcfb1);\n$ion-primitives-orange-300-rgb: var(--token-primitives-orange-300-rgb, 255, 207, 177);\n$ion-primitives-orange-400: var(--token-primitives-orange-400, #ffb37b);\n$ion-primitives-orange-400-rgb: var(--token-primitives-orange-400-rgb, 255, 179, 123);\n$ion-primitives-orange-500: var(--token-primitives-orange-500, #ff9400);\n$ion-primitives-orange-500-rgb: var(--token-primitives-orange-500-rgb, 255, 148, 0);\n$ion-primitives-orange-600: var(--token-primitives-orange-600, #e18300);\n$ion-primitives-orange-600-rgb: var(--token-primitives-orange-600-rgb, 225, 131, 0);\n$ion-primitives-orange-700: var(--token-primitives-orange-700, #c37100);\n$ion-primitives-orange-700-rgb: var(--token-primitives-orange-700-rgb, 195, 113, 0);\n$ion-primitives-orange-800: var(--token-primitives-orange-800, #a45f00);\n$ion-primitives-orange-800-rgb: var(--token-primitives-orange-800-rgb, 164, 95, 0);\n$ion-primitives-orange-900: var(--token-primitives-orange-900, #844d00);\n$ion-primitives-orange-900-rgb: var(--token-primitives-orange-900-rgb, 132, 77, 0);\n$ion-primitives-orange-1000: var(--token-primitives-orange-1000, #633a00);\n$ion-primitives-orange-1000-rgb: var(--token-primitives-orange-1000-rgb, 99, 58, 0);\n$ion-primitives-orange-1100: var(--token-primitives-orange-1100, #422700);\n$ion-primitives-orange-1100-rgb: var(--token-primitives-orange-1100-rgb, 66, 39, 0);\n$ion-primitives-orange-1200: var(--token-primitives-orange-1200, #221400);\n$ion-primitives-orange-1200-rgb: var(--token-primitives-orange-1200-rgb, 34, 20, 0);\n$ion-primitives-yellow-100: var(--token-primitives-yellow-100, #fff3d5);\n$ion-primitives-yellow-100-rgb: var(--token-primitives-yellow-100-rgb, 255, 243, 213);\n$ion-primitives-yellow-200: var(--token-primitives-yellow-200, #fff0c7);\n$ion-primitives-yellow-200-rgb: var(--token-primitives-yellow-200-rgb, 255, 240, 199);\n$ion-primitives-yellow-300: var(--token-primitives-yellow-300, #ffebb1);\n$ion-primitives-yellow-300-rgb: var(--token-primitives-yellow-300-rgb, 255, 235, 177);\n$ion-primitives-yellow-400: var(--token-primitives-yellow-400, #ffe07b);\n$ion-primitives-yellow-400-rgb: var(--token-primitives-yellow-400-rgb, 255, 224, 123);\n$ion-primitives-yellow-500: var(--token-primitives-yellow-500, #ffd600);\n$ion-primitives-yellow-500-rgb: var(--token-primitives-yellow-500-rgb, 255, 214, 0);\n$ion-primitives-yellow-600: var(--token-primitives-yellow-600, #f9bd0a);\n$ion-primitives-yellow-600-rgb: var(--token-primitives-yellow-600-rgb, 249, 189, 10);\n$ion-primitives-yellow-700: var(--token-primitives-yellow-700, #df9c00);\n$ion-primitives-yellow-700-rgb: var(--token-primitives-yellow-700-rgb, 223, 156, 0);\n$ion-primitives-yellow-800: var(--token-primitives-yellow-800, #ba8200);\n$ion-primitives-yellow-800-rgb: var(--token-primitives-yellow-800-rgb, 186, 130, 0);\n$ion-primitives-yellow-900: var(--token-primitives-yellow-900, #966503);\n$ion-primitives-yellow-900-rgb: var(--token-primitives-yellow-900-rgb, 150, 101, 3);\n$ion-primitives-yellow-1000: var(--token-primitives-yellow-1000, #704b02);\n$ion-primitives-yellow-1000-rgb: var(--token-primitives-yellow-1000-rgb, 112, 75, 2);\n$ion-primitives-yellow-1100: var(--token-primitives-yellow-1100, #533802);\n$ion-primitives-yellow-1100-rgb: var(--token-primitives-yellow-1100-rgb, 83, 56, 2);\n$ion-primitives-yellow-1200: var(--token-primitives-yellow-1200, #2c1e02);\n$ion-primitives-yellow-1200-rgb: var(--token-primitives-yellow-1200-rgb, 44, 30, 2);\n$ion-primitives-lime-100: var(--token-primitives-lime-100, #ebfcd4);\n$ion-primitives-lime-100-rgb: var(--token-primitives-lime-100-rgb, 235, 252, 212);\n$ion-primitives-lime-200: var(--token-primitives-lime-200, #e4f7cb);\n$ion-primitives-lime-200-rgb: var(--token-primitives-lime-200-rgb, 228, 247, 203);\n$ion-primitives-lime-300: var(--token-primitives-lime-300, #d3efb2);\n$ion-primitives-lime-300-rgb: var(--token-primitives-lime-300-rgb, 211, 239, 178);\n$ion-primitives-lime-400: var(--token-primitives-lime-400, #bbe77d);\n$ion-primitives-lime-400-rgb: var(--token-primitives-lime-400-rgb, 187, 231, 125);\n$ion-primitives-lime-500: var(--token-primitives-lime-500, #a0df18);\n$ion-primitives-lime-500-rgb: var(--token-primitives-lime-500-rgb, 160, 223, 24);\n$ion-primitives-lime-600: var(--token-primitives-lime-600, #8dc515);\n$ion-primitives-lime-600-rgb: var(--token-primitives-lime-600-rgb, 141, 197, 21);\n$ion-primitives-lime-700: var(--token-primitives-lime-700, #7aab12);\n$ion-primitives-lime-700-rgb: var(--token-primitives-lime-700-rgb, 122, 171, 18);\n$ion-primitives-lime-800: var(--token-primitives-lime-800, #678f0f);\n$ion-primitives-lime-800-rgb: var(--token-primitives-lime-800-rgb, 103, 143, 15);\n$ion-primitives-lime-900: var(--token-primitives-lime-900, #53730c);\n$ion-primitives-lime-900-rgb: var(--token-primitives-lime-900-rgb, 83, 115, 12);\n$ion-primitives-lime-1000: var(--token-primitives-lime-1000, #3e5709);\n$ion-primitives-lime-1000-rgb: var(--token-primitives-lime-1000-rgb, 62, 87, 9);\n$ion-primitives-lime-1100: var(--token-primitives-lime-1100, #2a3a06);\n$ion-primitives-lime-1100-rgb: var(--token-primitives-lime-1100-rgb, 42, 58, 6);\n$ion-primitives-lime-1200: var(--token-primitives-lime-1200, #151e03);\n$ion-primitives-lime-1200-rgb: var(--token-primitives-lime-1200-rgb, 21, 30, 3);\n$ion-primitives-green-100: var(--token-primitives-green-100, #e2f9e4);\n$ion-primitives-green-100-rgb: var(--token-primitives-green-100-rgb, 226, 249, 228);\n$ion-primitives-green-200: var(--token-primitives-green-200, #d1f7d4);\n$ion-primitives-green-200-rgb: var(--token-primitives-green-200-rgb, 209, 247, 212);\n$ion-primitives-green-300: var(--token-primitives-green-300, #b3ebb7);\n$ion-primitives-green-300-rgb: var(--token-primitives-green-300-rgb, 179, 235, 183);\n$ion-primitives-green-400: var(--token-primitives-green-400, #7fe089);\n$ion-primitives-green-400-rgb: var(--token-primitives-green-400-rgb, 127, 224, 137);\n$ion-primitives-green-500: var(--token-primitives-green-500, #23d643);\n$ion-primitives-green-500-rgb: var(--token-primitives-green-500-rgb, 35, 214, 67);\n$ion-primitives-green-600: var(--token-primitives-green-600, #1fbd3b);\n$ion-primitives-green-600-rgb: var(--token-primitives-green-600-rgb, 31, 189, 59);\n$ion-primitives-green-700: var(--token-primitives-green-700, #1ba433);\n$ion-primitives-green-700-rgb: var(--token-primitives-green-700-rgb, 27, 164, 51);\n$ion-primitives-green-800: var(--token-primitives-green-800, #178a2b);\n$ion-primitives-green-800-rgb: var(--token-primitives-green-800-rgb, 23, 138, 43);\n$ion-primitives-green-900: var(--token-primitives-green-900, #126f23);\n$ion-primitives-green-900-rgb: var(--token-primitives-green-900-rgb, 18, 111, 35);\n$ion-primitives-green-1000: var(--token-primitives-green-1000, #0e531a);\n$ion-primitives-green-1000-rgb: var(--token-primitives-green-1000-rgb, 14, 83, 26);\n$ion-primitives-green-1100: var(--token-primitives-green-1100, #093811);\n$ion-primitives-green-1100-rgb: var(--token-primitives-green-1100-rgb, 9, 56, 17);\n$ion-primitives-green-1200: var(--token-primitives-green-1200, #051d09);\n$ion-primitives-green-1200-rgb: var(--token-primitives-green-1200-rgb, 5, 29, 9);\n$ion-primitives-teal-100: var(--token-primitives-teal-100, #d5f9f1);\n$ion-primitives-teal-100-rgb: var(--token-primitives-teal-100-rgb, 213, 249, 241);\n$ion-primitives-teal-200: var(--token-primitives-teal-200, #c7f1e8);\n$ion-primitives-teal-200-rgb: var(--token-primitives-teal-200-rgb, 199, 241, 232);\n$ion-primitives-teal-300: var(--token-primitives-teal-300, #b1e7dd);\n$ion-primitives-teal-300-rgb: var(--token-primitives-teal-300-rgb, 177, 231, 221);\n$ion-primitives-teal-400: var(--token-primitives-teal-400, #7bdbca);\n$ion-primitives-teal-400-rgb: var(--token-primitives-teal-400-rgb, 123, 219, 202);\n$ion-primitives-teal-500: var(--token-primitives-teal-500, #00cfb7);\n$ion-primitives-teal-500-rgb: var(--token-primitives-teal-500-rgb, 0, 207, 183);\n$ion-primitives-teal-600: var(--token-primitives-teal-600, #00b7a2);\n$ion-primitives-teal-600-rgb: var(--token-primitives-teal-600-rgb, 0, 183, 162);\n$ion-primitives-teal-700: var(--token-primitives-teal-700, #009e8c);\n$ion-primitives-teal-700-rgb: var(--token-primitives-teal-700-rgb, 0, 158, 140);\n$ion-primitives-teal-800: var(--token-primitives-teal-800, #008576);\n$ion-primitives-teal-800-rgb: var(--token-primitives-teal-800-rgb, 0, 133, 118);\n$ion-primitives-teal-900: var(--token-primitives-teal-900, #006b5f);\n$ion-primitives-teal-900-rgb: var(--token-primitives-teal-900-rgb, 0, 107, 95);\n$ion-primitives-teal-1000: var(--token-primitives-teal-1000, #005147);\n$ion-primitives-teal-1000-rgb: var(--token-primitives-teal-1000-rgb, 0, 81, 71);\n$ion-primitives-teal-1100: var(--token-primitives-teal-1100, #003630);\n$ion-primitives-teal-1100-rgb: var(--token-primitives-teal-1100-rgb, 0, 54, 48);\n$ion-primitives-teal-1200: var(--token-primitives-teal-1200, #001c19);\n$ion-primitives-teal-1200-rgb: var(--token-primitives-teal-1200-rgb, 0, 28, 25);\n$ion-primitives-aqua-100: var(--token-primitives-aqua-100, #d9f5ff);\n$ion-primitives-aqua-100-rgb: var(--token-primitives-aqua-100-rgb, 217, 245, 255);\n$ion-primitives-aqua-200: var(--token-primitives-aqua-200, #cbeffc);\n$ion-primitives-aqua-200-rgb: var(--token-primitives-aqua-200-rgb, 203, 239, 252);\n$ion-primitives-aqua-300: var(--token-primitives-aqua-300, #b3e9fc);\n$ion-primitives-aqua-300-rgb: var(--token-primitives-aqua-300-rgb, 179, 233, 252);\n$ion-primitives-aqua-400: var(--token-primitives-aqua-400, #80defa);\n$ion-primitives-aqua-400-rgb: var(--token-primitives-aqua-400-rgb, 128, 222, 250);\n$ion-primitives-aqua-500: var(--token-primitives-aqua-500, #27d3f9);\n$ion-primitives-aqua-500-rgb: var(--token-primitives-aqua-500-rgb, 39, 211, 249);\n$ion-primitives-aqua-600: var(--token-primitives-aqua-600, #22bbdc);\n$ion-primitives-aqua-600-rgb: var(--token-primitives-aqua-600-rgb, 34, 187, 220);\n$ion-primitives-aqua-700: var(--token-primitives-aqua-700, #1ea2bf);\n$ion-primitives-aqua-700-rgb: var(--token-primitives-aqua-700-rgb, 30, 162, 191);\n$ion-primitives-aqua-800: var(--token-primitives-aqua-800, #1988a0);\n$ion-primitives-aqua-800-rgb: var(--token-primitives-aqua-800-rgb, 25, 136, 160);\n$ion-primitives-aqua-900: var(--token-primitives-aqua-900, #146d81);\n$ion-primitives-aqua-900-rgb: var(--token-primitives-aqua-900-rgb, 20, 109, 129);\n$ion-primitives-aqua-1000: var(--token-primitives-aqua-1000, #0f5261);\n$ion-primitives-aqua-1000-rgb: var(--token-primitives-aqua-1000-rgb, 15, 82, 97);\n$ion-primitives-aqua-1100: var(--token-primitives-aqua-1100, #0a3741);\n$ion-primitives-aqua-1100-rgb: var(--token-primitives-aqua-1100-rgb, 10, 55, 65);\n$ion-primitives-aqua-1200: var(--token-primitives-aqua-1200, #051c21);\n$ion-primitives-aqua-1200-rgb: var(--token-primitives-aqua-1200-rgb, 5, 28, 33);\n$ion-primitives-blue-100: var(--token-primitives-blue-100, #e9ecfc);\n$ion-primitives-blue-100-rgb: var(--token-primitives-blue-100-rgb, 233, 236, 252);\n$ion-primitives-blue-200: var(--token-primitives-blue-200, #e4e8ff);\n$ion-primitives-blue-200-rgb: var(--token-primitives-blue-200-rgb, 228, 232, 255);\n$ion-primitives-blue-300: var(--token-primitives-blue-300, #d0d7fa);\n$ion-primitives-blue-300-rgb: var(--token-primitives-blue-300-rgb, 208, 215, 250);\n$ion-primitives-blue-400: var(--token-primitives-blue-400, #b5c0f7);\n$ion-primitives-blue-400-rgb: var(--token-primitives-blue-400-rgb, 181, 192, 247);\n$ion-primitives-blue-500: var(--token-primitives-blue-500, #94a5f4);\n$ion-primitives-blue-500-rgb: var(--token-primitives-blue-500-rgb, 148, 165, 244);\n$ion-primitives-blue-600: var(--token-primitives-blue-600, #6986f2);\n$ion-primitives-blue-600-rgb: var(--token-primitives-blue-600-rgb, 105, 134, 242);\n$ion-primitives-blue-700: var(--token-primitives-blue-700, #105cef);\n$ion-primitives-blue-700-rgb: var(--token-primitives-blue-700-rgb, 16, 92, 239);\n$ion-primitives-blue-800: var(--token-primitives-blue-800, #0f54da);\n$ion-primitives-blue-800-rgb: var(--token-primitives-blue-800-rgb, 15, 84, 218);\n$ion-primitives-blue-900: var(--token-primitives-blue-900, #0d4bc3);\n$ion-primitives-blue-900-rgb: var(--token-primitives-blue-900-rgb, 13, 75, 195);\n$ion-primitives-blue-1000: var(--token-primitives-blue-1000, #0b41a9);\n$ion-primitives-blue-1000-rgb: var(--token-primitives-blue-1000-rgb, 11, 65, 169);\n$ion-primitives-blue-1100: var(--token-primitives-blue-1100, #09358a);\n$ion-primitives-blue-1100-rgb: var(--token-primitives-blue-1100-rgb, 9, 53, 138);\n$ion-primitives-blue-1200: var(--token-primitives-blue-1200, #072561);\n$ion-primitives-blue-1200-rgb: var(--token-primitives-blue-1200-rgb, 7, 37, 97);\n$ion-primitives-indigo-100: var(--token-primitives-indigo-100, #ebe8ff);\n$ion-primitives-indigo-100-rgb: var(--token-primitives-indigo-100-rgb, 235, 232, 255);\n$ion-primitives-indigo-200: var(--token-primitives-indigo-200, #e6e2fe);\n$ion-primitives-indigo-200-rgb: var(--token-primitives-indigo-200-rgb, 230, 226, 254);\n$ion-primitives-indigo-300: var(--token-primitives-indigo-300, #d3d1f2);\n$ion-primitives-indigo-300-rgb: var(--token-primitives-indigo-300-rgb, 211, 209, 242);\n$ion-primitives-indigo-400: var(--token-primitives-indigo-400, #bab5eb);\n$ion-primitives-indigo-400-rgb: var(--token-primitives-indigo-400-rgb, 186, 181, 235);\n$ion-primitives-indigo-500: var(--token-primitives-indigo-500, #9d95e4);\n$ion-primitives-indigo-500-rgb: var(--token-primitives-indigo-500-rgb, 157, 149, 228);\n$ion-primitives-indigo-600: var(--token-primitives-indigo-600, #786bdd);\n$ion-primitives-indigo-600-rgb: var(--token-primitives-indigo-600-rgb, 120, 107, 221);\n$ion-primitives-indigo-700: var(--token-primitives-indigo-700, #411bd5);\n$ion-primitives-indigo-700-rgb: var(--token-primitives-indigo-700-rgb, 65, 27, 213);\n$ion-primitives-indigo-800: var(--token-primitives-indigo-800, #3b19c3);\n$ion-primitives-indigo-800-rgb: var(--token-primitives-indigo-800-rgb, 59, 25, 195);\n$ion-primitives-indigo-900: var(--token-primitives-indigo-900, #3516ae);\n$ion-primitives-indigo-900-rgb: var(--token-primitives-indigo-900-rgb, 53, 22, 174);\n$ion-primitives-indigo-1000: var(--token-primitives-indigo-1000, #2e1397);\n$ion-primitives-indigo-1000-rgb: var(--token-primitives-indigo-1000-rgb, 46, 19, 151);\n$ion-primitives-indigo-1100: var(--token-primitives-indigo-1100, #26107b);\n$ion-primitives-indigo-1100-rgb: var(--token-primitives-indigo-1100-rgb, 38, 16, 123);\n$ion-primitives-indigo-1200: var(--token-primitives-indigo-1200, #1a0b57);\n$ion-primitives-indigo-1200-rgb: var(--token-primitives-indigo-1200-rgb, 26, 11, 87);\n$ion-primitives-violet-100: var(--token-primitives-violet-100, #ece6ff);\n$ion-primitives-violet-100-rgb: var(--token-primitives-violet-100-rgb, 236, 230, 255);\n$ion-primitives-violet-200: var(--token-primitives-violet-200, #e5defc);\n$ion-primitives-violet-200-rgb: var(--token-primitives-violet-200-rgb, 229, 222, 252);\n$ion-primitives-violet-300: var(--token-primitives-violet-300, #dcd1fb);\n$ion-primitives-violet-300-rgb: var(--token-primitives-violet-300-rgb, 220, 209, 251);\n$ion-primitives-violet-400: var(--token-primitives-violet-400, #c9b6f9);\n$ion-primitives-violet-400-rgb: var(--token-primitives-violet-400-rgb, 201, 182, 249);\n$ion-primitives-violet-500: var(--token-primitives-violet-500, #b396f6);\n$ion-primitives-violet-500-rgb: var(--token-primitives-violet-500-rgb, 179, 150, 246);\n$ion-primitives-violet-600: var(--token-primitives-violet-600, #9a6cf4);\n$ion-primitives-violet-600-rgb: var(--token-primitives-violet-600-rgb, 154, 108, 244);\n$ion-primitives-violet-700: var(--token-primitives-violet-700, #7c20f2);\n$ion-primitives-violet-700-rgb: var(--token-primitives-violet-700-rgb, 124, 32, 242);\n$ion-primitives-violet-800: var(--token-primitives-violet-800, #711ddd);\n$ion-primitives-violet-800-rgb: var(--token-primitives-violet-800-rgb, 113, 29, 221);\n$ion-primitives-violet-900: var(--token-primitives-violet-900, #651ac5);\n$ion-primitives-violet-900-rgb: var(--token-primitives-violet-900-rgb, 101, 26, 197);\n$ion-primitives-violet-1000: var(--token-primitives-violet-1000, #5817ab);\n$ion-primitives-violet-1000-rgb: var(--token-primitives-violet-1000-rgb, 88, 23, 171);\n$ion-primitives-violet-1100: var(--token-primitives-violet-1100, #48128c);\n$ion-primitives-violet-1100-rgb: var(--token-primitives-violet-1100-rgb, 72, 18, 140);\n$ion-primitives-violet-1200: var(--token-primitives-violet-1200, #330d63);\n$ion-primitives-violet-1200-rgb: var(--token-primitives-violet-1200-rgb, 51, 13, 99);\n$ion-primitives-purple-100: var(--token-primitives-purple-100, #f5eafd);\n$ion-primitives-purple-100-rgb: var(--token-primitives-purple-100-rgb, 245, 234, 253);\n$ion-primitives-purple-200: var(--token-primitives-purple-200, #f2e2ff);\n$ion-primitives-purple-200-rgb: var(--token-primitives-purple-200-rgb, 242, 226, 255);\n$ion-primitives-purple-300: var(--token-primitives-purple-300, #e9d3fa);\n$ion-primitives-purple-300-rgb: var(--token-primitives-purple-300-rgb, 233, 211, 250);\n$ion-primitives-purple-400: var(--token-primitives-purple-400, #deb9f8);\n$ion-primitives-purple-400-rgb: var(--token-primitives-purple-400-rgb, 222, 185, 248);\n$ion-primitives-purple-500: var(--token-primitives-purple-500, #d29bf6);\n$ion-primitives-purple-500-rgb: var(--token-primitives-purple-500-rgb, 210, 155, 246);\n$ion-primitives-purple-600: var(--token-primitives-purple-600, #c575f3);\n$ion-primitives-purple-600-rgb: var(--token-primitives-purple-600-rgb, 197, 117, 243);\n$ion-primitives-purple-700: var(--token-primitives-purple-700, #b73cf1);\n$ion-primitives-purple-700-rgb: var(--token-primitives-purple-700-rgb, 183, 60, 241);\n$ion-primitives-purple-800: var(--token-primitives-purple-800, #a737dc);\n$ion-primitives-purple-800-rgb: var(--token-primitives-purple-800-rgb, 167, 55, 220);\n$ion-primitives-purple-900: var(--token-primitives-purple-900, #9531c5);\n$ion-primitives-purple-900-rgb: var(--token-primitives-purple-900-rgb, 149, 49, 197);\n$ion-primitives-purple-1000: var(--token-primitives-purple-1000, #812aaa);\n$ion-primitives-purple-1000-rgb: var(--token-primitives-purple-1000-rgb, 129, 42, 170);\n$ion-primitives-purple-1100: var(--token-primitives-purple-1100, #6a238b);\n$ion-primitives-purple-1100-rgb: var(--token-primitives-purple-1100-rgb, 106, 35, 139);\n$ion-primitives-purple-1200: var(--token-primitives-purple-1200, #4b1862);\n$ion-primitives-purple-1200-rgb: var(--token-primitives-purple-1200-rgb, 75, 24, 98);\n$ion-primitives-magenta-100: var(--token-primitives-magenta-100, #ffecfb);\n$ion-primitives-magenta-100-rgb: var(--token-primitives-magenta-100-rgb, 255, 236, 251);\n$ion-primitives-magenta-200: var(--token-primitives-magenta-200, #ffe5fa);\n$ion-primitives-magenta-200-rgb: var(--token-primitives-magenta-200-rgb, 255, 229, 250);\n$ion-primitives-magenta-300: var(--token-primitives-magenta-300, #f9d4f1);\n$ion-primitives-magenta-300-rgb: var(--token-primitives-magenta-300-rgb, 249, 212, 241);\n$ion-primitives-magenta-400: var(--token-primitives-magenta-400, #f6bcea);\n$ion-primitives-magenta-400-rgb: var(--token-primitives-magenta-400-rgb, 246, 188, 234);\n$ion-primitives-magenta-500: var(--token-primitives-magenta-500, #f39fe3);\n$ion-primitives-magenta-500-rgb: var(--token-primitives-magenta-500-rgb, 243, 159, 227);\n$ion-primitives-magenta-600: var(--token-primitives-magenta-600, #f07cdb);\n$ion-primitives-magenta-600-rgb: var(--token-primitives-magenta-600-rgb, 240, 124, 219);\n$ion-primitives-magenta-700: var(--token-primitives-magenta-700, #ed4ad3);\n$ion-primitives-magenta-700-rgb: var(--token-primitives-magenta-700-rgb, 237, 74, 211);\n$ion-primitives-magenta-800: var(--token-primitives-magenta-800, #d844c1);\n$ion-primitives-magenta-800-rgb: var(--token-primitives-magenta-800-rgb, 216, 68, 193);\n$ion-primitives-magenta-900: var(--token-primitives-magenta-900, #c13cac);\n$ion-primitives-magenta-900-rgb: var(--token-primitives-magenta-900-rgb, 193, 60, 172);\n$ion-primitives-magenta-1000: var(--token-primitives-magenta-1000, #a83495);\n$ion-primitives-magenta-1000-rgb: var(--token-primitives-magenta-1000-rgb, 168, 52, 149);\n$ion-primitives-magenta-1100: var(--token-primitives-magenta-1100, #892b7a);\n$ion-primitives-magenta-1100-rgb: var(--token-primitives-magenta-1100-rgb, 137, 43, 122);\n$ion-primitives-magenta-1200: var(--token-primitives-magenta-1200, #611e56);\n$ion-primitives-magenta-1200-rgb: var(--token-primitives-magenta-1200-rgb, 97, 30, 86);\n$ion-primitives-pink-100: var(--token-primitives-pink-100, #fdeaee);\n$ion-primitives-pink-100-rgb: var(--token-primitives-pink-100-rgb, 253, 234, 238);\n$ion-primitives-pink-200: var(--token-primitives-pink-200, #ffe3e9);\n$ion-primitives-pink-200-rgb: var(--token-primitives-pink-200-rgb, 255, 227, 233);\n$ion-primitives-pink-300: var(--token-primitives-pink-300, #fad3dc);\n$ion-primitives-pink-300-rgb: var(--token-primitives-pink-300-rgb, 250, 211, 220);\n$ion-primitives-pink-400: var(--token-primitives-pink-400, #f8b9c9);\n$ion-primitives-pink-400-rgb: var(--token-primitives-pink-400-rgb, 248, 185, 201);\n$ion-primitives-pink-500: var(--token-primitives-pink-500, #f69bb3);\n$ion-primitives-pink-500-rgb: var(--token-primitives-pink-500-rgb, 246, 155, 179);\n$ion-primitives-pink-600: var(--token-primitives-pink-600, #f3759a);\n$ion-primitives-pink-600-rgb: var(--token-primitives-pink-600-rgb, 243, 117, 154);\n$ion-primitives-pink-700: var(--token-primitives-pink-700, #f13b7d);\n$ion-primitives-pink-700-rgb: var(--token-primitives-pink-700-rgb, 241, 59, 125);\n$ion-primitives-pink-800: var(--token-primitives-pink-800, #dc3672);\n$ion-primitives-pink-800-rgb: var(--token-primitives-pink-800-rgb, 220, 54, 114);\n$ion-primitives-pink-900: var(--token-primitives-pink-900, #c53066);\n$ion-primitives-pink-900-rgb: var(--token-primitives-pink-900-rgb, 197, 48, 102);\n$ion-primitives-pink-1000: var(--token-primitives-pink-1000, #aa2a58);\n$ion-primitives-pink-1000-rgb: var(--token-primitives-pink-1000-rgb, 170, 42, 88);\n$ion-primitives-pink-1100: var(--token-primitives-pink-1100, #8b2248);\n$ion-primitives-pink-1100-rgb: var(--token-primitives-pink-1100-rgb, 139, 34, 72);\n$ion-primitives-pink-1200: var(--token-primitives-pink-1200, #621833);\n$ion-primitives-pink-1200-rgb: var(--token-primitives-pink-1200-rgb, 98, 24, 51);\n\n// Scale\n$ion-scale-0: var(--token-scale-0, 0px);\n$ion-scale-100: var(--token-scale-100, 4px);\n$ion-scale-150: var(--token-scale-150, 6px);\n$ion-scale-200: var(--token-scale-200, 8px);\n$ion-scale-250: var(--token-scale-250, 10px);\n$ion-scale-300: var(--token-scale-300, 12px);\n$ion-scale-400: var(--token-scale-400, 16px);\n$ion-scale-500: var(--token-scale-500, 20px);\n$ion-scale-600: var(--token-scale-600, 24px);\n$ion-scale-700: var(--token-scale-700, 28px);\n$ion-scale-800: var(--token-scale-800, 32px);\n$ion-scale-900: var(--token-scale-900, 36px);\n$ion-scale-1000: var(--token-scale-1000, 40px);\n$ion-scale-1100: var(--token-scale-1100, 44px);\n$ion-scale-1200: var(--token-scale-1200, 48px);\n$ion-scale-1400: var(--token-scale-1400, 56px);\n$ion-scale-1600: var(--token-scale-1600, 64px);\n$ion-scale-1800: var(--token-scale-1800, 72px);\n$ion-scale-2000: var(--token-scale-2000, 80px);\n$ion-scale-2400: var(--token-scale-2400, 96px);\n$ion-scale-2800: var(--token-scale-2800, 112px);\n$ion-scale-3200: var(--token-scale-3200, 128px);\n$ion-scale-3400: var(--token-scale-3400, 136px);\n$ion-scale-3600: var(--token-scale-3600, 144px);\n$ion-scale-4000: var(--token-scale-4000, 160px);\n$ion-scale-5000: var(--token-scale-5000, 200px);\n$ion-scale-6200: var(--token-scale-6200, 248px);\n$ion-scale-7400: var(--token-scale-7400, 296px);\n$ion-scale-9000: var(--token-scale-9000, 360px);\n$ion-scale-025: var(--token-scale-025, 1px);\n$ion-scale-050: var(--token-scale-050, 2px);\n$ion-scale-075: var(--token-scale-075, 3px);\n\n// Semantics\n$ion-semantics-primary-100: var(--token-semantics-primary-100, $ion-primitives-blue-100);\n$ion-semantics-primary-100-rgb: var(--token-semantics-primary-100-rgb, 233, 236, 252);\n$ion-semantics-primary-200: var(--token-semantics-primary-200, $ion-primitives-blue-200);\n$ion-semantics-primary-200-rgb: var(--token-semantics-primary-200-rgb, 228, 232, 255);\n$ion-semantics-primary-300: var(--token-semantics-primary-300, $ion-primitives-blue-300);\n$ion-semantics-primary-300-rgb: var(--token-semantics-primary-300-rgb, 208, 215, 250);\n$ion-semantics-primary-400: var(--token-semantics-primary-400, $ion-primitives-blue-400);\n$ion-semantics-primary-400-rgb: var(--token-semantics-primary-400-rgb, 181, 192, 247);\n$ion-semantics-primary-500: var(--token-semantics-primary-500, $ion-primitives-blue-500);\n$ion-semantics-primary-500-rgb: var(--token-semantics-primary-500-rgb, 148, 165, 244);\n$ion-semantics-primary-600: var(--token-semantics-primary-600, $ion-primitives-blue-600);\n$ion-semantics-primary-600-rgb: var(--token-semantics-primary-600-rgb, 105, 134, 242);\n$ion-semantics-primary-700: var(--token-semantics-primary-700, $ion-primitives-blue-700);\n$ion-semantics-primary-700-rgb: var(--token-semantics-primary-700-rgb, 16, 92, 239);\n$ion-semantics-primary-800: var(--token-semantics-primary-800, $ion-primitives-blue-800);\n$ion-semantics-primary-800-rgb: var(--token-semantics-primary-800-rgb, 15, 84, 218);\n$ion-semantics-primary-900: var(--token-semantics-primary-900, $ion-primitives-blue-900);\n$ion-semantics-primary-900-rgb: var(--token-semantics-primary-900-rgb, 13, 75, 195);\n$ion-semantics-primary-1000: var(--token-semantics-primary-1000, $ion-primitives-blue-1000);\n$ion-semantics-primary-1000-rgb: var(--token-semantics-primary-1000-rgb, 11, 65, 169);\n$ion-semantics-primary-1100: var(--token-semantics-primary-1100, $ion-primitives-blue-1100);\n$ion-semantics-primary-1100-rgb: var(--token-semantics-primary-1100-rgb, 9, 53, 138);\n$ion-semantics-primary-1200: var(--token-semantics-primary-1200, $ion-primitives-blue-1200);\n$ion-semantics-primary-1200-rgb: var(--token-semantics-primary-1200-rgb, 7, 37, 97);\n$ion-semantics-primary-base: var(--token-semantics-primary-base, $ion-semantics-primary-700);\n$ion-semantics-primary-base-rgb: var(--token-semantics-primary-base-rgb, 16, 92, 239);\n$ion-semantics-info-100: var(--token-semantics-info-100, $ion-primitives-blue-100);\n$ion-semantics-info-100-rgb: var(--token-semantics-info-100-rgb, 233, 236, 252);\n$ion-semantics-info-200: var(--token-semantics-info-200, $ion-primitives-blue-200);\n$ion-semantics-info-200-rgb: var(--token-semantics-info-200-rgb, 228, 232, 255);\n$ion-semantics-info-300: var(--token-semantics-info-300, $ion-primitives-blue-300);\n$ion-semantics-info-300-rgb: var(--token-semantics-info-300-rgb, 208, 215, 250);\n$ion-semantics-info-400: var(--token-semantics-info-400, $ion-primitives-blue-400);\n$ion-semantics-info-400-rgb: var(--token-semantics-info-400-rgb, 181, 192, 247);\n$ion-semantics-info-500: var(--token-semantics-info-500, $ion-primitives-blue-500);\n$ion-semantics-info-500-rgb: var(--token-semantics-info-500-rgb, 148, 165, 244);\n$ion-semantics-info-600: var(--token-semantics-info-600, $ion-primitives-blue-600);\n$ion-semantics-info-600-rgb: var(--token-semantics-info-600-rgb, 105, 134, 242);\n$ion-semantics-info-700: var(--token-semantics-info-700, $ion-primitives-blue-700);\n$ion-semantics-info-700-rgb: var(--token-semantics-info-700-rgb, 16, 92, 239);\n$ion-semantics-info-800: var(--token-semantics-info-800, $ion-primitives-blue-800);\n$ion-semantics-info-800-rgb: var(--token-semantics-info-800-rgb, 15, 84, 218);\n$ion-semantics-info-900: var(--token-semantics-info-900, $ion-primitives-blue-900);\n$ion-semantics-info-900-rgb: var(--token-semantics-info-900-rgb, 13, 75, 195);\n$ion-semantics-info-1000: var(--token-semantics-info-1000, $ion-primitives-blue-1000);\n$ion-semantics-info-1000-rgb: var(--token-semantics-info-1000-rgb, 11, 65, 169);\n$ion-semantics-info-1100: var(--token-semantics-info-1100, $ion-primitives-blue-1100);\n$ion-semantics-info-1100-rgb: var(--token-semantics-info-1100-rgb, 9, 53, 138);\n$ion-semantics-info-1200: var(--token-semantics-info-1200, $ion-primitives-blue-1200);\n$ion-semantics-info-1200-rgb: var(--token-semantics-info-1200-rgb, 7, 37, 97);\n$ion-semantics-info-base: var(--token-semantics-info-base, $ion-semantics-info-700);\n$ion-semantics-info-base-rgb: var(--token-semantics-info-base-rgb, 16, 92, 239);\n$ion-semantics-success-100: var(--token-semantics-success-100, $ion-primitives-green-100);\n$ion-semantics-success-100-rgb: var(--token-semantics-success-100-rgb, 226, 249, 228);\n$ion-semantics-success-200: var(--token-semantics-success-200, $ion-primitives-green-200);\n$ion-semantics-success-200-rgb: var(--token-semantics-success-200-rgb, 209, 247, 212);\n$ion-semantics-success-300: var(--token-semantics-success-300, $ion-primitives-green-300);\n$ion-semantics-success-300-rgb: var(--token-semantics-success-300-rgb, 179, 235, 183);\n$ion-semantics-success-400: var(--token-semantics-success-400, $ion-primitives-green-400);\n$ion-semantics-success-400-rgb: var(--token-semantics-success-400-rgb, 127, 224, 137);\n$ion-semantics-success-500: var(--token-semantics-success-500, $ion-primitives-green-500);\n$ion-semantics-success-500-rgb: var(--token-semantics-success-500-rgb, 35, 214, 67);\n$ion-semantics-success-600: var(--token-semantics-success-600, $ion-primitives-green-600);\n$ion-semantics-success-600-rgb: var(--token-semantics-success-600-rgb, 31, 189, 59);\n$ion-semantics-success-700: var(--token-semantics-success-700, $ion-primitives-green-700);\n$ion-semantics-success-700-rgb: var(--token-semantics-success-700-rgb, 27, 164, 51);\n$ion-semantics-success-800: var(--token-semantics-success-800, $ion-primitives-green-800);\n$ion-semantics-success-800-rgb: var(--token-semantics-success-800-rgb, 23, 138, 43);\n$ion-semantics-success-900: var(--token-semantics-success-900, $ion-primitives-green-900);\n$ion-semantics-success-900-rgb: var(--token-semantics-success-900-rgb, 18, 111, 35);\n$ion-semantics-success-1000: var(--token-semantics-success-1000, $ion-primitives-green-1000);\n$ion-semantics-success-1000-rgb: var(--token-semantics-success-1000-rgb, 14, 83, 26);\n$ion-semantics-success-1100: var(--token-semantics-success-1100, $ion-primitives-green-1100);\n$ion-semantics-success-1100-rgb: var(--token-semantics-success-1100-rgb, 9, 56, 17);\n$ion-semantics-success-1200: var(--token-semantics-success-1200, $ion-primitives-green-1200);\n$ion-semantics-success-1200-rgb: var(--token-semantics-success-1200-rgb, 5, 29, 9);\n$ion-semantics-success-base: var(--token-semantics-success-base, $ion-semantics-success-700);\n$ion-semantics-success-base-rgb: var(--token-semantics-success-base-rgb, 27, 164, 51);\n$ion-semantics-danger-100: var(--token-semantics-danger-100, $ion-primitives-red-100);\n$ion-semantics-danger-100-rgb: var(--token-semantics-danger-100-rgb, 253, 225, 225);\n$ion-semantics-danger-200: var(--token-semantics-danger-200, $ion-primitives-red-200);\n$ion-semantics-danger-200-rgb: var(--token-semantics-danger-200-rgb, 255, 217, 217);\n$ion-semantics-danger-300: var(--token-semantics-danger-300, $ion-primitives-red-300);\n$ion-semantics-danger-300-rgb: var(--token-semantics-danger-300-rgb, 252, 193, 193);\n$ion-semantics-danger-400: var(--token-semantics-danger-400, $ion-primitives-red-400);\n$ion-semantics-danger-400-rgb: var(--token-semantics-danger-400-rgb, 250, 161, 161);\n$ion-semantics-danger-500: var(--token-semantics-danger-500, $ion-primitives-red-500);\n$ion-semantics-danger-500-rgb: var(--token-semantics-danger-500-rgb, 249, 125, 125);\n$ion-semantics-danger-600: var(--token-semantics-danger-600, $ion-primitives-red-600);\n$ion-semantics-danger-600-rgb: var(--token-semantics-danger-600-rgb, 248, 81, 81);\n$ion-semantics-danger-700: var(--token-semantics-danger-700, $ion-primitives-red-700);\n$ion-semantics-danger-700-rgb: var(--token-semantics-danger-700-rgb, 229, 41, 41);\n$ion-semantics-danger-800: var(--token-semantics-danger-800, $ion-primitives-red-800);\n$ion-semantics-danger-800-rgb: var(--token-semantics-danger-800-rgb, 191, 34, 34);\n$ion-semantics-danger-900: var(--token-semantics-danger-900, $ion-primitives-red-900);\n$ion-semantics-danger-900-rgb: var(--token-semantics-danger-900-rgb, 153, 27, 27);\n$ion-semantics-danger-1000: var(--token-semantics-danger-1000, $ion-primitives-red-1000);\n$ion-semantics-danger-1000-rgb: var(--token-semantics-danger-1000-rgb, 118, 21, 21);\n$ion-semantics-danger-1100: var(--token-semantics-danger-1100, $ion-primitives-red-1100);\n$ion-semantics-danger-1100-rgb: var(--token-semantics-danger-1100-rgb, 84, 15, 15);\n$ion-semantics-danger-1200: var(--token-semantics-danger-1200, $ion-primitives-red-1200);\n$ion-semantics-danger-1200-rgb: var(--token-semantics-danger-1200-rgb, 51, 9, 9);\n$ion-semantics-danger-base: var(--token-semantics-danger-base, $ion-semantics-danger-700);\n$ion-semantics-danger-base-rgb: var(--token-semantics-danger-base-rgb, 229, 41, 41);\n$ion-semantics-warning-100: var(--token-semantics-warning-100, $ion-primitives-yellow-100);\n$ion-semantics-warning-100-rgb: var(--token-semantics-warning-100-rgb, 255, 243, 213);\n$ion-semantics-warning-200: var(--token-semantics-warning-200, $ion-primitives-yellow-200);\n$ion-semantics-warning-200-rgb: var(--token-semantics-warning-200-rgb, 255, 240, 199);\n$ion-semantics-warning-300: var(--token-semantics-warning-300, $ion-primitives-yellow-300);\n$ion-semantics-warning-300-rgb: var(--token-semantics-warning-300-rgb, 255, 235, 177);\n$ion-semantics-warning-400: var(--token-semantics-warning-400, $ion-primitives-yellow-400);\n$ion-semantics-warning-400-rgb: var(--token-semantics-warning-400-rgb, 255, 224, 123);\n$ion-semantics-warning-500: var(--token-semantics-warning-500, $ion-primitives-yellow-500);\n$ion-semantics-warning-500-rgb: var(--token-semantics-warning-500-rgb, 255, 214, 0);\n$ion-semantics-warning-600: var(--token-semantics-warning-600, $ion-primitives-yellow-600);\n$ion-semantics-warning-600-rgb: var(--token-semantics-warning-600-rgb, 249, 189, 10);\n$ion-semantics-warning-700: var(--token-semantics-warning-700, $ion-primitives-yellow-700);\n$ion-semantics-warning-700-rgb: var(--token-semantics-warning-700-rgb, 223, 156, 0);\n$ion-semantics-warning-800: var(--token-semantics-warning-800, $ion-primitives-yellow-800);\n$ion-semantics-warning-800-rgb: var(--token-semantics-warning-800-rgb, 186, 130, 0);\n$ion-semantics-warning-900: var(--token-semantics-warning-900, $ion-primitives-yellow-900);\n$ion-semantics-warning-900-rgb: var(--token-semantics-warning-900-rgb, 150, 101, 3);\n$ion-semantics-warning-1000: var(--token-semantics-warning-1000, $ion-primitives-yellow-1000);\n$ion-semantics-warning-1000-rgb: var(--token-semantics-warning-1000-rgb, 112, 75, 2);\n$ion-semantics-warning-1100: var(--token-semantics-warning-1100, $ion-primitives-yellow-1100);\n$ion-semantics-warning-1100-rgb: var(--token-semantics-warning-1100-rgb, 83, 56, 2);\n$ion-semantics-warning-1200: var(--token-semantics-warning-1200, $ion-primitives-yellow-1200);\n$ion-semantics-warning-1200-rgb: var(--token-semantics-warning-1200-rgb, 44, 30, 2);\n$ion-semantics-warning-base: var(--token-semantics-warning-base, $ion-semantics-warning-500);\n$ion-semantics-warning-base-rgb: var(--token-semantics-warning-base-rgb, 255, 214, 0);\n\n// Text\n$ion-text-default: var(--token-text-default, $ion-primitives-neutral-1200);\n$ion-text-default-rgb: var(--token-text-default-rgb, 36, 36, 36);\n$ion-text-subtle: var(--token-text-subtle, $ion-primitives-neutral-1000);\n$ion-text-subtle-rgb: var(--token-text-subtle-rgb, 59, 59, 59);\n$ion-text-subtlest: var(--token-text-subtlest, $ion-primitives-neutral-800);\n$ion-text-subtlest-rgb: var(--token-text-subtlest-rgb, 98, 98, 98);\n$ion-text-primary: var(--token-text-primary, $ion-semantics-primary-900);\n$ion-text-primary-rgb: var(--token-text-primary-rgb, 13, 75, 195);\n$ion-text-disabled: var(--token-text-disabled, $ion-primitives-neutral-500);\n$ion-text-disabled-rgb: var(--token-text-disabled-rgb, 162, 162, 162);\n$ion-text-danger: var(--token-text-danger, $ion-semantics-danger-900);\n$ion-text-danger-rgb: var(--token-text-danger-rgb, 153, 27, 27);\n$ion-text-info: var(--token-text-info, $ion-semantics-info-900);\n$ion-text-info-rgb: var(--token-text-info-rgb, 13, 75, 195);\n$ion-text-warning: var(--token-text-warning, $ion-semantics-warning-1000);\n$ion-text-warning-rgb: var(--token-text-warning-rgb, 112, 75, 2);\n$ion-text-success: var(--token-text-success, $ion-semantics-success-900);\n$ion-text-success-rgb: var(--token-text-success-rgb, 18, 111, 35);\n$ion-text-link-default: var(--token-text-link-default, $ion-semantics-primary-900);\n$ion-text-link-default-rgb: var(--token-text-link-default-rgb, 13, 75, 195);\n$ion-text-link-press: var(--token-text-link-press, $ion-semantics-primary-1100);\n$ion-text-link-press-rgb: var(--token-text-link-press-rgb, 9, 53, 138);\n$ion-text-link-visited: var(--token-text-link-visited, $ion-semantics-primary-1100);\n$ion-text-link-visited-rgb: var(--token-text-link-visited-rgb, 9, 53, 138);\n$ion-text-inverse: var(--token-text-inverse, $ion-primitives-base-white);\n$ion-text-inverse-rgb: var(--token-text-inverse-rgb, 255, 255, 255);\n$ion-text-select: var(--token-text-select, $ion-semantics-primary-800);\n$ion-text-select-rgb: var(--token-text-select-rgb, 15, 84, 218);\n$ion-text-extended-pumpkin: var(--token-text-extended-pumpkin, $ion-primitives-pumpkin-900);\n$ion-text-extended-pumpkin-rgb: var(--token-text-extended-pumpkin-rgb, 128, 48, 4);\n$ion-text-extended-orange: var(--token-text-extended-orange, $ion-primitives-orange-900);\n$ion-text-extended-orange-rgb: var(--token-text-extended-orange-rgb, 132, 77, 0);\n$ion-text-extended-lime: var(--token-text-extended-lime, $ion-primitives-lime-1000);\n$ion-text-extended-lime-rgb: var(--token-text-extended-lime-rgb, 62, 87, 9);\n$ion-text-extended-teal: var(--token-text-extended-teal, $ion-primitives-teal-900);\n$ion-text-extended-teal-rgb: var(--token-text-extended-teal-rgb, 0, 107, 95);\n$ion-text-extended-aqua: var(--token-text-extended-aqua, $ion-primitives-aqua-900);\n$ion-text-extended-aqua-rgb: var(--token-text-extended-aqua-rgb, 20, 109, 129);\n$ion-text-extended-indigo: var(--token-text-extended-indigo, $ion-primitives-indigo-900);\n$ion-text-extended-indigo-rgb: var(--token-text-extended-indigo-rgb, 53, 22, 174);\n$ion-text-extended-violet: var(--token-text-extended-violet, $ion-primitives-violet-900);\n$ion-text-extended-violet-rgb: var(--token-text-extended-violet-rgb, 101, 26, 197);\n$ion-text-extended-purple: var(--token-text-extended-purple, $ion-primitives-purple-1000);\n$ion-text-extended-purple-rgb: var(--token-text-extended-purple-rgb, 129, 42, 170);\n$ion-text-extended-magenta: var(--token-text-extended-magenta, $ion-primitives-magenta-1100);\n$ion-text-extended-magenta-rgb: var(--token-text-extended-magenta-rgb, 137, 43, 122);\n$ion-text-extended-pink: var(--token-text-extended-pink, $ion-primitives-pink-1000);\n$ion-text-extended-pink-rgb: var(--token-text-extended-pink-rgb, 170, 42, 88);\n\n// Bg\n$ion-bg-primary-base-default: var(--token-bg-primary-base-default, $ion-semantics-primary-base);\n$ion-bg-primary-base-default-rgb: var(--token-bg-primary-base-default-rgb, 16, 92, 239);\n$ion-bg-primary-base-press: var(--token-bg-primary-base-press, $ion-semantics-primary-900);\n$ion-bg-primary-base-press-rgb: var(--token-bg-primary-base-press-rgb, 13, 75, 195);\n$ion-bg-primary-subtle-default: var(--token-bg-primary-subtle-default, $ion-semantics-primary-100);\n$ion-bg-primary-subtle-default-rgb: var(--token-bg-primary-subtle-default-rgb, 233, 236, 252);\n$ion-bg-primary-subtle-press: var(--token-bg-primary-subtle-press, $ion-semantics-primary-300);\n$ion-bg-primary-subtle-press-rgb: var(--token-bg-primary-subtle-press-rgb, 208, 215, 250);\n$ion-bg-danger-base-default: var(--token-bg-danger-base-default, $ion-semantics-danger-800);\n$ion-bg-danger-base-default-rgb: var(--token-bg-danger-base-default-rgb, 191, 34, 34);\n$ion-bg-danger-base-press: var(--token-bg-danger-base-press, $ion-semantics-danger-1000);\n$ion-bg-danger-base-press-rgb: var(--token-bg-danger-base-press-rgb, 118, 21, 21);\n$ion-bg-danger-subtle-default: var(--token-bg-danger-subtle-default, $ion-semantics-danger-100);\n$ion-bg-danger-subtle-default-rgb: var(--token-bg-danger-subtle-default-rgb, 253, 225, 225);\n$ion-bg-danger-subtle-press: var(--token-bg-danger-subtle-press, $ion-semantics-danger-300);\n$ion-bg-danger-subtle-press-rgb: var(--token-bg-danger-subtle-press-rgb, 252, 193, 193);\n$ion-bg-success-base-default: var(--token-bg-success-base-default, $ion-semantics-success-900);\n$ion-bg-success-base-default-rgb: var(--token-bg-success-base-default-rgb, 18, 111, 35);\n$ion-bg-success-base-press: var(--token-bg-success-base-press, $ion-semantics-success-1100);\n$ion-bg-success-base-press-rgb: var(--token-bg-success-base-press-rgb, 9, 56, 17);\n$ion-bg-success-subtle-default: var(--token-bg-success-subtle-default, $ion-semantics-success-100);\n$ion-bg-success-subtle-default-rgb: var(--token-bg-success-subtle-default-rgb, 226, 249, 228);\n$ion-bg-success-subtle-press: var(--token-bg-success-subtle-press, $ion-semantics-success-300);\n$ion-bg-success-subtle-press-rgb: var(--token-bg-success-subtle-press-rgb, 179, 235, 183);\n$ion-bg-info-base-default: var(--token-bg-info-base-default, $ion-semantics-info-900);\n$ion-bg-info-base-default-rgb: var(--token-bg-info-base-default-rgb, 13, 75, 195);\n$ion-bg-info-base-press: var(--token-bg-info-base-press, $ion-semantics-info-1100);\n$ion-bg-info-base-press-rgb: var(--token-bg-info-base-press-rgb, 9, 53, 138);\n$ion-bg-info-subtle-default: var(--token-bg-info-subtle-default, $ion-semantics-info-100);\n$ion-bg-info-subtle-default-rgb: var(--token-bg-info-subtle-default-rgb, 233, 236, 252);\n$ion-bg-info-subtle-press: var(--token-bg-info-subtle-press, $ion-semantics-info-300);\n$ion-bg-info-subtle-press-rgb: var(--token-bg-info-subtle-press-rgb, 208, 215, 250);\n$ion-bg-warning-base-default: var(--token-bg-warning-base-default, $ion-semantics-warning-500);\n$ion-bg-warning-base-default-rgb: var(--token-bg-warning-base-default-rgb, 255, 214, 0);\n$ion-bg-warning-base-press: var(--token-bg-warning-base-press, $ion-semantics-warning-700);\n$ion-bg-warning-base-press-rgb: var(--token-bg-warning-base-press-rgb, 223, 156, 0);\n$ion-bg-warning-subtle-default: var(--token-bg-warning-subtle-default, $ion-semantics-warning-200);\n$ion-bg-warning-subtle-default-rgb: var(--token-bg-warning-subtle-default-rgb, 255, 240, 199);\n$ion-bg-warning-subtle-press: var(--token-bg-warning-subtle-press, $ion-semantics-warning-400);\n$ion-bg-warning-subtle-press-rgb: var(--token-bg-warning-subtle-press-rgb, 255, 224, 123);\n$ion-bg-body: var(--token-bg-body, $ion-primitives-base-white);\n$ion-bg-body-rgb: var(--token-bg-body-rgb, 255, 255, 255);\n$ion-bg-neutral-subtle-default: var(--token-bg-neutral-subtle-default, $ion-primitives-neutral-200);\n$ion-bg-neutral-subtle-default-rgb: var(--token-bg-neutral-subtle-default-rgb, 234, 233, 233);\n$ion-bg-neutral-subtle-press: var(--token-bg-neutral-subtle-press, $ion-primitives-neutral-400);\n$ion-bg-neutral-subtle-press-rgb: var(--token-bg-neutral-subtle-press-rgb, 213, 213, 213);\n$ion-bg-neutral-base-default: var(--token-bg-neutral-base-default, $ion-primitives-neutral-500);\n$ion-bg-neutral-base-default-rgb: var(--token-bg-neutral-base-default-rgb, 162, 162, 162);\n$ion-bg-neutral-base-press: var(--token-bg-neutral-base-press, $ion-primitives-neutral-700);\n$ion-bg-neutral-base-press-rgb: var(--token-bg-neutral-base-press-rgb, 119, 119, 119);\n$ion-bg-neutral-subtlest-default: var(--token-bg-neutral-subtlest-default, $ion-primitives-base-white);\n$ion-bg-neutral-subtlest-default-rgb: var(--token-bg-neutral-subtlest-default-rgb, 255, 255, 255);\n$ion-bg-neutral-subtlest-press: var(--token-bg-neutral-subtlest-press, $ion-primitives-neutral-200);\n$ion-bg-neutral-subtlest-press-rgb: var(--token-bg-neutral-subtlest-press-rgb, 234, 233, 233);\n$ion-bg-neutral-bold-default: var(--token-bg-neutral-bold-default, $ion-primitives-neutral-1000);\n$ion-bg-neutral-bold-default-rgb: var(--token-bg-neutral-bold-default-rgb, 59, 59, 59);\n$ion-bg-neutral-bold-press: var(--token-bg-neutral-bold-press, $ion-primitives-neutral-1200);\n$ion-bg-neutral-bold-press-rgb: var(--token-bg-neutral-bold-press-rgb, 36, 36, 36);\n$ion-bg-neutral-boldest-default: var(--token-bg-neutral-boldest-default, $ion-primitives-neutral-1200);\n$ion-bg-neutral-boldest-default-rgb: var(--token-bg-neutral-boldest-default-rgb, 36, 36, 36);\n$ion-bg-neutral-boldest-press: var(--token-bg-neutral-boldest-press, $ion-primitives-base-black);\n$ion-bg-neutral-boldest-press-rgb: var(--token-bg-neutral-boldest-press-rgb, 17, 17, 17);\n$ion-bg-surface-default: var(--token-bg-surface-default, $ion-primitives-base-white);\n$ion-bg-surface-default-rgb: var(--token-bg-surface-default-rgb, 255, 255, 255);\n$ion-bg-surface-inverse: var(--token-bg-surface-inverse, $ion-primitives-base-white);\n$ion-bg-surface-inverse-rgb: var(--token-bg-surface-inverse-rgb, 255, 255, 255);\n$ion-bg-input-default: var(--token-bg-input-default, $ion-primitives-base-white);\n$ion-bg-input-default-rgb: var(--token-bg-input-default-rgb, 255, 255, 255);\n$ion-bg-input-read-only: var(--token-bg-input-read-only, $ion-primitives-neutral-100);\n$ion-bg-input-read-only-rgb: var(--token-bg-input-read-only-rgb, 243, 243, 243);\n$ion-bg-input-press: var(--token-bg-input-press, $ion-primitives-neutral-200);\n$ion-bg-input-press-rgb: var(--token-bg-input-press-rgb, 234, 233, 233);\n$ion-bg-input-disabled: var(--token-bg-input-disabled, $ion-primitives-neutral-100);\n$ion-bg-input-disabled-rgb: var(--token-bg-input-disabled-rgb, 243, 243, 243);\n$ion-bg-input-bold-default: var(--token-bg-input-bold-default, $ion-primitives-neutral-200);\n$ion-bg-input-bold-default-rgb: var(--token-bg-input-bold-default-rgb, 234, 233, 233);\n$ion-bg-input-bold-press: var(--token-bg-input-bold-press, $ion-primitives-neutral-400);\n$ion-bg-input-bold-press-rgb: var(--token-bg-input-bold-press-rgb, 213, 213, 213);\n$ion-bg-input-bold-read-only: var(--token-bg-input-bold-read-only, $ion-primitives-neutral-300);\n$ion-bg-input-bold-read-only-rgb: var(--token-bg-input-bold-read-only-rgb, 224, 224, 224);\n$ion-bg-input-bold-disabled: var(--token-bg-input-bold-disabled, $ion-primitives-neutral-300);\n$ion-bg-input-bold-disabled-rgb: var(--token-bg-input-bold-disabled-rgb, 224, 224, 224);\n$ion-bg-select-default: var(--token-bg-select-default, $ion-semantics-primary-100);\n$ion-bg-select-default-rgb: var(--token-bg-select-default-rgb, 233, 236, 252);\n$ion-bg-select-press: var(--token-bg-select-press, $ion-semantics-primary-300);\n$ion-bg-select-press-rgb: var(--token-bg-select-press-rgb, 208, 215, 250);\n$ion-bg-extended-pumpkin-base-default: var(--token-bg-extended-pumpkin-base-default, $ion-primitives-pumpkin-700);\n$ion-bg-extended-pumpkin-base-default-rgb: var(--token-bg-extended-pumpkin-base-default-rgb, 189, 71, 5);\n$ion-bg-extended-pumpkin-base-press: var(--token-bg-extended-pumpkin-base-press, $ion-primitives-pumpkin-900);\n$ion-bg-extended-pumpkin-base-press-rgb: var(--token-bg-extended-pumpkin-base-press-rgb, 128, 48, 4);\n$ion-bg-extended-pumpkin-subtle-default: var(--token-bg-extended-pumpkin-subtle-default, $ion-primitives-pumpkin-100);\n$ion-bg-extended-pumpkin-subtle-default-rgb: var(--token-bg-extended-pumpkin-subtle-default-rgb, 255, 224, 219);\n$ion-bg-extended-pumpkin-subtle-press: var(--token-bg-extended-pumpkin-subtle-press, $ion-primitives-pumpkin-300);\n$ion-bg-extended-pumpkin-subtle-press-rgb: var(--token-bg-extended-pumpkin-subtle-press-rgb, 251, 189, 177);\n$ion-bg-extended-orange-base-default: var(--token-bg-extended-orange-base-default, $ion-primitives-orange-800);\n$ion-bg-extended-orange-base-default-rgb: var(--token-bg-extended-orange-base-default-rgb, 164, 95, 0);\n$ion-bg-extended-orange-base-press: var(--token-bg-extended-orange-base-press, $ion-primitives-orange-1000);\n$ion-bg-extended-orange-base-press-rgb: var(--token-bg-extended-orange-base-press-rgb, 99, 58, 0);\n$ion-bg-extended-orange-subtle-default: var(--token-bg-extended-orange-subtle-default, $ion-primitives-orange-100);\n$ion-bg-extended-orange-subtle-default-rgb: var(--token-bg-extended-orange-subtle-default-rgb, 255, 232, 219);\n$ion-bg-extended-orange-subtle-press: var(--token-bg-extended-orange-subtle-press, $ion-primitives-orange-300);\n$ion-bg-extended-orange-subtle-press-rgb: var(--token-bg-extended-orange-subtle-press-rgb, 255, 207, 177);\n$ion-bg-extended-lime-base-default: var(--token-bg-extended-lime-base-default, $ion-primitives-lime-900);\n$ion-bg-extended-lime-base-default-rgb: var(--token-bg-extended-lime-base-default-rgb, 83, 115, 12);\n$ion-bg-extended-lime-base-press: var(--token-bg-extended-lime-base-press, $ion-primitives-lime-1100);\n$ion-bg-extended-lime-base-press-rgb: var(--token-bg-extended-lime-base-press-rgb, 42, 58, 6);\n$ion-bg-extended-lime-subtle-default: var(--token-bg-extended-lime-subtle-default, $ion-primitives-lime-100);\n$ion-bg-extended-lime-subtle-default-rgb: var(--token-bg-extended-lime-subtle-default-rgb, 235, 252, 212);\n$ion-bg-extended-lime-subtle-press: var(--token-bg-extended-lime-subtle-press, $ion-primitives-lime-300);\n$ion-bg-extended-lime-subtle-press-rgb: var(--token-bg-extended-lime-subtle-press-rgb, 211, 239, 178);\n$ion-bg-extended-teal-base-default: var(--token-bg-extended-teal-base-default, $ion-primitives-teal-800);\n$ion-bg-extended-teal-base-default-rgb: var(--token-bg-extended-teal-base-default-rgb, 0, 133, 118);\n$ion-bg-extended-teal-base-press: var(--token-bg-extended-teal-base-press, $ion-primitives-teal-1000);\n$ion-bg-extended-teal-base-press-rgb: var(--token-bg-extended-teal-base-press-rgb, 0, 81, 71);\n$ion-bg-extended-teal-subtle-default: var(--token-bg-extended-teal-subtle-default, $ion-primitives-teal-100);\n$ion-bg-extended-teal-subtle-default-rgb: var(--token-bg-extended-teal-subtle-default-rgb, 213, 249, 241);\n$ion-bg-extended-teal-subtle-press: var(--token-bg-extended-teal-subtle-press, $ion-primitives-teal-300);\n$ion-bg-extended-teal-subtle-press-rgb: var(--token-bg-extended-teal-subtle-press-rgb, 177, 231, 221);\n$ion-bg-extended-aqua-base-default: var(--token-bg-extended-aqua-base-default, $ion-primitives-aqua-900);\n$ion-bg-extended-aqua-base-default-rgb: var(--token-bg-extended-aqua-base-default-rgb, 20, 109, 129);\n$ion-bg-extended-aqua-base-press: var(--token-bg-extended-aqua-base-press, $ion-primitives-aqua-1100);\n$ion-bg-extended-aqua-base-press-rgb: var(--token-bg-extended-aqua-base-press-rgb, 10, 55, 65);\n$ion-bg-extended-aqua-subtle-default: var(--token-bg-extended-aqua-subtle-default, $ion-primitives-aqua-100);\n$ion-bg-extended-aqua-subtle-default-rgb: var(--token-bg-extended-aqua-subtle-default-rgb, 217, 245, 255);\n$ion-bg-extended-aqua-subtle-press: var(--token-bg-extended-aqua-subtle-press, $ion-primitives-aqua-300);\n$ion-bg-extended-aqua-subtle-press-rgb: var(--token-bg-extended-aqua-subtle-press-rgb, 179, 233, 252);\n$ion-bg-extended-indigo-base-default: var(--token-bg-extended-indigo-base-default, $ion-primitives-indigo-700);\n$ion-bg-extended-indigo-base-default-rgb: var(--token-bg-extended-indigo-base-default-rgb, 65, 27, 213);\n$ion-bg-extended-indigo-base-press: var(--token-bg-extended-indigo-base-press, $ion-primitives-indigo-900);\n$ion-bg-extended-indigo-base-press-rgb: var(--token-bg-extended-indigo-base-press-rgb, 53, 22, 174);\n$ion-bg-extended-indigo-subtle-default: var(--token-bg-extended-indigo-subtle-default, $ion-primitives-indigo-100);\n$ion-bg-extended-indigo-subtle-default-rgb: var(--token-bg-extended-indigo-subtle-default-rgb, 235, 232, 255);\n$ion-bg-extended-indigo-subtle-press: var(--token-bg-extended-indigo-subtle-press, $ion-primitives-indigo-300);\n$ion-bg-extended-indigo-subtle-press-rgb: var(--token-bg-extended-indigo-subtle-press-rgb, 211, 209, 242);\n$ion-bg-extended-violet-base-default: var(--token-bg-extended-violet-base-default, $ion-primitives-violet-700);\n$ion-bg-extended-violet-base-default-rgb: var(--token-bg-extended-violet-base-default-rgb, 124, 32, 242);\n$ion-bg-extended-violet-base-press: var(--token-bg-extended-violet-base-press, $ion-primitives-violet-900);\n$ion-bg-extended-violet-base-press-rgb: var(--token-bg-extended-violet-base-press-rgb, 101, 26, 197);\n$ion-bg-extended-violet-subtle-default: var(--token-bg-extended-violet-subtle-default, $ion-primitives-violet-100);\n$ion-bg-extended-violet-subtle-default-rgb: var(--token-bg-extended-violet-subtle-default-rgb, 236, 230, 255);\n$ion-bg-extended-violet-subtle-press: var(--token-bg-extended-violet-subtle-press, $ion-primitives-violet-300);\n$ion-bg-extended-violet-subtle-press-rgb: var(--token-bg-extended-violet-subtle-press-rgb, 220, 209, 251);\n$ion-bg-extended-purple-base-default: var(--token-bg-extended-purple-base-default, $ion-primitives-purple-800);\n$ion-bg-extended-purple-base-default-rgb: var(--token-bg-extended-purple-base-default-rgb, 167, 55, 220);\n$ion-bg-extended-purple-base-press: var(--token-bg-extended-purple-base-press, $ion-primitives-purple-1000);\n$ion-bg-extended-purple-base-press-rgb: var(--token-bg-extended-purple-base-press-rgb, 129, 42, 170);\n$ion-bg-extended-purple-subtle-default: var(--token-bg-extended-purple-subtle-default, $ion-primitives-purple-100);\n$ion-bg-extended-purple-subtle-default-rgb: var(--token-bg-extended-purple-subtle-default-rgb, 245, 234, 253);\n$ion-bg-extended-purple-subtle-press: var(--token-bg-extended-purple-subtle-press, $ion-primitives-purple-300);\n$ion-bg-extended-purple-subtle-press-rgb: var(--token-bg-extended-purple-subtle-press-rgb, 233, 211, 250);\n$ion-bg-extended-magenta-base-default: var(--token-bg-extended-magenta-base-default, $ion-primitives-magenta-900);\n$ion-bg-extended-magenta-base-default-rgb: var(--token-bg-extended-magenta-base-default-rgb, 193, 60, 172);\n$ion-bg-extended-magenta-base-press: var(--token-bg-extended-magenta-base-press, $ion-primitives-magenta-1100);\n$ion-bg-extended-magenta-base-press-rgb: var(--token-bg-extended-magenta-base-press-rgb, 137, 43, 122);\n$ion-bg-extended-magenta-subtle-default: var(--token-bg-extended-magenta-subtle-default, $ion-primitives-magenta-100);\n$ion-bg-extended-magenta-subtle-default-rgb: var(--token-bg-extended-magenta-subtle-default-rgb, 255, 236, 251);\n$ion-bg-extended-magenta-subtle-press: var(--token-bg-extended-magenta-subtle-press, $ion-primitives-magenta-300);\n$ion-bg-extended-magenta-subtle-press-rgb: var(--token-bg-extended-magenta-subtle-press-rgb, 249, 212, 241);\n$ion-bg-extended-pink-base-default: var(--token-bg-extended-pink-base-default, $ion-primitives-pink-900);\n$ion-bg-extended-pink-base-default-rgb: var(--token-bg-extended-pink-base-default-rgb, 197, 48, 102);\n$ion-bg-extended-pink-base-press: var(--token-bg-extended-pink-base-press, $ion-primitives-pink-1100);\n$ion-bg-extended-pink-base-press-rgb: var(--token-bg-extended-pink-base-press-rgb, 139, 34, 72);\n$ion-bg-extended-pink-subtle-default: var(--token-bg-extended-pink-subtle-default, $ion-primitives-pink-100);\n$ion-bg-extended-pink-subtle-default-rgb: var(--token-bg-extended-pink-subtle-default-rgb, 253, 234, 238);\n$ion-bg-extended-pink-subtle-press: var(--token-bg-extended-pink-subtle-press, $ion-primitives-pink-300);\n$ion-bg-extended-pink-subtle-press-rgb: var(--token-bg-extended-pink-subtle-press-rgb, 250, 211, 220);\n\n// Icon\n$ion-icon-default: var(--token-icon-default, $ion-primitives-neutral-1200);\n$ion-icon-default-rgb: var(--token-icon-default-rgb, 36, 36, 36);\n$ion-icon-subtle: var(--token-icon-subtle, $ion-primitives-neutral-1000);\n$ion-icon-subtle-rgb: var(--token-icon-subtle-rgb, 59, 59, 59);\n$ion-icon-subtlest: var(--token-icon-subtlest, $ion-primitives-neutral-800);\n$ion-icon-subtlest-rgb: var(--token-icon-subtlest-rgb, 98, 98, 98);\n$ion-icon-disabled: var(--token-icon-disabled, $ion-primitives-neutral-500);\n$ion-icon-disabled-rgb: var(--token-icon-disabled-rgb, 162, 162, 162);\n$ion-icon-primary: var(--token-icon-primary, $ion-semantics-primary-900);\n$ion-icon-primary-rgb: var(--token-icon-primary-rgb, 13, 75, 195);\n$ion-icon-select: var(--token-icon-select, $ion-semantics-primary-800);\n$ion-icon-select-rgb: var(--token-icon-select-rgb, 15, 84, 218);\n$ion-icon-info: var(--token-icon-info, $ion-semantics-info-900);\n$ion-icon-info-rgb: var(--token-icon-info-rgb, 13, 75, 195);\n$ion-icon-success: var(--token-icon-success, $ion-semantics-success-900);\n$ion-icon-success-rgb: var(--token-icon-success-rgb, 18, 111, 35);\n$ion-icon-danger: var(--token-icon-danger, $ion-semantics-danger-900);\n$ion-icon-danger-rgb: var(--token-icon-danger-rgb, 153, 27, 27);\n$ion-icon-warning: var(--token-icon-warning, $ion-semantics-warning-1000);\n$ion-icon-warning-rgb: var(--token-icon-warning-rgb, 112, 75, 2);\n$ion-icon-inverse: var(--token-icon-inverse, $ion-primitives-base-white);\n$ion-icon-inverse-rgb: var(--token-icon-inverse-rgb, 255, 255, 255);\n$ion-icon-link-default: var(--token-icon-link-default, $ion-text-link-default);\n$ion-icon-link-default-rgb: var(--token-icon-link-default-rgb, 13, 75, 195);\n$ion-icon-link-press: var(--token-icon-link-press, $ion-text-link-press);\n$ion-icon-link-press-rgb: var(--token-icon-link-press-rgb, 9, 53, 138);\n$ion-icon-link-visited: var(--token-icon-link-visited, $ion-text-link-visited);\n$ion-icon-link-visited-rgb: var(--token-icon-link-visited-rgb, 9, 53, 138);\n$ion-icon-extended-pumpkin: var(--token-icon-extended-pumpkin, $ion-primitives-pumpkin-900);\n$ion-icon-extended-pumpkin-rgb: var(--token-icon-extended-pumpkin-rgb, 128, 48, 4);\n$ion-icon-extended-orange: var(--token-icon-extended-orange, $ion-primitives-orange-900);\n$ion-icon-extended-orange-rgb: var(--token-icon-extended-orange-rgb, 132, 77, 0);\n$ion-icon-extended-lime: var(--token-icon-extended-lime, $ion-primitives-lime-1000);\n$ion-icon-extended-lime-rgb: var(--token-icon-extended-lime-rgb, 62, 87, 9);\n$ion-icon-extended-teal: var(--token-icon-extended-teal, $ion-primitives-teal-900);\n$ion-icon-extended-teal-rgb: var(--token-icon-extended-teal-rgb, 0, 107, 95);\n$ion-icon-extended-aqua: var(--token-icon-extended-aqua, $ion-primitives-aqua-900);\n$ion-icon-extended-aqua-rgb: var(--token-icon-extended-aqua-rgb, 20, 109, 129);\n$ion-icon-extended-indigo: var(--token-icon-extended-indigo, $ion-primitives-indigo-900);\n$ion-icon-extended-indigo-rgb: var(--token-icon-extended-indigo-rgb, 53, 22, 174);\n$ion-icon-extended-violet: var(--token-icon-extended-violet, $ion-primitives-violet-900);\n$ion-icon-extended-violet-rgb: var(--token-icon-extended-violet-rgb, 101, 26, 197);\n$ion-icon-extended-purple: var(--token-icon-extended-purple, $ion-primitives-purple-1000);\n$ion-icon-extended-purple-rgb: var(--token-icon-extended-purple-rgb, 129, 42, 170);\n$ion-icon-extended-magenta: var(--token-icon-extended-magenta, $ion-primitives-magenta-1100);\n$ion-icon-extended-magenta-rgb: var(--token-icon-extended-magenta-rgb, 137, 43, 122);\n$ion-icon-extended-pink: var(--token-icon-extended-pink, $ion-primitives-pink-1000);\n$ion-icon-extended-pink-rgb: var(--token-icon-extended-pink-rgb, 170, 42, 88);\n\n// State\n$ion-state-disabled: var(--token-state-disabled, rgba(255, 255, 255, 0.6));\n$ion-state-press: var(--token-state-press, rgba(36, 36, 36, 0.08));\n\n// Border\n$ion-border-default: var(--token-border-default, $ion-primitives-neutral-400);\n$ion-border-default-rgb: var(--token-border-default-rgb, 213, 213, 213);\n$ion-border-boldest: var(--token-border-boldest, $ion-primitives-neutral-1200);\n$ion-border-boldest-rgb: var(--token-border-boldest-rgb, 36, 36, 36);\n$ion-border-subtle: var(--token-border-subtle, $ion-primitives-neutral-100);\n$ion-border-subtle-rgb: var(--token-border-subtle-rgb, 243, 243, 243);\n$ion-border-subtlest: var(--token-border-subtlest, $ion-primitives-base-white);\n$ion-border-subtlest-rgb: var(--token-border-subtlest-rgb, 255, 255, 255);\n$ion-border-primary: var(--token-border-primary, $ion-semantics-primary-base);\n$ion-border-primary-rgb: var(--token-border-primary-rgb, 16, 92, 239);\n$ion-border-success: var(--token-border-success, $ion-semantics-success-900);\n$ion-border-success-rgb: var(--token-border-success-rgb, 18, 111, 35);\n$ion-border-warning: var(--token-border-warning, $ion-semantics-warning-900);\n$ion-border-warning-rgb: var(--token-border-warning-rgb, 150, 101, 3);\n$ion-border-disabled: var(--token-border-disabled, $ion-primitives-neutral-300);\n$ion-border-disabled-rgb: var(--token-border-disabled-rgb, 224, 224, 224);\n$ion-border-focus-0: var(--token-border-focus-0, none);\n$ion-border-focus-default: var(--token-border-focus-default, $ion-primitives-blue-400);\n$ion-border-focus-default-rgb: var(--token-border-focus-default-rgb, 181, 192, 247);\n$ion-border-focus-error: var(--token-border-focus-error, $ion-primitives-red-400);\n$ion-border-focus-error-rgb: var(--token-border-focus-error-rgb, 250, 161, 161);\n$ion-border-danger-default: var(--token-border-danger-default, $ion-semantics-danger-800);\n$ion-border-danger-default-rgb: var(--token-border-danger-default-rgb, 191, 34, 34);\n$ion-border-danger-press: var(--token-border-danger-press, $ion-semantics-danger-1000);\n$ion-border-danger-press-rgb: var(--token-border-danger-press-rgb, 118, 21, 21);\n$ion-border-input-default: var(--token-border-input-default, $ion-primitives-neutral-600);\n$ion-border-input-default-rgb: var(--token-border-input-default-rgb, 140, 140, 140);\n$ion-border-input-press: var(--token-border-input-press, $ion-primitives-neutral-800);\n$ion-border-input-press-rgb: var(--token-border-input-press-rgb, 98, 98, 98);\n$ion-border-input-read-only: var(--token-border-input-read-only, $ion-primitives-neutral-800);\n$ion-border-input-read-only-rgb: var(--token-border-input-read-only-rgb, 98, 98, 98);\n$ion-border-style-none: var(--token-border-style-none, none);\n$ion-border-style-solid: var(--token-border-style-solid, solid);\n$ion-border-style-dashed: var(--token-border-style-dashed, dashed);\n$ion-border-style-dotted: var(--token-border-style-dotted, dotted);\n$ion-border-size-0: var(--token-border-size-0, $ion-scale-0);\n$ion-border-size-025: var(--token-border-size-025, $ion-scale-025);\n$ion-border-size-050: var(--token-border-size-050, $ion-scale-050);\n$ion-border-size-075: var(--token-border-size-075, $ion-scale-075);\n$ion-border-radius-0: var(--token-border-radius-0, $ion-scale-0);\n$ion-border-radius-100: var(--token-border-radius-100, $ion-scale-100);\n$ion-border-radius-200: var(--token-border-radius-200, $ion-scale-200);\n$ion-border-radius-300: var(--token-border-radius-300, $ion-scale-300);\n$ion-border-radius-400: var(--token-border-radius-400, $ion-scale-400);\n$ion-border-radius-500: var(--token-border-radius-500, $ion-scale-500);\n$ion-border-radius-800: var(--token-border-radius-800, $ion-scale-800);\n$ion-border-radius-1000: var(--token-border-radius-1000, $ion-scale-1000);\n$ion-border-radius-full: var(--token-border-radius-full, 999px);\n$ion-border-radius-025: var(--token-border-radius-025, $ion-scale-050);\n\n// Font\n$ion-font-family: var(\n --token-font-family,\n -apple-system,\n system-ui,\n \"Segoe UI\",\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n \"Apple Color Emoji\",\n \"Segoe UI Emoji\",\n \"Segoe UI Symbol\"\n);\n$ion-font-weight-thin: var(--token-font-weight-thin, 100);\n$ion-font-weight-extra-light: var(--token-font-weight-extra-light, 200);\n$ion-font-weight-light: var(--token-font-weight-light, 300);\n$ion-font-weight-regular: var(--token-font-weight-regular, 400);\n$ion-font-weight-medium: var(--token-font-weight-medium, 500);\n$ion-font-weight-semi-bold: var(--token-font-weight-semi-bold, 600);\n$ion-font-weight-bold: var(--token-font-weight-bold, 700);\n$ion-font-weight-extra-bold: var(--token-font-weight-extra-bold, 800);\n$ion-font-weight-black: var(--token-font-weight-black, 900);\n$ion-font-size-275: var(--token-font-size-275, 0.6875rem);\n$ion-font-size-300: var(--token-font-size-300, 0.75rem);\n$ion-font-size-350: var(--token-font-size-350, 0.875rem);\n$ion-font-size-400: var(--token-font-size-400, 1rem);\n$ion-font-size-450: var(--token-font-size-450, 1.125rem);\n$ion-font-size-500: var(--token-font-size-500, 1.25rem);\n$ion-font-size-550: var(--token-font-size-550, 1.375rem);\n$ion-font-size-600: var(--token-font-size-600, 1.5rem);\n$ion-font-size-650: var(--token-font-size-650, 1.625rem);\n$ion-font-size-700: var(--token-font-size-700, 1.75rem);\n$ion-font-size-800: var(--token-font-size-800, 2rem);\n$ion-font-size-900: var(--token-font-size-900, 2.25rem);\n$ion-font-letter-spacing-0: var(--token-font-letter-spacing-0, 0%);\n$ion-font-letter-spacing-1: var(--token-font-letter-spacing-1, 1%);\n$ion-font-letter-spacing-2: var(--token-font-letter-spacing-2, 1.5%);\n$ion-font-line-height-300: var(--token-font-line-height-300, $ion-scale-300);\n$ion-font-line-height-400: var(--token-font-line-height-400, $ion-scale-400);\n$ion-font-line-height-500: var(--token-font-line-height-500, $ion-scale-500);\n$ion-font-line-height-600: var(--token-font-line-height-600, $ion-scale-600);\n$ion-font-line-height-700: var(--token-font-line-height-700, $ion-scale-700);\n$ion-font-line-height-800: var(--token-font-line-height-800, $ion-scale-800);\n$ion-font-line-height-900: var(--token-font-line-height-900, $ion-scale-900);\n$ion-font-line-height-1100: var(--token-font-line-height-1100, $ion-scale-1100);\n$ion-font-line-height-1200: var(--token-font-line-height-1200, $ion-scale-1200);\n$ion-font-line-height-full: var(--token-font-line-height-full, 100%);\n\n// Space\n$ion-space-0: var(--token-space-0, $ion-scale-0);\n$ion-space-100: var(--token-space-100, $ion-scale-100);\n$ion-space-150: var(--token-space-150, $ion-scale-150);\n$ion-space-200: var(--token-space-200, $ion-scale-200);\n$ion-space-250: var(--token-space-250, $ion-scale-250);\n$ion-space-300: var(--token-space-300, $ion-scale-300);\n$ion-space-400: var(--token-space-400, $ion-scale-400);\n$ion-space-500: var(--token-space-500, $ion-scale-500);\n$ion-space-600: var(--token-space-600, $ion-scale-600);\n$ion-space-700: var(--token-space-700, $ion-scale-700);\n$ion-space-800: var(--token-space-800, $ion-scale-800);\n$ion-space-900: var(--token-space-900, $ion-scale-900);\n$ion-space-1000: var(--token-space-1000, $ion-scale-1000);\n$ion-space-1200: var(--token-space-1200, $ion-scale-1200);\n$ion-space-050: var(--token-space-050, $ion-scale-050);\n\n// Shadow\n$ion-shadow-1: var(--token-shadow-1, rgba(0, 0, 0, 0.04));\n$ion-shadow-2: var(--token-shadow-2, rgba(0, 0, 0, 0.05));\n$ion-shadow-3: var(--token-shadow-3, rgba(0, 0, 0, 0.07));\n$ion-shadow-4: var(--token-shadow-4, rgba(0, 0, 0, 0.08));\n$ion-shadow-5: var(--token-shadow-5, rgba(0, 0, 0, 0.12));\n$ion-shadow-6: var(--token-shadow-6, rgba(0, 0, 0, 0.16));\n$ion-shadow-7: var(--token-shadow-7, rgba(0, 0, 0, 0.18));\n\n// Elevation\n$ion-elevation-1: var(--token-elevation-1, 0px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 3px 9px 0px rgba(0, 0, 0, 0.07));\n$ion-elevation-2: var(--token-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));\n$ion-elevation-3: var(--token-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));\n$ion-elevation-4: var(--token-elevation-4, 0px 3px 12px 0px rgba(0, 0, 0, 0.12), 0px 15px 48px 0px rgba(0, 0, 0, 0.18));\n\n// Transition\n$ion-transition-curve-linear: var(--token-transition-curve-linear, linear);\n$ion-transition-curve-quick: var(--token-transition-curve-quick, cubic-bezier(0, 0, 0.2, 1));\n$ion-transition-curve-smooth: var(--token-transition-curve-smooth, cubic-bezier(0.25, 1, 0.5, 1));\n$ion-transition-curve-spring: var(--token-transition-curve-spring, cubic-bezier(0.16, 1, 0.3, 1));\n$ion-transition-curve-base: var(--token-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));\n$ion-transition-curve-expressive: var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));\n$ion-transition-curve-bounce: var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));\n$ion-transition-time-0: var(--token-transition-time-0, 0ms);\n$ion-transition-time-100: var(--token-transition-time-100, 100ms);\n$ion-transition-time-150: var(--token-transition-time-150, 150ms);\n$ion-transition-time-200: var(--token-transition-time-200, 200ms);\n$ion-transition-time-250: var(--token-transition-time-250, 250ms);\n$ion-transition-time-300: var(--token-transition-time-300, 300ms);\n$ion-transition-time-350: var(--token-transition-time-350, 350ms);\n$ion-transition-time-500: var(--token-transition-time-500, 500ms);\n$ion-transition-time-1000: var(--token-transition-time-1000, 1000ms);\n$ion-transition-time-1500: var(--token-transition-time-1500, 1500ms);\n\n// Z-index\n$ion-z-index-0: var(--token-z-index-0, 0);\n$ion-z-index-100: var(--token-z-index-100, 100);\n$ion-z-index-200: var(--token-z-index-200, 200);\n$ion-z-index-300: var(--token-z-index-300, 300);\n$ion-z-index-400: var(--token-z-index-400, 400);\n$ion-z-index-500: var(--token-z-index-500, 500);\n$ion-z-index-bottom: var(--token-z-index-bottom, -99999);\n$ion-z-index-top: var(--token-z-index-top, 99999);\n\n// Rectangular\n$ion-rectangular-2xs: var(--token-rectangular-2xs, $ion-border-radius-0);\n$ion-rectangular-xs: var(--token-rectangular-xs, $ion-border-radius-0);\n$ion-rectangular-sm: var(--token-rectangular-sm, $ion-border-radius-0);\n$ion-rectangular-md: var(--token-rectangular-md, $ion-border-radius-0);\n$ion-rectangular-lg: var(--token-rectangular-lg, $ion-border-radius-0);\n$ion-rectangular-xl: var(--token-rectangular-xl, $ion-border-radius-0);\n$ion-rectangular-2xl: var(--token-rectangular-2xl, $ion-border-radius-0);\n\n// Round\n$ion-round-2xs: var(--token-round-2xs, $ion-border-radius-full);\n$ion-round-xs: var(--token-round-xs, $ion-border-radius-full);\n$ion-round-sm: var(--token-round-sm, $ion-border-radius-full);\n$ion-round-md: var(--token-round-md, $ion-border-radius-full);\n$ion-round-lg: var(--token-round-lg, $ion-border-radius-300);\n$ion-round-xl: var(--token-round-xl, $ion-border-radius-400);\n$ion-round-2xl: var(--token-round-2xl, $ion-border-radius-1000);\n\n// Soft\n$ion-soft-2xs: var(--token-soft-2xs, $ion-border-radius-100);\n$ion-soft-xs: var(--token-soft-xs, $ion-border-radius-200);\n$ion-soft-sm: var(--token-soft-sm, $ion-border-radius-300);\n$ion-soft-md: var(--token-soft-md, $ion-border-radius-400);\n$ion-soft-lg: var(--token-soft-lg, $ion-border-radius-200);\n$ion-soft-xl: var(--token-soft-xl, $ion-border-radius-200);\n$ion-soft-2xl: var(--token-soft-2xl, $ion-border-radius-400);\n\n// Typography\n\n$ion-display-sm-regular: (\n font-size: $ion-font-size-800,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1100,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-display-sm-light: (\n font-size: $ion-font-size-800,\n font-style: normal,\n font-weight: $ion-font-weight-light,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1100,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-display-lg-regular: (\n font-size: $ion-font-size-900,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1200,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-display-lg-light: (\n font-size: $ion-font-size-900,\n font-style: normal,\n font-weight: $ion-font-weight-light,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1200,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h1-regular: (\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h1-medium: (\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h1-semi-bold: (\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h1-bold: (\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h2-regular: (\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h2-medium: (\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h2-semi-bold: (\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h2-bold: (\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h3-regular: (\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h3-medium: (\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h3-semi-bold: (\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h3-bold: (\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h4-regular: (\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h4-medium: (\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h4-semi-bold: (\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h4-bold: (\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h5-regular: (\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h5-medium: (\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h5-semi-bold: (\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h5-bold: (\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h6-regular: (\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h6-medium: (\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h6-semi-bold: (\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-heading-h6-bold: (\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-action-lg: (\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-1,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-action-md: (\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-1,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-action-sm: (\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-1,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-action-xs: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-1,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-lg-regular: (\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-lg-medium: (\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-lg-semi-bold: (\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-lg-bold: (\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-md-regular: (\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-md-medium: (\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-md-semi-bold: (\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-md-bold: (\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-sm-regular: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-sm-medium: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-sm-semi-bold: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-body-sm-bold: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n text-transform: none,\n text-decoration: none,\n);\n\n$ion-overline-regular: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-2,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ion-overline-medium: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-2,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ion-overline-semi-bold: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-2,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n\n$ion-overline-bold: (\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-2,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n text-decoration: none,\n);\n","// Ionic Mixins\n// forward the global mixin to be used on component scope\n@forward \"../mixins\";\n// use global mixins on this ionic.mixin context\n@use \"../mixins\" as mixins;\n@use \"../../foundations/ionic.vars.scss\" as tokens;\n\n// Pressed mixin to be used on pseudo elements for the Ionic Theme pressed state\n//\n// ex: :host(.ion-activated) .toggle-icon:after {\n// @include globals.pressed-state();\n// }\n//\n// --------------------------------------------------\n@mixin pressed-state() {\n @include mixins.position(0, 0, 0, 0);\n\n position: absolute;\n\n background-color: tokens.$ion-state-press;\n\n content: \"\";\n}\n\n// Disabled mixin to be used on pseudo elements for the Ionic Theme disabled state\n//\n// ex: :host(.checkbox-disabled) .native-wrapper:after {\n// @include globals.disable-state();\n// }\n//\n// --------------------------------------------------\n@mixin disabled-state() {\n @include mixins.position(0, 0, 0, 0);\n\n position: absolute;\n\n background-color: tokens.$ion-state-disabled;\n\n content: \"\";\n\n pointer-events: none;\n}\n\n// Focused mixin to be used on regular elements for the Ionic Theme focused state\n//\n// ex: :host(.ion-focused) .toggle-icon {\n// @include globals.focused-state();\n// }\n//\n// --------------------------------------------------\n@mixin focused-state($width: null, $style: null, $color: null, $addOffset: true) {\n // Use default values if null is passed\n $width: if($width != null, $width, tokens.$ion-border-size-050);\n $style: if($style != null, $style, tokens.$ion-border-style-solid);\n $color: if($color != null, $color, tokens.$ion-border-focus-default);\n\n @if $addOffset {\n outline-offset: $width;\n }\n\n outline: $width $style $color;\n}\n\n// Typography mixin to be used with typography scss variables (ionic.vars.scss)\n//\n// ex: @include typography($ion-heading-h3-medium);\n//\n// --------------------------------------------------\n@mixin typography($properties) {\n font-family: map-get($properties, font-family);\n font-size: map-get($properties, font-size);\n font-weight: map-get($properties, font-weight);\n\n letter-spacing: map-get($properties, letter-spacing);\n line-height: map-get($properties, line-height);\n\n text-decoration: map-get($properties, text-decoration);\n text-transform: map-get($properties, text-transform);\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/css/ionic/link.ionic.scss","../../src/foundations/ionic.vars.scss","../../src/themes/ionic/ionic.mixins.scss"],"names":[],"mappings":"AAuEA,qBAPE,MCkfsB,8GDhftB,qBEwBA,2KACA,+CACA,iDAEA,4DACA,uDFxFA,oBAEA,mBAEA,IC69Bc,oDD39Bd,qEAEA,8BAEA,sBC4Xc,4BD1Xd,eAKA,qCACE,MC+hBoB,gHDzhBtB,8EE+CE,eALM,0DAQR,yLF9CE,cCs2BoB,4DDh2BtB,oFAEE,MC2gBkB,8GDzgBlB,0BAMF,yBACE,iCACE,MCigBgB,8GD/fhB,2BA0CN,kDAjBE,MCwciB,yEC9bjB,2KACA,+CACA,iDAEA,4DACA,uDFxFA,oBAEA,mBAEA,IC69Bc,oDD39Bd,qEAEA,8BAEA,sBC4Xc,4BD1Xd,eAiEA,0BA5DA,kEACE,MC+hBoB,gHDzhBtB,wIE+CE,eALM,0DAQR,yLF9CE,cCs2BoB,4DDh2BtB,8IAEE,MC2gBkB,8GDzgBlB,0BAMF,yBACE,8DACE,MCigBgB,8GD/fhB,2BAkCJ,wIAEE,MC6be,yED3bf","file":"link.ionic.css","sourcesContent":["@use \"../../themes/ionic/ionic.globals.scss\" as globals;\n\n// Link: Shared Styles (Standalone & Underline)\n// -------------------------------------------------------------------------------\n@mixin link-shared {\n @include globals.typography(globals.$ion-body-action-sm);\n\n display: inline-flex;\n\n align-items: center;\n\n gap: globals.$ion-space-100;\n\n transition: color globals.$ion-transition-time-200 ease-in-out;\n\n text-decoration-color: inherit;\n\n text-underline-offset: globals.$ion-scale-050;\n\n cursor: pointer;\n\n // Link: Visited\n // -------------------------------------------------------------------------------\n\n &:visited {\n color: globals.$ion-text-link-visited;\n }\n\n // Link: Focus\n // -------------------------------------------------------------------------------\n\n &:focus,\n &.ion-focused {\n @include globals.focused-state();\n\n border-radius: globals.$ion-border-radius-100;\n }\n\n // Link: Active\n // -------------------------------------------------------------------------------\n\n &:active,\n &.ion-activated {\n color: globals.$ion-text-link-press;\n\n text-decoration: underline;\n }\n\n // Link: Hover\n // -------------------------------------------------------------------------------\n\n @media (any-hover: hover) {\n &:hover {\n color: globals.$ion-text-link-press;\n\n text-decoration: underline;\n }\n }\n}\n\n// Link: Standalone\n// -------------------------------------------------------------------------------\n\n@mixin ionic-link {\n color: globals.$ion-text-link-default;\n\n text-decoration: none;\n\n @include link-shared;\n}\n\na,\n:not(a).ion-link a {\n @include ionic-link;\n}\n\n// Link: Underline\n// -------------------------------------------------------------------------------\n\n@mixin ionic-link-underline {\n color: globals.$ion-text-default;\n\n @include link-shared;\n\n text-decoration: underline;\n\n // Link: Focus\n // -------------------------------------------------------------------------------\n\n &:focus,\n &.ion-focused {\n color: globals.$ion-text-default;\n\n text-decoration: none;\n }\n}\n\na.ion-link-underline,\n:not(a).ion-link-underline a {\n @include ionic-link-underline;\n}\n","// Primitives\n$ion-primitives-neutral-100: var(--token-primitives-neutral-100, #f6f7fa);\n$ion-primitives-neutral-100-rgb: var(--token-primitives-neutral-100-rgb, 246, 247, 250);\n$ion-primitives-neutral-200: var(--token-primitives-neutral-200, #ebeef2);\n$ion-primitives-neutral-200-rgb: var(--token-primitives-neutral-200-rgb, 235, 238, 242);\n$ion-primitives-neutral-300: var(--token-primitives-neutral-300, #e6eaee);\n$ion-primitives-neutral-300-rgb: var(--token-primitives-neutral-300-rgb, 230, 234, 238);\n$ion-primitives-neutral-400: var(--token-primitives-neutral-400, #d0d7df);\n$ion-primitives-neutral-400-rgb: var(--token-primitives-neutral-400-rgb, 208, 215, 223);\n$ion-primitives-neutral-500: var(--token-primitives-neutral-500, #9fa5ad);\n$ion-primitives-neutral-500-rgb: var(--token-primitives-neutral-500-rgb, 159, 165, 173);\n$ion-primitives-neutral-600: var(--token-primitives-neutral-600, #7e858e);\n$ion-primitives-neutral-600-rgb: var(--token-primitives-neutral-600-rgb, 126, 133, 142);\n$ion-primitives-neutral-700: var(--token-primitives-neutral-700, #727982);\n$ion-primitives-neutral-700-rgb: var(--token-primitives-neutral-700-rgb, 114, 121, 130);\n$ion-primitives-neutral-800: var(--token-primitives-neutral-800, #6c727a);\n$ion-primitives-neutral-800-rgb: var(--token-primitives-neutral-800-rgb, 108, 114, 122);\n$ion-primitives-neutral-900: var(--token-primitives-neutral-900, #575c63);\n$ion-primitives-neutral-900-rgb: var(--token-primitives-neutral-900-rgb, 87, 92, 99);\n$ion-primitives-neutral-1000: var(--token-primitives-neutral-1000, #383e45);\n$ion-primitives-neutral-1000-rgb: var(--token-primitives-neutral-1000-rgb, 56, 62, 69);\n$ion-primitives-neutral-1100: var(--token-primitives-neutral-1100, #2c3238);\n$ion-primitives-neutral-1100-rgb: var(--token-primitives-neutral-1100-rgb, 44, 50, 56);\n$ion-primitives-neutral-1200: var(--token-primitives-neutral-1200, #242528);\n$ion-primitives-neutral-1200-rgb: var(--token-primitives-neutral-1200-rgb, 36, 37, 40);\n$ion-primitives-base-white: var(--token-primitives-base-white, #ffffff);\n$ion-primitives-base-white-rgb: var(--token-primitives-base-white-rgb, 255, 255, 255);\n$ion-primitives-base-black: var(--token-primitives-base-black, #131518);\n$ion-primitives-base-black-rgb: var(--token-primitives-base-black-rgb, 19, 21, 24);\n$ion-primitives-red-100: var(--token-primitives-red-100, #ffeff1);\n$ion-primitives-red-100-rgb: var(--token-primitives-red-100-rgb, 255, 239, 241);\n$ion-primitives-red-200: var(--token-primitives-red-200, #fcd8dc);\n$ion-primitives-red-200-rgb: var(--token-primitives-red-200-rgb, 252, 216, 220);\n$ion-primitives-red-300: var(--token-primitives-red-300, #fab1b9);\n$ion-primitives-red-300-rgb: var(--token-primitives-red-300-rgb, 250, 177, 185);\n$ion-primitives-red-400: var(--token-primitives-red-400, #ee8f9a);\n$ion-primitives-red-400-rgb: var(--token-primitives-red-400-rgb, 238, 143, 154);\n$ion-primitives-red-500: var(--token-primitives-red-500, #ec7382);\n$ion-primitives-red-500-rgb: var(--token-primitives-red-500-rgb, 236, 115, 130);\n$ion-primitives-red-600: var(--token-primitives-red-600, #ef5264);\n$ion-primitives-red-600-rgb: var(--token-primitives-red-600-rgb, 239, 82, 100);\n$ion-primitives-red-700: var(--token-primitives-red-700, #e0243a);\n$ion-primitives-red-700-rgb: var(--token-primitives-red-700-rgb, 224, 36, 58);\n$ion-primitives-red-800: var(--token-primitives-red-800, #d2002b);\n$ion-primitives-red-800-rgb: var(--token-primitives-red-800-rgb, 210, 0, 43);\n$ion-primitives-red-900: var(--token-primitives-red-900, #ab0224);\n$ion-primitives-red-900-rgb: var(--token-primitives-red-900-rgb, 171, 2, 36);\n$ion-primitives-red-1000: var(--token-primitives-red-1000, #89031f);\n$ion-primitives-red-1000-rgb: var(--token-primitives-red-1000-rgb, 137, 3, 31);\n$ion-primitives-red-1100: var(--token-primitives-red-1100, #690117);\n$ion-primitives-red-1100-rgb: var(--token-primitives-red-1100-rgb, 105, 1, 23);\n$ion-primitives-red-1200: var(--token-primitives-red-1200, #580013);\n$ion-primitives-red-1200-rgb: var(--token-primitives-red-1200-rgb, 88, 0, 19);\n$ion-primitives-pumpkin-100: var(--token-primitives-pumpkin-100, #ffe0db);\n$ion-primitives-pumpkin-100-rgb: var(--token-primitives-pumpkin-100-rgb, 255, 224, 219);\n$ion-primitives-pumpkin-200: var(--token-primitives-pumpkin-200, #ffd6d0);\n$ion-primitives-pumpkin-200-rgb: var(--token-primitives-pumpkin-200-rgb, 255, 214, 208);\n$ion-primitives-pumpkin-300: var(--token-primitives-pumpkin-300, #fbbdb1);\n$ion-primitives-pumpkin-300-rgb: var(--token-primitives-pumpkin-300-rgb, 251, 189, 177);\n$ion-primitives-pumpkin-400: var(--token-primitives-pumpkin-400, #f9947c);\n$ion-primitives-pumpkin-400-rgb: var(--token-primitives-pumpkin-400-rgb, 249, 148, 124);\n$ion-primitives-pumpkin-500: var(--token-primitives-pumpkin-500, #f75d07);\n$ion-primitives-pumpkin-500-rgb: var(--token-primitives-pumpkin-500-rgb, 247, 93, 7);\n$ion-primitives-pumpkin-600: var(--token-primitives-pumpkin-600, #da5206);\n$ion-primitives-pumpkin-600-rgb: var(--token-primitives-pumpkin-600-rgb, 218, 82, 6);\n$ion-primitives-pumpkin-700: var(--token-primitives-pumpkin-700, #bd4705);\n$ion-primitives-pumpkin-700-rgb: var(--token-primitives-pumpkin-700-rgb, 189, 71, 5);\n$ion-primitives-pumpkin-800: var(--token-primitives-pumpkin-800, #9f3c05);\n$ion-primitives-pumpkin-800-rgb: var(--token-primitives-pumpkin-800-rgb, 159, 60, 5);\n$ion-primitives-pumpkin-900: var(--token-primitives-pumpkin-900, #803004);\n$ion-primitives-pumpkin-900-rgb: var(--token-primitives-pumpkin-900-rgb, 128, 48, 4);\n$ion-primitives-pumpkin-1000: var(--token-primitives-pumpkin-1000, #602403);\n$ion-primitives-pumpkin-1000-rgb: var(--token-primitives-pumpkin-1000-rgb, 96, 36, 3);\n$ion-primitives-pumpkin-1100: var(--token-primitives-pumpkin-1100, #401802);\n$ion-primitives-pumpkin-1100-rgb: var(--token-primitives-pumpkin-1100-rgb, 64, 24, 2);\n$ion-primitives-pumpkin-1200: var(--token-primitives-pumpkin-1200, #210c01);\n$ion-primitives-pumpkin-1200-rgb: var(--token-primitives-pumpkin-1200-rgb, 33, 12, 1);\n$ion-primitives-orange-100: var(--token-primitives-orange-100, #fdf0ea);\n$ion-primitives-orange-100-rgb: var(--token-primitives-orange-100-rgb, 253, 240, 234);\n$ion-primitives-orange-200: var(--token-primitives-orange-200, #ffebde);\n$ion-primitives-orange-200-rgb: var(--token-primitives-orange-200-rgb, 255, 235, 222);\n$ion-primitives-orange-300: var(--token-primitives-orange-300, #ffd7be);\n$ion-primitives-orange-300-rgb: var(--token-primitives-orange-300-rgb, 255, 215, 190);\n$ion-primitives-orange-400: var(--token-primitives-orange-400, #f9be9d);\n$ion-primitives-orange-400-rgb: var(--token-primitives-orange-400-rgb, 249, 190, 157);\n$ion-primitives-orange-500: var(--token-primitives-orange-500, #f9aa84);\n$ion-primitives-orange-500-rgb: var(--token-primitives-orange-500-rgb, 249, 170, 132);\n$ion-primitives-orange-600: var(--token-primitives-orange-600, #fa9768);\n$ion-primitives-orange-600-rgb: var(--token-primitives-orange-600-rgb, 250, 151, 104);\n$ion-primitives-orange-700: var(--token-primitives-orange-700, #ff853b);\n$ion-primitives-orange-700-rgb: var(--token-primitives-orange-700-rgb, 255, 133, 59);\n$ion-primitives-orange-800: var(--token-primitives-orange-800, #d9711d);\n$ion-primitives-orange-800-rgb: var(--token-primitives-orange-800-rgb, 217, 113, 29);\n$ion-primitives-orange-900: var(--token-primitives-orange-900, #c15700);\n$ion-primitives-orange-900-rgb: var(--token-primitives-orange-900-rgb, 193, 87, 0);\n$ion-primitives-orange-1000: var(--token-primitives-orange-1000, #9f4904);\n$ion-primitives-orange-1000-rgb: var(--token-primitives-orange-1000-rgb, 159, 73, 4);\n$ion-primitives-orange-1100: var(--token-primitives-orange-1100, #562f1b);\n$ion-primitives-orange-1100-rgb: var(--token-primitives-orange-1100-rgb, 86, 47, 27);\n$ion-primitives-orange-1200: var(--token-primitives-orange-1200, #432110);\n$ion-primitives-orange-1200-rgb: var(--token-primitives-orange-1200-rgb, 67, 33, 16);\n$ion-primitives-yellow-100: var(--token-primitives-yellow-100, #fff5db);\n$ion-primitives-yellow-100-rgb: var(--token-primitives-yellow-100-rgb, 255, 245, 219);\n$ion-primitives-yellow-200: var(--token-primitives-yellow-200, #fff0c7);\n$ion-primitives-yellow-200-rgb: var(--token-primitives-yellow-200-rgb, 255, 240, 199);\n$ion-primitives-yellow-300: var(--token-primitives-yellow-300, #f9e2a1);\n$ion-primitives-yellow-300-rgb: var(--token-primitives-yellow-300-rgb, 249, 226, 161);\n$ion-primitives-yellow-400: var(--token-primitives-yellow-400, #ffe07b);\n$ion-primitives-yellow-400-rgb: var(--token-primitives-yellow-400-rgb, 255, 224, 123);\n$ion-primitives-yellow-500: var(--token-primitives-yellow-500, #ffd600);\n$ion-primitives-yellow-500-rgb: var(--token-primitives-yellow-500-rgb, 255, 214, 0);\n$ion-primitives-yellow-600: var(--token-primitives-yellow-600, #f9bd0a);\n$ion-primitives-yellow-600-rgb: var(--token-primitives-yellow-600-rgb, 249, 189, 10);\n$ion-primitives-yellow-700: var(--token-primitives-yellow-700, #df9c00);\n$ion-primitives-yellow-700-rgb: var(--token-primitives-yellow-700-rgb, 223, 156, 0);\n$ion-primitives-yellow-800: var(--token-primitives-yellow-800, #ba8200);\n$ion-primitives-yellow-800-rgb: var(--token-primitives-yellow-800-rgb, 186, 130, 0);\n$ion-primitives-yellow-900: var(--token-primitives-yellow-900, #a57107);\n$ion-primitives-yellow-900-rgb: var(--token-primitives-yellow-900-rgb, 165, 113, 7);\n$ion-primitives-yellow-1000: var(--token-primitives-yellow-1000, #925f00);\n$ion-primitives-yellow-1000-rgb: var(--token-primitives-yellow-1000-rgb, 146, 95, 0);\n$ion-primitives-yellow-1100: var(--token-primitives-yellow-1100, #533802);\n$ion-primitives-yellow-1100-rgb: var(--token-primitives-yellow-1100-rgb, 83, 56, 2);\n$ion-primitives-yellow-1200: var(--token-primitives-yellow-1200, #3b2905);\n$ion-primitives-yellow-1200-rgb: var(--token-primitives-yellow-1200-rgb, 59, 41, 5);\n$ion-primitives-lime-100: var(--token-primitives-lime-100, #f3fecd);\n$ion-primitives-lime-100-rgb: var(--token-primitives-lime-100-rgb, 243, 254, 205);\n$ion-primitives-lime-200: var(--token-primitives-lime-200, #e9f7bb);\n$ion-primitives-lime-200-rgb: var(--token-primitives-lime-200-rgb, 233, 247, 187);\n$ion-primitives-lime-300: var(--token-primitives-lime-300, #deeeaa);\n$ion-primitives-lime-300-rgb: var(--token-primitives-lime-300-rgb, 222, 238, 170);\n$ion-primitives-lime-400: var(--token-primitives-lime-400, #d6e79a);\n$ion-primitives-lime-400-rgb: var(--token-primitives-lime-400-rgb, 214, 231, 154);\n$ion-primitives-lime-500: var(--token-primitives-lime-500, #c7d981);\n$ion-primitives-lime-500-rgb: var(--token-primitives-lime-500-rgb, 199, 217, 129);\n$ion-primitives-lime-600: var(--token-primitives-lime-600, #b1c564);\n$ion-primitives-lime-600-rgb: var(--token-primitives-lime-600-rgb, 177, 197, 100);\n$ion-primitives-lime-700: var(--token-primitives-lime-700, #9db229);\n$ion-primitives-lime-700-rgb: var(--token-primitives-lime-700-rgb, 157, 178, 41);\n$ion-primitives-lime-800: var(--token-primitives-lime-800, #6d7d05);\n$ion-primitives-lime-800-rgb: var(--token-primitives-lime-800-rgb, 109, 125, 5);\n$ion-primitives-lime-900: var(--token-primitives-lime-900, #606f00);\n$ion-primitives-lime-900-rgb: var(--token-primitives-lime-900-rgb, 96, 111, 0);\n$ion-primitives-lime-1000: var(--token-primitives-lime-1000, #4f5b01);\n$ion-primitives-lime-1000-rgb: var(--token-primitives-lime-1000-rgb, 79, 91, 1);\n$ion-primitives-lime-1100: var(--token-primitives-lime-1100, #384013);\n$ion-primitives-lime-1100-rgb: var(--token-primitives-lime-1100-rgb, 56, 64, 19);\n$ion-primitives-lime-1200: var(--token-primitives-lime-1200, #2a310b);\n$ion-primitives-lime-1200-rgb: var(--token-primitives-lime-1200-rgb, 42, 49, 11);\n$ion-primitives-green-100: var(--token-primitives-green-100, #edfff7);\n$ion-primitives-green-100-rgb: var(--token-primitives-green-100-rgb, 237, 255, 247);\n$ion-primitives-green-200: var(--token-primitives-green-200, #dcffef);\n$ion-primitives-green-200-rgb: var(--token-primitives-green-200-rgb, 220, 255, 239);\n$ion-primitives-green-300: var(--token-primitives-green-300, #cef4e4);\n$ion-primitives-green-300-rgb: var(--token-primitives-green-300-rgb, 206, 244, 228);\n$ion-primitives-green-400: var(--token-primitives-green-400, #b4decc);\n$ion-primitives-green-400-rgb: var(--token-primitives-green-400-rgb, 180, 222, 204);\n$ion-primitives-green-500: var(--token-primitives-green-500, #94d9bb);\n$ion-primitives-green-500-rgb: var(--token-primitives-green-500-rgb, 148, 217, 187);\n$ion-primitives-green-600: var(--token-primitives-green-600, #74c2a0);\n$ion-primitives-green-600-rgb: var(--token-primitives-green-600-rgb, 116, 194, 160);\n$ion-primitives-green-700: var(--token-primitives-green-700, #4aae83);\n$ion-primitives-green-700-rgb: var(--token-primitives-green-700-rgb, 74, 174, 131);\n$ion-primitives-green-800: var(--token-primitives-green-800, #038855);\n$ion-primitives-green-800-rgb: var(--token-primitives-green-800-rgb, 3, 136, 85);\n$ion-primitives-green-900: var(--token-primitives-green-900, #037046);\n$ion-primitives-green-900-rgb: var(--token-primitives-green-900-rgb, 3, 112, 70);\n$ion-primitives-green-1000: var(--token-primitives-green-1000, #055637);\n$ion-primitives-green-1000-rgb: var(--token-primitives-green-1000-rgb, 5, 86, 55);\n$ion-primitives-green-1100: var(--token-primitives-green-1100, #04462d);\n$ion-primitives-green-1100-rgb: var(--token-primitives-green-1100-rgb, 4, 70, 45);\n$ion-primitives-green-1200: var(--token-primitives-green-1200, #02311f);\n$ion-primitives-green-1200-rgb: var(--token-primitives-green-1200-rgb, 2, 49, 31);\n$ion-primitives-teal-100: var(--token-primitives-teal-100, #d5f9f1);\n$ion-primitives-teal-100-rgb: var(--token-primitives-teal-100-rgb, 213, 249, 241);\n$ion-primitives-teal-200: var(--token-primitives-teal-200, #c7f1e8);\n$ion-primitives-teal-200-rgb: var(--token-primitives-teal-200-rgb, 199, 241, 232);\n$ion-primitives-teal-300: var(--token-primitives-teal-300, #b1e7dd);\n$ion-primitives-teal-300-rgb: var(--token-primitives-teal-300-rgb, 177, 231, 221);\n$ion-primitives-teal-400: var(--token-primitives-teal-400, #7bdbca);\n$ion-primitives-teal-400-rgb: var(--token-primitives-teal-400-rgb, 123, 219, 202);\n$ion-primitives-teal-500: var(--token-primitives-teal-500, #00cfb7);\n$ion-primitives-teal-500-rgb: var(--token-primitives-teal-500-rgb, 0, 207, 183);\n$ion-primitives-teal-600: var(--token-primitives-teal-600, #00b7a2);\n$ion-primitives-teal-600-rgb: var(--token-primitives-teal-600-rgb, 0, 183, 162);\n$ion-primitives-teal-700: var(--token-primitives-teal-700, #009e8c);\n$ion-primitives-teal-700-rgb: var(--token-primitives-teal-700-rgb, 0, 158, 140);\n$ion-primitives-teal-800: var(--token-primitives-teal-800, #008576);\n$ion-primitives-teal-800-rgb: var(--token-primitives-teal-800-rgb, 0, 133, 118);\n$ion-primitives-teal-900: var(--token-primitives-teal-900, #006b5f);\n$ion-primitives-teal-900-rgb: var(--token-primitives-teal-900-rgb, 0, 107, 95);\n$ion-primitives-teal-1000: var(--token-primitives-teal-1000, #005147);\n$ion-primitives-teal-1000-rgb: var(--token-primitives-teal-1000-rgb, 0, 81, 71);\n$ion-primitives-teal-1100: var(--token-primitives-teal-1100, #003630);\n$ion-primitives-teal-1100-rgb: var(--token-primitives-teal-1100-rgb, 0, 54, 48);\n$ion-primitives-teal-1200: var(--token-primitives-teal-1200, #001c19);\n$ion-primitives-teal-1200-rgb: var(--token-primitives-teal-1200-rgb, 0, 28, 25);\n$ion-primitives-aqua-100: var(--token-primitives-aqua-100, #d9f5ff);\n$ion-primitives-aqua-100-rgb: var(--token-primitives-aqua-100-rgb, 217, 245, 255);\n$ion-primitives-aqua-200: var(--token-primitives-aqua-200, #cbeffc);\n$ion-primitives-aqua-200-rgb: var(--token-primitives-aqua-200-rgb, 203, 239, 252);\n$ion-primitives-aqua-300: var(--token-primitives-aqua-300, #b3e9fc);\n$ion-primitives-aqua-300-rgb: var(--token-primitives-aqua-300-rgb, 179, 233, 252);\n$ion-primitives-aqua-400: var(--token-primitives-aqua-400, #80defa);\n$ion-primitives-aqua-400-rgb: var(--token-primitives-aqua-400-rgb, 128, 222, 250);\n$ion-primitives-aqua-500: var(--token-primitives-aqua-500, #27d3f9);\n$ion-primitives-aqua-500-rgb: var(--token-primitives-aqua-500-rgb, 39, 211, 249);\n$ion-primitives-aqua-600: var(--token-primitives-aqua-600, #22bbdc);\n$ion-primitives-aqua-600-rgb: var(--token-primitives-aqua-600-rgb, 34, 187, 220);\n$ion-primitives-aqua-700: var(--token-primitives-aqua-700, #1ea2bf);\n$ion-primitives-aqua-700-rgb: var(--token-primitives-aqua-700-rgb, 30, 162, 191);\n$ion-primitives-aqua-800: var(--token-primitives-aqua-800, #1893af);\n$ion-primitives-aqua-800-rgb: var(--token-primitives-aqua-800-rgb, 24, 147, 175);\n$ion-primitives-aqua-900: var(--token-primitives-aqua-900, #127f98);\n$ion-primitives-aqua-900-rgb: var(--token-primitives-aqua-900-rgb, 18, 127, 152);\n$ion-primitives-aqua-1000: var(--token-primitives-aqua-1000, #146172);\n$ion-primitives-aqua-1000-rgb: var(--token-primitives-aqua-1000-rgb, 20, 97, 114);\n$ion-primitives-aqua-1100: var(--token-primitives-aqua-1100, #0a3741);\n$ion-primitives-aqua-1100-rgb: var(--token-primitives-aqua-1100-rgb, 10, 55, 65);\n$ion-primitives-aqua-1200: var(--token-primitives-aqua-1200, #051c21);\n$ion-primitives-aqua-1200-rgb: var(--token-primitives-aqua-1200-rgb, 5, 28, 33);\n$ion-primitives-blue-100: var(--token-primitives-blue-100, #f0f2ff);\n$ion-primitives-blue-100-rgb: var(--token-primitives-blue-100-rgb, 240, 242, 255);\n$ion-primitives-blue-200: var(--token-primitives-blue-200, #e4e8ff);\n$ion-primitives-blue-200-rgb: var(--token-primitives-blue-200-rgb, 228, 232, 255);\n$ion-primitives-blue-300: var(--token-primitives-blue-300, #d0d7fa);\n$ion-primitives-blue-300-rgb: var(--token-primitives-blue-300-rgb, 208, 215, 250);\n$ion-primitives-blue-400: var(--token-primitives-blue-400, #b5c0f7);\n$ion-primitives-blue-400-rgb: var(--token-primitives-blue-400-rgb, 181, 192, 247);\n$ion-primitives-blue-500: var(--token-primitives-blue-500, #94a5f4);\n$ion-primitives-blue-500-rgb: var(--token-primitives-blue-500-rgb, 148, 165, 244);\n$ion-primitives-blue-600: var(--token-primitives-blue-600, #6f8bf4);\n$ion-primitives-blue-600-rgb: var(--token-primitives-blue-600-rgb, 111, 139, 244);\n$ion-primitives-blue-700: var(--token-primitives-blue-700, #105cef);\n$ion-primitives-blue-700-rgb: var(--token-primitives-blue-700-rgb, 16, 92, 239);\n$ion-primitives-blue-800: var(--token-primitives-blue-800, #0f54da);\n$ion-primitives-blue-800-rgb: var(--token-primitives-blue-800-rgb, 15, 84, 218);\n$ion-primitives-blue-900: var(--token-primitives-blue-900, #0d4bc3);\n$ion-primitives-blue-900-rgb: var(--token-primitives-blue-900-rgb, 13, 75, 195);\n$ion-primitives-blue-1000: var(--token-primitives-blue-1000, #0b41a9);\n$ion-primitives-blue-1000-rgb: var(--token-primitives-blue-1000-rgb, 11, 65, 169);\n$ion-primitives-blue-1100: var(--token-primitives-blue-1100, #09358a);\n$ion-primitives-blue-1100-rgb: var(--token-primitives-blue-1100-rgb, 9, 53, 138);\n$ion-primitives-blue-1200: var(--token-primitives-blue-1200, #072561);\n$ion-primitives-blue-1200-rgb: var(--token-primitives-blue-1200-rgb, 7, 37, 97);\n$ion-primitives-indigo-100: var(--token-primitives-indigo-100, #ebe8ff);\n$ion-primitives-indigo-100-rgb: var(--token-primitives-indigo-100-rgb, 235, 232, 255);\n$ion-primitives-indigo-200: var(--token-primitives-indigo-200, #e6e2fe);\n$ion-primitives-indigo-200-rgb: var(--token-primitives-indigo-200-rgb, 230, 226, 254);\n$ion-primitives-indigo-300: var(--token-primitives-indigo-300, #d3d1f2);\n$ion-primitives-indigo-300-rgb: var(--token-primitives-indigo-300-rgb, 211, 209, 242);\n$ion-primitives-indigo-400: var(--token-primitives-indigo-400, #bab5eb);\n$ion-primitives-indigo-400-rgb: var(--token-primitives-indigo-400-rgb, 186, 181, 235);\n$ion-primitives-indigo-500: var(--token-primitives-indigo-500, #9d95e4);\n$ion-primitives-indigo-500-rgb: var(--token-primitives-indigo-500-rgb, 157, 149, 228);\n$ion-primitives-indigo-600: var(--token-primitives-indigo-600, #786bdd);\n$ion-primitives-indigo-600-rgb: var(--token-primitives-indigo-600-rgb, 120, 107, 221);\n$ion-primitives-indigo-700: var(--token-primitives-indigo-700, #5832ed);\n$ion-primitives-indigo-700-rgb: var(--token-primitives-indigo-700-rgb, 88, 50, 237);\n$ion-primitives-indigo-800: var(--token-primitives-indigo-800, #3b19c3);\n$ion-primitives-indigo-800-rgb: var(--token-primitives-indigo-800-rgb, 59, 25, 195);\n$ion-primitives-indigo-900: var(--token-primitives-indigo-900, #3516ae);\n$ion-primitives-indigo-900-rgb: var(--token-primitives-indigo-900-rgb, 53, 22, 174);\n$ion-primitives-indigo-1000: var(--token-primitives-indigo-1000, #2e1397);\n$ion-primitives-indigo-1000-rgb: var(--token-primitives-indigo-1000-rgb, 46, 19, 151);\n$ion-primitives-indigo-1100: var(--token-primitives-indigo-1100, #26107b);\n$ion-primitives-indigo-1100-rgb: var(--token-primitives-indigo-1100-rgb, 38, 16, 123);\n$ion-primitives-indigo-1200: var(--token-primitives-indigo-1200, #1a0b57);\n$ion-primitives-indigo-1200-rgb: var(--token-primitives-indigo-1200-rgb, 26, 11, 87);\n$ion-primitives-violet-100: var(--token-primitives-violet-100, #ece6ff);\n$ion-primitives-violet-100-rgb: var(--token-primitives-violet-100-rgb, 236, 230, 255);\n$ion-primitives-violet-200: var(--token-primitives-violet-200, #e5defc);\n$ion-primitives-violet-200-rgb: var(--token-primitives-violet-200-rgb, 229, 222, 252);\n$ion-primitives-violet-300: var(--token-primitives-violet-300, #dcd1fb);\n$ion-primitives-violet-300-rgb: var(--token-primitives-violet-300-rgb, 220, 209, 251);\n$ion-primitives-violet-400: var(--token-primitives-violet-400, #c9b6f9);\n$ion-primitives-violet-400-rgb: var(--token-primitives-violet-400-rgb, 201, 182, 249);\n$ion-primitives-violet-500: var(--token-primitives-violet-500, #b396f6);\n$ion-primitives-violet-500-rgb: var(--token-primitives-violet-500-rgb, 179, 150, 246);\n$ion-primitives-violet-600: var(--token-primitives-violet-600, #9a6cf4);\n$ion-primitives-violet-600-rgb: var(--token-primitives-violet-600-rgb, 154, 108, 244);\n$ion-primitives-violet-700: var(--token-primitives-violet-700, #7c20f2);\n$ion-primitives-violet-700-rgb: var(--token-primitives-violet-700-rgb, 124, 32, 242);\n$ion-primitives-violet-800: var(--token-primitives-violet-800, #711ddd);\n$ion-primitives-violet-800-rgb: var(--token-primitives-violet-800-rgb, 113, 29, 221);\n$ion-primitives-violet-900: var(--token-primitives-violet-900, #651ac5);\n$ion-primitives-violet-900-rgb: var(--token-primitives-violet-900-rgb, 101, 26, 197);\n$ion-primitives-violet-1000: var(--token-primitives-violet-1000, #5817ab);\n$ion-primitives-violet-1000-rgb: var(--token-primitives-violet-1000-rgb, 88, 23, 171);\n$ion-primitives-violet-1100: var(--token-primitives-violet-1100, #48128c);\n$ion-primitives-violet-1100-rgb: var(--token-primitives-violet-1100-rgb, 72, 18, 140);\n$ion-primitives-violet-1200: var(--token-primitives-violet-1200, #330d63);\n$ion-primitives-violet-1200-rgb: var(--token-primitives-violet-1200-rgb, 51, 13, 99);\n$ion-primitives-purple-100: var(--token-primitives-purple-100, #f5eafd);\n$ion-primitives-purple-100-rgb: var(--token-primitives-purple-100-rgb, 245, 234, 253);\n$ion-primitives-purple-200: var(--token-primitives-purple-200, #f2e2ff);\n$ion-primitives-purple-200-rgb: var(--token-primitives-purple-200-rgb, 242, 226, 255);\n$ion-primitives-purple-300: var(--token-primitives-purple-300, #e9d3fa);\n$ion-primitives-purple-300-rgb: var(--token-primitives-purple-300-rgb, 233, 211, 250);\n$ion-primitives-purple-400: var(--token-primitives-purple-400, #deb9f8);\n$ion-primitives-purple-400-rgb: var(--token-primitives-purple-400-rgb, 222, 185, 248);\n$ion-primitives-purple-500: var(--token-primitives-purple-500, #d29bf6);\n$ion-primitives-purple-500-rgb: var(--token-primitives-purple-500-rgb, 210, 155, 246);\n$ion-primitives-purple-600: var(--token-primitives-purple-600, #c575f3);\n$ion-primitives-purple-600-rgb: var(--token-primitives-purple-600-rgb, 197, 117, 243);\n$ion-primitives-purple-700: var(--token-primitives-purple-700, #b73cf1);\n$ion-primitives-purple-700-rgb: var(--token-primitives-purple-700-rgb, 183, 60, 241);\n$ion-primitives-purple-800: var(--token-primitives-purple-800, #a737dc);\n$ion-primitives-purple-800-rgb: var(--token-primitives-purple-800-rgb, 167, 55, 220);\n$ion-primitives-purple-900: var(--token-primitives-purple-900, #9531c5);\n$ion-primitives-purple-900-rgb: var(--token-primitives-purple-900-rgb, 149, 49, 197);\n$ion-primitives-purple-1000: var(--token-primitives-purple-1000, #812aaa);\n$ion-primitives-purple-1000-rgb: var(--token-primitives-purple-1000-rgb, 129, 42, 170);\n$ion-primitives-purple-1100: var(--token-primitives-purple-1100, #6a238b);\n$ion-primitives-purple-1100-rgb: var(--token-primitives-purple-1100-rgb, 106, 35, 139);\n$ion-primitives-purple-1200: var(--token-primitives-purple-1200, #4b1862);\n$ion-primitives-purple-1200-rgb: var(--token-primitives-purple-1200-rgb, 75, 24, 98);\n$ion-primitives-magenta-100: var(--token-primitives-magenta-100, #ffecfb);\n$ion-primitives-magenta-100-rgb: var(--token-primitives-magenta-100-rgb, 255, 236, 251);\n$ion-primitives-magenta-200: var(--token-primitives-magenta-200, #ffe5fa);\n$ion-primitives-magenta-200-rgb: var(--token-primitives-magenta-200-rgb, 255, 229, 250);\n$ion-primitives-magenta-300: var(--token-primitives-magenta-300, #f9d4f1);\n$ion-primitives-magenta-300-rgb: var(--token-primitives-magenta-300-rgb, 249, 212, 241);\n$ion-primitives-magenta-400: var(--token-primitives-magenta-400, #f6bcea);\n$ion-primitives-magenta-400-rgb: var(--token-primitives-magenta-400-rgb, 246, 188, 234);\n$ion-primitives-magenta-500: var(--token-primitives-magenta-500, #f39fe3);\n$ion-primitives-magenta-500-rgb: var(--token-primitives-magenta-500-rgb, 243, 159, 227);\n$ion-primitives-magenta-600: var(--token-primitives-magenta-600, #f07cdb);\n$ion-primitives-magenta-600-rgb: var(--token-primitives-magenta-600-rgb, 240, 124, 219);\n$ion-primitives-magenta-700: var(--token-primitives-magenta-700, #ed4ad3);\n$ion-primitives-magenta-700-rgb: var(--token-primitives-magenta-700-rgb, 237, 74, 211);\n$ion-primitives-magenta-800: var(--token-primitives-magenta-800, #d844c1);\n$ion-primitives-magenta-800-rgb: var(--token-primitives-magenta-800-rgb, 216, 68, 193);\n$ion-primitives-magenta-900: var(--token-primitives-magenta-900, #c13cac);\n$ion-primitives-magenta-900-rgb: var(--token-primitives-magenta-900-rgb, 193, 60, 172);\n$ion-primitives-magenta-1000: var(--token-primitives-magenta-1000, #a83495);\n$ion-primitives-magenta-1000-rgb: var(--token-primitives-magenta-1000-rgb, 168, 52, 149);\n$ion-primitives-magenta-1100: var(--token-primitives-magenta-1100, #892b7a);\n$ion-primitives-magenta-1100-rgb: var(--token-primitives-magenta-1100-rgb, 137, 43, 122);\n$ion-primitives-magenta-1200: var(--token-primitives-magenta-1200, #611e56);\n$ion-primitives-magenta-1200-rgb: var(--token-primitives-magenta-1200-rgb, 97, 30, 86);\n$ion-primitives-pink-100: var(--token-primitives-pink-100, #ffedf4);\n$ion-primitives-pink-100-rgb: var(--token-primitives-pink-100-rgb, 255, 237, 244);\n$ion-primitives-pink-200: var(--token-primitives-pink-200, #ffdae8);\n$ion-primitives-pink-200-rgb: var(--token-primitives-pink-200-rgb, 255, 218, 232);\n$ion-primitives-pink-300: var(--token-primitives-pink-300, #fdccde);\n$ion-primitives-pink-300-rgb: var(--token-primitives-pink-300-rgb, 253, 204, 222);\n$ion-primitives-pink-400: var(--token-primitives-pink-400, #f7bcd2);\n$ion-primitives-pink-400-rgb: var(--token-primitives-pink-400-rgb, 247, 188, 210);\n$ion-primitives-pink-500: var(--token-primitives-pink-500, #f0a8c3);\n$ion-primitives-pink-500-rgb: var(--token-primitives-pink-500-rgb, 240, 168, 195);\n$ion-primitives-pink-600: var(--token-primitives-pink-600, #fa8dc9);\n$ion-primitives-pink-600-rgb: var(--token-primitives-pink-600-rgb, 250, 141, 201);\n$ion-primitives-pink-700: var(--token-primitives-pink-700, #f45fb1);\n$ion-primitives-pink-700-rgb: var(--token-primitives-pink-700-rgb, 244, 95, 177);\n$ion-primitives-pink-800: var(--token-primitives-pink-800, #df1b87);\n$ion-primitives-pink-800-rgb: var(--token-primitives-pink-800-rgb, 223, 27, 135);\n$ion-primitives-pink-900: var(--token-primitives-pink-900, #cc0d7e);\n$ion-primitives-pink-900-rgb: var(--token-primitives-pink-900-rgb, 204, 13, 126);\n$ion-primitives-pink-1000: var(--token-primitives-pink-1000, #a70565);\n$ion-primitives-pink-1000-rgb: var(--token-primitives-pink-1000-rgb, 167, 5, 101);\n$ion-primitives-pink-1100: var(--token-primitives-pink-1100, #860853);\n$ion-primitives-pink-1100-rgb: var(--token-primitives-pink-1100-rgb, 134, 8, 83);\n$ion-primitives-pink-1200: var(--token-primitives-pink-1200, #69083d);\n$ion-primitives-pink-1200-rgb: var(--token-primitives-pink-1200-rgb, 105, 8, 61);\n\n// Scale\n$ion-scale-0: var(--token-scale-0, 0px);\n$ion-scale-100: var(--token-scale-100, 4px);\n$ion-scale-150: var(--token-scale-150, 6px);\n$ion-scale-200: var(--token-scale-200, 8px);\n$ion-scale-250: var(--token-scale-250, 10px);\n$ion-scale-300: var(--token-scale-300, 12px);\n$ion-scale-400: var(--token-scale-400, 16px);\n$ion-scale-500: var(--token-scale-500, 20px);\n$ion-scale-600: var(--token-scale-600, 24px);\n$ion-scale-700: var(--token-scale-700, 28px);\n$ion-scale-800: var(--token-scale-800, 32px);\n$ion-scale-900: var(--token-scale-900, 36px);\n$ion-scale-1000: var(--token-scale-1000, 40px);\n$ion-scale-1100: var(--token-scale-1100, 44px);\n$ion-scale-1200: var(--token-scale-1200, 48px);\n$ion-scale-1400: var(--token-scale-1400, 56px);\n$ion-scale-1600: var(--token-scale-1600, 64px);\n$ion-scale-1800: var(--token-scale-1800, 72px);\n$ion-scale-2000: var(--token-scale-2000, 80px);\n$ion-scale-2400: var(--token-scale-2400, 96px);\n$ion-scale-2800: var(--token-scale-2800, 112px);\n$ion-scale-3200: var(--token-scale-3200, 128px);\n$ion-scale-3400: var(--token-scale-3400, 136px);\n$ion-scale-3600: var(--token-scale-3600, 144px);\n$ion-scale-4000: var(--token-scale-4000, 160px);\n$ion-scale-5000: var(--token-scale-5000, 200px);\n$ion-scale-6200: var(--token-scale-6200, 248px);\n$ion-scale-7400: var(--token-scale-7400, 296px);\n$ion-scale-9000: var(--token-scale-9000, 360px);\n$ion-scale-025: var(--token-scale-025, 1px);\n$ion-scale-050: var(--token-scale-050, 2px);\n$ion-scale-075: var(--token-scale-075, 3px);\n\n// Backdrop\n$ion-backdrop: var(--token-backdrop, rgba(0, 0, 0, 0.25098039215686274));\n\n// Semantics\n$ion-semantics-primary-100: var(--token-semantics-primary-100, $ion-primitives-blue-100);\n$ion-semantics-primary-100-rgb: var(--token-semantics-primary-100-rgb, 240, 242, 255);\n$ion-semantics-primary-200: var(--token-semantics-primary-200, $ion-primitives-blue-200);\n$ion-semantics-primary-200-rgb: var(--token-semantics-primary-200-rgb, 228, 232, 255);\n$ion-semantics-primary-300: var(--token-semantics-primary-300, $ion-primitives-blue-300);\n$ion-semantics-primary-300-rgb: var(--token-semantics-primary-300-rgb, 208, 215, 250);\n$ion-semantics-primary-400: var(--token-semantics-primary-400, $ion-primitives-blue-400);\n$ion-semantics-primary-400-rgb: var(--token-semantics-primary-400-rgb, 181, 192, 247);\n$ion-semantics-primary-500: var(--token-semantics-primary-500, $ion-primitives-blue-500);\n$ion-semantics-primary-500-rgb: var(--token-semantics-primary-500-rgb, 148, 165, 244);\n$ion-semantics-primary-600: var(--token-semantics-primary-600, $ion-primitives-blue-600);\n$ion-semantics-primary-600-rgb: var(--token-semantics-primary-600-rgb, 111, 139, 244);\n$ion-semantics-primary-700: var(--token-semantics-primary-700, $ion-primitives-blue-700);\n$ion-semantics-primary-700-rgb: var(--token-semantics-primary-700-rgb, 16, 92, 239);\n$ion-semantics-primary-800: var(--token-semantics-primary-800, $ion-primitives-blue-800);\n$ion-semantics-primary-800-rgb: var(--token-semantics-primary-800-rgb, 15, 84, 218);\n$ion-semantics-primary-900: var(--token-semantics-primary-900, $ion-primitives-blue-900);\n$ion-semantics-primary-900-rgb: var(--token-semantics-primary-900-rgb, 13, 75, 195);\n$ion-semantics-primary-1000: var(--token-semantics-primary-1000, $ion-primitives-blue-1000);\n$ion-semantics-primary-1000-rgb: var(--token-semantics-primary-1000-rgb, 11, 65, 169);\n$ion-semantics-primary-1100: var(--token-semantics-primary-1100, $ion-primitives-blue-1100);\n$ion-semantics-primary-1100-rgb: var(--token-semantics-primary-1100-rgb, 9, 53, 138);\n$ion-semantics-primary-1200: var(--token-semantics-primary-1200, $ion-primitives-blue-1200);\n$ion-semantics-primary-1200-rgb: var(--token-semantics-primary-1200-rgb, 7, 37, 97);\n$ion-semantics-primary-base: var(--token-semantics-primary-base, $ion-semantics-primary-700);\n$ion-semantics-primary-base-rgb: var(--token-semantics-primary-base-rgb, 16, 92, 239);\n$ion-semantics-info-100: var(--token-semantics-info-100, $ion-primitives-blue-100);\n$ion-semantics-info-100-rgb: var(--token-semantics-info-100-rgb, 240, 242, 255);\n$ion-semantics-info-200: var(--token-semantics-info-200, $ion-primitives-blue-200);\n$ion-semantics-info-200-rgb: var(--token-semantics-info-200-rgb, 228, 232, 255);\n$ion-semantics-info-300: var(--token-semantics-info-300, $ion-primitives-blue-300);\n$ion-semantics-info-300-rgb: var(--token-semantics-info-300-rgb, 208, 215, 250);\n$ion-semantics-info-400: var(--token-semantics-info-400, $ion-primitives-blue-400);\n$ion-semantics-info-400-rgb: var(--token-semantics-info-400-rgb, 181, 192, 247);\n$ion-semantics-info-500: var(--token-semantics-info-500, $ion-primitives-blue-500);\n$ion-semantics-info-500-rgb: var(--token-semantics-info-500-rgb, 148, 165, 244);\n$ion-semantics-info-600: var(--token-semantics-info-600, $ion-primitives-blue-600);\n$ion-semantics-info-600-rgb: var(--token-semantics-info-600-rgb, 111, 139, 244);\n$ion-semantics-info-700: var(--token-semantics-info-700, $ion-primitives-blue-700);\n$ion-semantics-info-700-rgb: var(--token-semantics-info-700-rgb, 16, 92, 239);\n$ion-semantics-info-800: var(--token-semantics-info-800, $ion-primitives-blue-800);\n$ion-semantics-info-800-rgb: var(--token-semantics-info-800-rgb, 15, 84, 218);\n$ion-semantics-info-900: var(--token-semantics-info-900, $ion-primitives-blue-900);\n$ion-semantics-info-900-rgb: var(--token-semantics-info-900-rgb, 13, 75, 195);\n$ion-semantics-info-1000: var(--token-semantics-info-1000, $ion-primitives-blue-1000);\n$ion-semantics-info-1000-rgb: var(--token-semantics-info-1000-rgb, 11, 65, 169);\n$ion-semantics-info-1100: var(--token-semantics-info-1100, $ion-primitives-blue-1100);\n$ion-semantics-info-1100-rgb: var(--token-semantics-info-1100-rgb, 9, 53, 138);\n$ion-semantics-info-1200: var(--token-semantics-info-1200, $ion-primitives-blue-1200);\n$ion-semantics-info-1200-rgb: var(--token-semantics-info-1200-rgb, 7, 37, 97);\n$ion-semantics-info-base: var(--token-semantics-info-base, $ion-semantics-info-700);\n$ion-semantics-info-base-rgb: var(--token-semantics-info-base-rgb, 16, 92, 239);\n$ion-semantics-success-100: var(--token-semantics-success-100, $ion-primitives-green-100);\n$ion-semantics-success-100-rgb: var(--token-semantics-success-100-rgb, 237, 255, 247);\n$ion-semantics-success-200: var(--token-semantics-success-200, $ion-primitives-green-200);\n$ion-semantics-success-200-rgb: var(--token-semantics-success-200-rgb, 220, 255, 239);\n$ion-semantics-success-300: var(--token-semantics-success-300, $ion-primitives-green-300);\n$ion-semantics-success-300-rgb: var(--token-semantics-success-300-rgb, 206, 244, 228);\n$ion-semantics-success-400: var(--token-semantics-success-400, $ion-primitives-green-400);\n$ion-semantics-success-400-rgb: var(--token-semantics-success-400-rgb, 180, 222, 204);\n$ion-semantics-success-500: var(--token-semantics-success-500, $ion-primitives-green-500);\n$ion-semantics-success-500-rgb: var(--token-semantics-success-500-rgb, 148, 217, 187);\n$ion-semantics-success-600: var(--token-semantics-success-600, $ion-primitives-green-600);\n$ion-semantics-success-600-rgb: var(--token-semantics-success-600-rgb, 116, 194, 160);\n$ion-semantics-success-700: var(--token-semantics-success-700, $ion-primitives-green-700);\n$ion-semantics-success-700-rgb: var(--token-semantics-success-700-rgb, 74, 174, 131);\n$ion-semantics-success-800: var(--token-semantics-success-800, $ion-primitives-green-800);\n$ion-semantics-success-800-rgb: var(--token-semantics-success-800-rgb, 3, 136, 85);\n$ion-semantics-success-900: var(--token-semantics-success-900, $ion-primitives-green-900);\n$ion-semantics-success-900-rgb: var(--token-semantics-success-900-rgb, 3, 112, 70);\n$ion-semantics-success-1000: var(--token-semantics-success-1000, $ion-primitives-green-1000);\n$ion-semantics-success-1000-rgb: var(--token-semantics-success-1000-rgb, 5, 86, 55);\n$ion-semantics-success-1100: var(--token-semantics-success-1100, $ion-primitives-green-1100);\n$ion-semantics-success-1100-rgb: var(--token-semantics-success-1100-rgb, 4, 70, 45);\n$ion-semantics-success-1200: var(--token-semantics-success-1200, $ion-primitives-green-1200);\n$ion-semantics-success-1200-rgb: var(--token-semantics-success-1200-rgb, 2, 49, 31);\n$ion-semantics-success-base: var(--token-semantics-success-base, $ion-semantics-success-700);\n$ion-semantics-success-base-rgb: var(--token-semantics-success-base-rgb, 74, 174, 131);\n$ion-semantics-danger-100: var(--token-semantics-danger-100, $ion-primitives-red-100);\n$ion-semantics-danger-100-rgb: var(--token-semantics-danger-100-rgb, 255, 239, 241);\n$ion-semantics-danger-200: var(--token-semantics-danger-200, $ion-primitives-red-200);\n$ion-semantics-danger-200-rgb: var(--token-semantics-danger-200-rgb, 252, 216, 220);\n$ion-semantics-danger-300: var(--token-semantics-danger-300, $ion-primitives-red-300);\n$ion-semantics-danger-300-rgb: var(--token-semantics-danger-300-rgb, 250, 177, 185);\n$ion-semantics-danger-400: var(--token-semantics-danger-400, $ion-primitives-red-400);\n$ion-semantics-danger-400-rgb: var(--token-semantics-danger-400-rgb, 238, 143, 154);\n$ion-semantics-danger-500: var(--token-semantics-danger-500, $ion-primitives-red-500);\n$ion-semantics-danger-500-rgb: var(--token-semantics-danger-500-rgb, 236, 115, 130);\n$ion-semantics-danger-600: var(--token-semantics-danger-600, $ion-primitives-red-600);\n$ion-semantics-danger-600-rgb: var(--token-semantics-danger-600-rgb, 239, 82, 100);\n$ion-semantics-danger-700: var(--token-semantics-danger-700, $ion-primitives-red-700);\n$ion-semantics-danger-700-rgb: var(--token-semantics-danger-700-rgb, 224, 36, 58);\n$ion-semantics-danger-800: var(--token-semantics-danger-800, $ion-primitives-red-800);\n$ion-semantics-danger-800-rgb: var(--token-semantics-danger-800-rgb, 210, 0, 43);\n$ion-semantics-danger-900: var(--token-semantics-danger-900, $ion-primitives-red-900);\n$ion-semantics-danger-900-rgb: var(--token-semantics-danger-900-rgb, 171, 2, 36);\n$ion-semantics-danger-1000: var(--token-semantics-danger-1000, $ion-primitives-red-1000);\n$ion-semantics-danger-1000-rgb: var(--token-semantics-danger-1000-rgb, 137, 3, 31);\n$ion-semantics-danger-1100: var(--token-semantics-danger-1100, $ion-primitives-red-1100);\n$ion-semantics-danger-1100-rgb: var(--token-semantics-danger-1100-rgb, 105, 1, 23);\n$ion-semantics-danger-1200: var(--token-semantics-danger-1200, $ion-primitives-red-1200);\n$ion-semantics-danger-1200-rgb: var(--token-semantics-danger-1200-rgb, 88, 0, 19);\n$ion-semantics-danger-base: var(--token-semantics-danger-base, $ion-semantics-danger-700);\n$ion-semantics-danger-base-rgb: var(--token-semantics-danger-base-rgb, 224, 36, 58);\n$ion-semantics-warning-100: var(--token-semantics-warning-100, $ion-primitives-yellow-100);\n$ion-semantics-warning-100-rgb: var(--token-semantics-warning-100-rgb, 255, 245, 219);\n$ion-semantics-warning-200: var(--token-semantics-warning-200, $ion-primitives-yellow-200);\n$ion-semantics-warning-200-rgb: var(--token-semantics-warning-200-rgb, 255, 240, 199);\n$ion-semantics-warning-300: var(--token-semantics-warning-300, $ion-primitives-yellow-300);\n$ion-semantics-warning-300-rgb: var(--token-semantics-warning-300-rgb, 249, 226, 161);\n$ion-semantics-warning-400: var(--token-semantics-warning-400, $ion-primitives-yellow-400);\n$ion-semantics-warning-400-rgb: var(--token-semantics-warning-400-rgb, 255, 224, 123);\n$ion-semantics-warning-500: var(--token-semantics-warning-500, $ion-primitives-yellow-500);\n$ion-semantics-warning-500-rgb: var(--token-semantics-warning-500-rgb, 255, 214, 0);\n$ion-semantics-warning-600: var(--token-semantics-warning-600, $ion-primitives-yellow-600);\n$ion-semantics-warning-600-rgb: var(--token-semantics-warning-600-rgb, 249, 189, 10);\n$ion-semantics-warning-700: var(--token-semantics-warning-700, $ion-primitives-yellow-700);\n$ion-semantics-warning-700-rgb: var(--token-semantics-warning-700-rgb, 223, 156, 0);\n$ion-semantics-warning-800: var(--token-semantics-warning-800, $ion-primitives-yellow-800);\n$ion-semantics-warning-800-rgb: var(--token-semantics-warning-800-rgb, 186, 130, 0);\n$ion-semantics-warning-900: var(--token-semantics-warning-900, $ion-primitives-yellow-900);\n$ion-semantics-warning-900-rgb: var(--token-semantics-warning-900-rgb, 165, 113, 7);\n$ion-semantics-warning-1000: var(--token-semantics-warning-1000, $ion-primitives-yellow-1000);\n$ion-semantics-warning-1000-rgb: var(--token-semantics-warning-1000-rgb, 146, 95, 0);\n$ion-semantics-warning-1100: var(--token-semantics-warning-1100, $ion-primitives-yellow-1100);\n$ion-semantics-warning-1100-rgb: var(--token-semantics-warning-1100-rgb, 83, 56, 2);\n$ion-semantics-warning-1200: var(--token-semantics-warning-1200, $ion-primitives-yellow-1200);\n$ion-semantics-warning-1200-rgb: var(--token-semantics-warning-1200-rgb, 59, 41, 5);\n$ion-semantics-warning-base: var(--token-semantics-warning-base, $ion-semantics-warning-500);\n$ion-semantics-warning-base-rgb: var(--token-semantics-warning-base-rgb, 255, 214, 0);\n\n// Text\n$ion-text-default: var(--token-text-default, $ion-primitives-neutral-1200);\n$ion-text-default-rgb: var(--token-text-default-rgb, 36, 37, 40);\n$ion-text-subtle: var(--token-text-subtle, $ion-primitives-neutral-1000);\n$ion-text-subtle-rgb: var(--token-text-subtle-rgb, 56, 62, 69);\n$ion-text-subtlest: var(--token-text-subtlest, $ion-primitives-neutral-800);\n$ion-text-subtlest-rgb: var(--token-text-subtlest-rgb, 108, 114, 122);\n$ion-text-disabled: var(--token-text-disabled, $ion-primitives-neutral-500);\n$ion-text-disabled-rgb: var(--token-text-disabled-rgb, 159, 165, 173);\n$ion-text-primary: var(--token-text-primary, $ion-semantics-primary-800);\n$ion-text-primary-rgb: var(--token-text-primary-rgb, 15, 84, 218);\n$ion-text-info: var(--token-text-info, $ion-semantics-info-800);\n$ion-text-info-rgb: var(--token-text-info-rgb, 15, 84, 218);\n$ion-text-select: var(--token-text-select, $ion-semantics-primary-700);\n$ion-text-select-rgb: var(--token-text-select-rgb, 16, 92, 239);\n$ion-text-success: var(--token-text-success, $ion-semantics-success-900);\n$ion-text-success-rgb: var(--token-text-success-rgb, 3, 112, 70);\n$ion-text-danger: var(--token-text-danger, $ion-semantics-danger-800);\n$ion-text-danger-rgb: var(--token-text-danger-rgb, 210, 0, 43);\n$ion-text-warning: var(--token-text-warning, $ion-semantics-warning-1000);\n$ion-text-warning-rgb: var(--token-text-warning-rgb, 146, 95, 0);\n$ion-text-inverse: var(--token-text-inverse, $ion-primitives-base-white);\n$ion-text-inverse-rgb: var(--token-text-inverse-rgb, 255, 255, 255);\n$ion-text-light: var(--token-text-light, $ion-primitives-base-white);\n$ion-text-light-rgb: var(--token-text-light-rgb, 255, 255, 255);\n$ion-text-dark: var(--token-text-dark, $ion-primitives-base-black);\n$ion-text-dark-rgb: var(--token-text-dark-rgb, 19, 21, 24);\n$ion-text-link-default: var(--token-text-link-default, $ion-semantics-primary-800);\n$ion-text-link-default-rgb: var(--token-text-link-default-rgb, 15, 84, 218);\n$ion-text-link-hover: var(--token-text-link-hover, $ion-semantics-primary-900);\n$ion-text-link-hover-rgb: var(--token-text-link-hover-rgb, 13, 75, 195);\n$ion-text-link-press: var(--token-text-link-press, $ion-semantics-primary-1000);\n$ion-text-link-press-rgb: var(--token-text-link-press-rgb, 11, 65, 169);\n$ion-text-link-visited: var(--token-text-link-visited, $ion-semantics-primary-1000);\n$ion-text-link-visited-rgb: var(--token-text-link-visited-rgb, 11, 65, 169);\n$ion-text-extended-pumpkin: var(--token-text-extended-pumpkin, $ion-primitives-pumpkin-800);\n$ion-text-extended-pumpkin-rgb: var(--token-text-extended-pumpkin-rgb, 159, 60, 5);\n$ion-text-extended-orange: var(--token-text-extended-orange, $ion-primitives-orange-1000);\n$ion-text-extended-orange-rgb: var(--token-text-extended-orange-rgb, 159, 73, 4);\n$ion-text-extended-lime: var(--token-text-extended-lime, $ion-primitives-lime-900);\n$ion-text-extended-lime-rgb: var(--token-text-extended-lime-rgb, 96, 111, 0);\n$ion-text-extended-teal: var(--token-text-extended-teal, $ion-primitives-teal-900);\n$ion-text-extended-teal-rgb: var(--token-text-extended-teal-rgb, 0, 107, 95);\n$ion-text-extended-aqua: var(--token-text-extended-aqua, $ion-primitives-aqua-1000);\n$ion-text-extended-aqua-rgb: var(--token-text-extended-aqua-rgb, 20, 97, 114);\n$ion-text-extended-indigo: var(--token-text-extended-indigo, $ion-primitives-indigo-700);\n$ion-text-extended-indigo-rgb: var(--token-text-extended-indigo-rgb, 88, 50, 237);\n$ion-text-extended-violet: var(--token-text-extended-violet, $ion-primitives-violet-700);\n$ion-text-extended-violet-rgb: var(--token-text-extended-violet-rgb, 124, 32, 242);\n$ion-text-extended-purple: var(--token-text-extended-purple, $ion-primitives-purple-900);\n$ion-text-extended-purple-rgb: var(--token-text-extended-purple-rgb, 149, 49, 197);\n$ion-text-extended-magenta: var(--token-text-extended-magenta, $ion-primitives-magenta-900);\n$ion-text-extended-magenta-rgb: var(--token-text-extended-magenta-rgb, 193, 60, 172);\n$ion-text-extended-pink: var(--token-text-extended-pink, $ion-primitives-pink-900);\n$ion-text-extended-pink-rgb: var(--token-text-extended-pink-rgb, 204, 13, 126);\n\n// Bg\n$ion-bg-body: var(--token-bg-body, $ion-primitives-base-white);\n$ion-bg-body-rgb: var(--token-bg-body-rgb, 255, 255, 255);\n$ion-bg-surface-default: var(--token-bg-surface-default, $ion-primitives-base-white);\n$ion-bg-surface-default-rgb: var(--token-bg-surface-default-rgb, 255, 255, 255);\n$ion-bg-surface-inverse: var(--token-bg-surface-inverse, $ion-primitives-base-white);\n$ion-bg-surface-inverse-rgb: var(--token-bg-surface-inverse-rgb, 255, 255, 255);\n$ion-bg-surface-blur: var(--token-bg-surface-blur, rgba(255, 255, 255, 0.8));\n$ion-bg-primary-base-default: var(--token-bg-primary-base-default, $ion-semantics-primary-base);\n$ion-bg-primary-base-default-rgb: var(--token-bg-primary-base-default-rgb, 16, 92, 239);\n$ion-bg-primary-base-hover: var(--token-bg-primary-base-hover, $ion-semantics-primary-800);\n$ion-bg-primary-base-hover-rgb: var(--token-bg-primary-base-hover-rgb, 15, 84, 218);\n$ion-bg-primary-base-press: var(--token-bg-primary-base-press, $ion-semantics-primary-900);\n$ion-bg-primary-base-press-rgb: var(--token-bg-primary-base-press-rgb, 13, 75, 195);\n$ion-bg-primary-subtle-default: var(--token-bg-primary-subtle-default, $ion-semantics-primary-100);\n$ion-bg-primary-subtle-default-rgb: var(--token-bg-primary-subtle-default-rgb, 240, 242, 255);\n$ion-bg-primary-subtle-hover: var(--token-bg-primary-subtle-hover, $ion-semantics-primary-200);\n$ion-bg-primary-subtle-hover-rgb: var(--token-bg-primary-subtle-hover-rgb, 228, 232, 255);\n$ion-bg-primary-subtle-press: var(--token-bg-primary-subtle-press, $ion-semantics-primary-300);\n$ion-bg-primary-subtle-press-rgb: var(--token-bg-primary-subtle-press-rgb, 208, 215, 250);\n$ion-bg-neutral-subtlest-default: var(--token-bg-neutral-subtlest-default, $ion-primitives-base-white);\n$ion-bg-neutral-subtlest-default-rgb: var(--token-bg-neutral-subtlest-default-rgb, 255, 255, 255);\n$ion-bg-neutral-subtlest-hover: var(--token-bg-neutral-subtlest-hover, $ion-primitives-neutral-100);\n$ion-bg-neutral-subtlest-hover-rgb: var(--token-bg-neutral-subtlest-hover-rgb, 246, 247, 250);\n$ion-bg-neutral-subtlest-press: var(--token-bg-neutral-subtlest-press, $ion-primitives-neutral-200);\n$ion-bg-neutral-subtlest-press-rgb: var(--token-bg-neutral-subtlest-press-rgb, 235, 238, 242);\n$ion-bg-neutral-subtle-default: var(--token-bg-neutral-subtle-default, $ion-primitives-neutral-100);\n$ion-bg-neutral-subtle-default-rgb: var(--token-bg-neutral-subtle-default-rgb, 246, 247, 250);\n$ion-bg-neutral-subtle-hover: var(--token-bg-neutral-subtle-hover, $ion-primitives-neutral-200);\n$ion-bg-neutral-subtle-hover-rgb: var(--token-bg-neutral-subtle-hover-rgb, 235, 238, 242);\n$ion-bg-neutral-subtle-press: var(--token-bg-neutral-subtle-press, $ion-primitives-neutral-300);\n$ion-bg-neutral-subtle-press-rgb: var(--token-bg-neutral-subtle-press-rgb, 230, 234, 238);\n$ion-bg-neutral-base-default: var(--token-bg-neutral-base-default, $ion-primitives-neutral-300);\n$ion-bg-neutral-base-default-rgb: var(--token-bg-neutral-base-default-rgb, 230, 234, 238);\n$ion-bg-neutral-base-hover: var(--token-bg-neutral-base-hover, $ion-primitives-neutral-400);\n$ion-bg-neutral-base-hover-rgb: var(--token-bg-neutral-base-hover-rgb, 208, 215, 223);\n$ion-bg-neutral-base-press: var(--token-bg-neutral-base-press, $ion-primitives-neutral-500);\n$ion-bg-neutral-base-press-rgb: var(--token-bg-neutral-base-press-rgb, 159, 165, 173);\n$ion-bg-neutral-bold-default: var(--token-bg-neutral-bold-default, $ion-primitives-neutral-1000);\n$ion-bg-neutral-bold-default-rgb: var(--token-bg-neutral-bold-default-rgb, 56, 62, 69);\n$ion-bg-neutral-bold-hover: var(--token-bg-neutral-bold-hover, $ion-primitives-neutral-1100);\n$ion-bg-neutral-bold-hover-rgb: var(--token-bg-neutral-bold-hover-rgb, 44, 50, 56);\n$ion-bg-neutral-bold-press: var(--token-bg-neutral-bold-press, $ion-primitives-neutral-1200);\n$ion-bg-neutral-bold-press-rgb: var(--token-bg-neutral-bold-press-rgb, 36, 37, 40);\n$ion-bg-neutral-boldest-default: var(--token-bg-neutral-boldest-default, $ion-primitives-neutral-1200);\n$ion-bg-neutral-boldest-default-rgb: var(--token-bg-neutral-boldest-default-rgb, 36, 37, 40);\n$ion-bg-neutral-boldest-press: var(--token-bg-neutral-boldest-press, $ion-primitives-base-black);\n$ion-bg-neutral-boldest-press-rgb: var(--token-bg-neutral-boldest-press-rgb, 19, 21, 24);\n$ion-bg-info-base-default: var(--token-bg-info-base-default, $ion-primitives-blue-800);\n$ion-bg-info-base-default-rgb: var(--token-bg-info-base-default-rgb, 15, 84, 218);\n$ion-bg-info-base-hover: var(--token-bg-info-base-hover, $ion-primitives-blue-900);\n$ion-bg-info-base-hover-rgb: var(--token-bg-info-base-hover-rgb, 13, 75, 195);\n$ion-bg-info-base-press: var(--token-bg-info-base-press, $ion-primitives-blue-1000);\n$ion-bg-info-base-press-rgb: var(--token-bg-info-base-press-rgb, 11, 65, 169);\n$ion-bg-info-subtle-default: var(--token-bg-info-subtle-default, $ion-primitives-blue-100);\n$ion-bg-info-subtle-default-rgb: var(--token-bg-info-subtle-default-rgb, 240, 242, 255);\n$ion-bg-info-subtle-hover: var(--token-bg-info-subtle-hover, $ion-primitives-blue-200);\n$ion-bg-info-subtle-hover-rgb: var(--token-bg-info-subtle-hover-rgb, 228, 232, 255);\n$ion-bg-info-subtle-press: var(--token-bg-info-subtle-press, $ion-primitives-blue-300);\n$ion-bg-info-subtle-press-rgb: var(--token-bg-info-subtle-press-rgb, 208, 215, 250);\n$ion-bg-success-base-default: var(--token-bg-success-base-default, $ion-semantics-success-800);\n$ion-bg-success-base-default-rgb: var(--token-bg-success-base-default-rgb, 3, 136, 85);\n$ion-bg-success-base-hover: var(--token-bg-success-base-hover, $ion-semantics-success-900);\n$ion-bg-success-base-hover-rgb: var(--token-bg-success-base-hover-rgb, 3, 112, 70);\n$ion-bg-success-base-press: var(--token-bg-success-base-press, $ion-semantics-success-1000);\n$ion-bg-success-base-press-rgb: var(--token-bg-success-base-press-rgb, 5, 86, 55);\n$ion-bg-success-subtle-default: var(--token-bg-success-subtle-default, $ion-semantics-success-100);\n$ion-bg-success-subtle-default-rgb: var(--token-bg-success-subtle-default-rgb, 237, 255, 247);\n$ion-bg-success-subtle-hover: var(--token-bg-success-subtle-hover, $ion-semantics-success-200);\n$ion-bg-success-subtle-hover-rgb: var(--token-bg-success-subtle-hover-rgb, 220, 255, 239);\n$ion-bg-success-subtle-press: var(--token-bg-success-subtle-press, $ion-semantics-success-300);\n$ion-bg-success-subtle-press-rgb: var(--token-bg-success-subtle-press-rgb, 206, 244, 228);\n$ion-bg-warning-base-default: var(--token-bg-warning-base-default, $ion-primitives-yellow-500);\n$ion-bg-warning-base-default-rgb: var(--token-bg-warning-base-default-rgb, 255, 214, 0);\n$ion-bg-warning-base-hover: var(--token-bg-warning-base-hover, $ion-primitives-yellow-600);\n$ion-bg-warning-base-hover-rgb: var(--token-bg-warning-base-hover-rgb, 249, 189, 10);\n$ion-bg-warning-base-press: var(--token-bg-warning-base-press, $ion-primitives-yellow-700);\n$ion-bg-warning-base-press-rgb: var(--token-bg-warning-base-press-rgb, 223, 156, 0);\n$ion-bg-warning-subtle-default: var(--token-bg-warning-subtle-default, $ion-primitives-yellow-100);\n$ion-bg-warning-subtle-default-rgb: var(--token-bg-warning-subtle-default-rgb, 255, 245, 219);\n$ion-bg-warning-subtle-hover: var(--token-bg-warning-subtle-hover, $ion-primitives-yellow-200);\n$ion-bg-warning-subtle-hover-rgb: var(--token-bg-warning-subtle-hover-rgb, 255, 240, 199);\n$ion-bg-warning-subtle-press: var(--token-bg-warning-subtle-press, $ion-primitives-yellow-300);\n$ion-bg-warning-subtle-press-rgb: var(--token-bg-warning-subtle-press-rgb, 249, 226, 161);\n$ion-bg-danger-base-default: var(--token-bg-danger-base-default, $ion-semantics-danger-700);\n$ion-bg-danger-base-default-rgb: var(--token-bg-danger-base-default-rgb, 224, 36, 58);\n$ion-bg-danger-base-hover: var(--token-bg-danger-base-hover, $ion-semantics-danger-800);\n$ion-bg-danger-base-hover-rgb: var(--token-bg-danger-base-hover-rgb, 210, 0, 43);\n$ion-bg-danger-base-press: var(--token-bg-danger-base-press, $ion-semantics-danger-900);\n$ion-bg-danger-base-press-rgb: var(--token-bg-danger-base-press-rgb, 171, 2, 36);\n$ion-bg-danger-subtle-default: var(--token-bg-danger-subtle-default, $ion-semantics-danger-100);\n$ion-bg-danger-subtle-default-rgb: var(--token-bg-danger-subtle-default-rgb, 255, 239, 241);\n$ion-bg-danger-subtle-hover: var(--token-bg-danger-subtle-hover, $ion-semantics-danger-200);\n$ion-bg-danger-subtle-hover-rgb: var(--token-bg-danger-subtle-hover-rgb, 252, 216, 220);\n$ion-bg-danger-subtle-press: var(--token-bg-danger-subtle-press, $ion-semantics-danger-300);\n$ion-bg-danger-subtle-press-rgb: var(--token-bg-danger-subtle-press-rgb, 250, 177, 185);\n$ion-bg-select-default: var(--token-bg-select-default, $ion-semantics-primary-100);\n$ion-bg-select-default-rgb: var(--token-bg-select-default-rgb, 240, 242, 255);\n$ion-bg-select-hover: var(--token-bg-select-hover, $ion-semantics-primary-200);\n$ion-bg-select-hover-rgb: var(--token-bg-select-hover-rgb, 228, 232, 255);\n$ion-bg-select-press: var(--token-bg-select-press, $ion-semantics-primary-300);\n$ion-bg-select-press-rgb: var(--token-bg-select-press-rgb, 208, 215, 250);\n$ion-bg-input-default: var(--token-bg-input-default, $ion-primitives-base-white);\n$ion-bg-input-default-rgb: var(--token-bg-input-default-rgb, 255, 255, 255);\n$ion-bg-input-hover: var(--token-bg-input-hover, $ion-primitives-neutral-100);\n$ion-bg-input-hover-rgb: var(--token-bg-input-hover-rgb, 246, 247, 250);\n$ion-bg-input-press: var(--token-bg-input-press, $ion-primitives-neutral-200);\n$ion-bg-input-press-rgb: var(--token-bg-input-press-rgb, 235, 238, 242);\n$ion-bg-input-read-only: var(--token-bg-input-read-only, $ion-primitives-neutral-100);\n$ion-bg-input-read-only-rgb: var(--token-bg-input-read-only-rgb, 246, 247, 250);\n$ion-bg-input-disabled: var(--token-bg-input-disabled, $ion-primitives-neutral-100);\n$ion-bg-input-disabled-rgb: var(--token-bg-input-disabled-rgb, 246, 247, 250);\n$ion-bg-input-bold-default: var(--token-bg-input-bold-default, $ion-primitives-neutral-200);\n$ion-bg-input-bold-default-rgb: var(--token-bg-input-bold-default-rgb, 235, 238, 242);\n$ion-bg-input-bold-hover: var(--token-bg-input-bold-hover, $ion-primitives-neutral-300);\n$ion-bg-input-bold-hover-rgb: var(--token-bg-input-bold-hover-rgb, 230, 234, 238);\n$ion-bg-input-bold-press: var(--token-bg-input-bold-press, $ion-primitives-neutral-400);\n$ion-bg-input-bold-press-rgb: var(--token-bg-input-bold-press-rgb, 208, 215, 223);\n$ion-bg-input-bold-read-only: var(--token-bg-input-bold-read-only, $ion-primitives-neutral-300);\n$ion-bg-input-bold-read-only-rgb: var(--token-bg-input-bold-read-only-rgb, 230, 234, 238);\n$ion-bg-input-bold-disabled: var(--token-bg-input-bold-disabled, $ion-primitives-neutral-300);\n$ion-bg-input-bold-disabled-rgb: var(--token-bg-input-bold-disabled-rgb, 230, 234, 238);\n$ion-bg-skeleton-default: var(--token-bg-skeleton-default, $ion-primitives-neutral-200);\n$ion-bg-skeleton-default-rgb: var(--token-bg-skeleton-default-rgb, 235, 238, 242);\n$ion-bg-skeleton-pulse: var(--token-bg-skeleton-pulse, $ion-primitives-neutral-400);\n$ion-bg-skeleton-pulse-rgb: var(--token-bg-skeleton-pulse-rgb, 208, 215, 223);\n$ion-bg-extended-pumpkin-base-default: var(--token-bg-extended-pumpkin-base-default, $ion-primitives-pumpkin-700);\n$ion-bg-extended-pumpkin-base-default-rgb: var(--token-bg-extended-pumpkin-base-default-rgb, 189, 71, 5);\n$ion-bg-extended-pumpkin-base-hover: var(--token-bg-extended-pumpkin-base-hover, $ion-primitives-pumpkin-800);\n$ion-bg-extended-pumpkin-base-hover-rgb: var(--token-bg-extended-pumpkin-base-hover-rgb, 159, 60, 5);\n$ion-bg-extended-pumpkin-base-press: var(--token-bg-extended-pumpkin-base-press, $ion-primitives-pumpkin-900);\n$ion-bg-extended-pumpkin-base-press-rgb: var(--token-bg-extended-pumpkin-base-press-rgb, 128, 48, 4);\n$ion-bg-extended-pumpkin-subtle-default: var(--token-bg-extended-pumpkin-subtle-default, $ion-primitives-pumpkin-100);\n$ion-bg-extended-pumpkin-subtle-default-rgb: var(--token-bg-extended-pumpkin-subtle-default-rgb, 255, 224, 219);\n$ion-bg-extended-pumpkin-subtle-hover: var(--token-bg-extended-pumpkin-subtle-hover, $ion-primitives-pumpkin-200);\n$ion-bg-extended-pumpkin-subtle-hover-rgb: var(--token-bg-extended-pumpkin-subtle-hover-rgb, 255, 214, 208);\n$ion-bg-extended-pumpkin-subtle-press: var(--token-bg-extended-pumpkin-subtle-press, $ion-primitives-pumpkin-300);\n$ion-bg-extended-pumpkin-subtle-press-rgb: var(--token-bg-extended-pumpkin-subtle-press-rgb, 251, 189, 177);\n$ion-bg-extended-orange-base-default: var(--token-bg-extended-orange-base-default, $ion-primitives-orange-900);\n$ion-bg-extended-orange-base-default-rgb: var(--token-bg-extended-orange-base-default-rgb, 193, 87, 0);\n$ion-bg-extended-orange-base-hover: var(--token-bg-extended-orange-base-hover, $ion-primitives-orange-1000);\n$ion-bg-extended-orange-base-hover-rgb: var(--token-bg-extended-orange-base-hover-rgb, 159, 73, 4);\n$ion-bg-extended-orange-base-press: var(--token-bg-extended-orange-base-press, $ion-primitives-orange-1100);\n$ion-bg-extended-orange-base-press-rgb: var(--token-bg-extended-orange-base-press-rgb, 86, 47, 27);\n$ion-bg-extended-orange-subtle-default: var(--token-bg-extended-orange-subtle-default, $ion-primitives-orange-100);\n$ion-bg-extended-orange-subtle-default-rgb: var(--token-bg-extended-orange-subtle-default-rgb, 253, 240, 234);\n$ion-bg-extended-orange-subtle-hover: var(--token-bg-extended-orange-subtle-hover, $ion-primitives-orange-200);\n$ion-bg-extended-orange-subtle-hover-rgb: var(--token-bg-extended-orange-subtle-hover-rgb, 255, 235, 222);\n$ion-bg-extended-orange-subtle-press: var(--token-bg-extended-orange-subtle-press, $ion-primitives-orange-300);\n$ion-bg-extended-orange-subtle-press-rgb: var(--token-bg-extended-orange-subtle-press-rgb, 255, 215, 190);\n$ion-bg-extended-lime-base-default: var(--token-bg-extended-lime-base-default, $ion-primitives-lime-800);\n$ion-bg-extended-lime-base-default-rgb: var(--token-bg-extended-lime-base-default-rgb, 109, 125, 5);\n$ion-bg-extended-lime-base-hover: var(--token-bg-extended-lime-base-hover, $ion-primitives-lime-900);\n$ion-bg-extended-lime-base-hover-rgb: var(--token-bg-extended-lime-base-hover-rgb, 96, 111, 0);\n$ion-bg-extended-lime-base-press: var(--token-bg-extended-lime-base-press, $ion-primitives-lime-1000);\n$ion-bg-extended-lime-base-press-rgb: var(--token-bg-extended-lime-base-press-rgb, 79, 91, 1);\n$ion-bg-extended-lime-subtle-default: var(--token-bg-extended-lime-subtle-default, $ion-primitives-lime-100);\n$ion-bg-extended-lime-subtle-default-rgb: var(--token-bg-extended-lime-subtle-default-rgb, 243, 254, 205);\n$ion-bg-extended-lime-subtle-hover: var(--token-bg-extended-lime-subtle-hover, $ion-primitives-lime-200);\n$ion-bg-extended-lime-subtle-hover-rgb: var(--token-bg-extended-lime-subtle-hover-rgb, 233, 247, 187);\n$ion-bg-extended-lime-subtle-press: var(--token-bg-extended-lime-subtle-press, $ion-primitives-lime-300);\n$ion-bg-extended-lime-subtle-press-rgb: var(--token-bg-extended-lime-subtle-press-rgb, 222, 238, 170);\n$ion-bg-extended-teal-base-default: var(--token-bg-extended-teal-base-default, $ion-primitives-teal-800);\n$ion-bg-extended-teal-base-default-rgb: var(--token-bg-extended-teal-base-default-rgb, 0, 133, 118);\n$ion-bg-extended-teal-base-hover: var(--token-bg-extended-teal-base-hover, $ion-primitives-teal-900);\n$ion-bg-extended-teal-base-hover-rgb: var(--token-bg-extended-teal-base-hover-rgb, 0, 107, 95);\n$ion-bg-extended-teal-base-press: var(--token-bg-extended-teal-base-press, $ion-primitives-teal-1000);\n$ion-bg-extended-teal-base-press-rgb: var(--token-bg-extended-teal-base-press-rgb, 0, 81, 71);\n$ion-bg-extended-teal-subtle-default: var(--token-bg-extended-teal-subtle-default, $ion-primitives-teal-100);\n$ion-bg-extended-teal-subtle-default-rgb: var(--token-bg-extended-teal-subtle-default-rgb, 213, 249, 241);\n$ion-bg-extended-teal-subtle-hover: var(--token-bg-extended-teal-subtle-hover, $ion-primitives-teal-200);\n$ion-bg-extended-teal-subtle-hover-rgb: var(--token-bg-extended-teal-subtle-hover-rgb, 199, 241, 232);\n$ion-bg-extended-teal-subtle-press: var(--token-bg-extended-teal-subtle-press, $ion-primitives-teal-300);\n$ion-bg-extended-teal-subtle-press-rgb: var(--token-bg-extended-teal-subtle-press-rgb, 177, 231, 221);\n$ion-bg-extended-aqua-base-default: var(--token-bg-extended-aqua-base-default, $ion-primitives-aqua-900);\n$ion-bg-extended-aqua-base-default-rgb: var(--token-bg-extended-aqua-base-default-rgb, 18, 127, 152);\n$ion-bg-extended-aqua-base-hover: var(--token-bg-extended-aqua-base-hover, $ion-primitives-aqua-1000);\n$ion-bg-extended-aqua-base-hover-rgb: var(--token-bg-extended-aqua-base-hover-rgb, 20, 97, 114);\n$ion-bg-extended-aqua-base-press: var(--token-bg-extended-aqua-base-press, $ion-primitives-aqua-1100);\n$ion-bg-extended-aqua-base-press-rgb: var(--token-bg-extended-aqua-base-press-rgb, 10, 55, 65);\n$ion-bg-extended-aqua-subtle-default: var(--token-bg-extended-aqua-subtle-default, $ion-primitives-aqua-100);\n$ion-bg-extended-aqua-subtle-default-rgb: var(--token-bg-extended-aqua-subtle-default-rgb, 217, 245, 255);\n$ion-bg-extended-aqua-subtle-hover: var(--token-bg-extended-aqua-subtle-hover, $ion-primitives-aqua-200);\n$ion-bg-extended-aqua-subtle-hover-rgb: var(--token-bg-extended-aqua-subtle-hover-rgb, 203, 239, 252);\n$ion-bg-extended-aqua-subtle-press: var(--token-bg-extended-aqua-subtle-press, $ion-primitives-aqua-300);\n$ion-bg-extended-aqua-subtle-press-rgb: var(--token-bg-extended-aqua-subtle-press-rgb, 179, 233, 252);\n$ion-bg-extended-indigo-base-default: var(--token-bg-extended-indigo-base-default, $ion-primitives-indigo-700);\n$ion-bg-extended-indigo-base-default-rgb: var(--token-bg-extended-indigo-base-default-rgb, 88, 50, 237);\n$ion-bg-extended-indigo-base-hover: var(--token-bg-extended-indigo-base-hover, $ion-primitives-indigo-800);\n$ion-bg-extended-indigo-base-hover-rgb: var(--token-bg-extended-indigo-base-hover-rgb, 59, 25, 195);\n$ion-bg-extended-indigo-base-press: var(--token-bg-extended-indigo-base-press, $ion-primitives-indigo-900);\n$ion-bg-extended-indigo-base-press-rgb: var(--token-bg-extended-indigo-base-press-rgb, 53, 22, 174);\n$ion-bg-extended-indigo-subtle-default: var(--token-bg-extended-indigo-subtle-default, $ion-primitives-indigo-100);\n$ion-bg-extended-indigo-subtle-default-rgb: var(--token-bg-extended-indigo-subtle-default-rgb, 235, 232, 255);\n$ion-bg-extended-indigo-subtle-hover: var(--token-bg-extended-indigo-subtle-hover, $ion-primitives-indigo-200);\n$ion-bg-extended-indigo-subtle-hover-rgb: var(--token-bg-extended-indigo-subtle-hover-rgb, 230, 226, 254);\n$ion-bg-extended-indigo-subtle-press: var(--token-bg-extended-indigo-subtle-press, $ion-primitives-indigo-300);\n$ion-bg-extended-indigo-subtle-press-rgb: var(--token-bg-extended-indigo-subtle-press-rgb, 211, 209, 242);\n$ion-bg-extended-violet-base-default: var(--token-bg-extended-violet-base-default, $ion-primitives-violet-700);\n$ion-bg-extended-violet-base-default-rgb: var(--token-bg-extended-violet-base-default-rgb, 124, 32, 242);\n$ion-bg-extended-violet-base-hover: var(--token-bg-extended-violet-base-hover, $ion-primitives-violet-800);\n$ion-bg-extended-violet-base-hover-rgb: var(--token-bg-extended-violet-base-hover-rgb, 113, 29, 221);\n$ion-bg-extended-violet-base-press: var(--token-bg-extended-violet-base-press, $ion-primitives-violet-900);\n$ion-bg-extended-violet-base-press-rgb: var(--token-bg-extended-violet-base-press-rgb, 101, 26, 197);\n$ion-bg-extended-violet-subtle-default: var(--token-bg-extended-violet-subtle-default, $ion-primitives-violet-100);\n$ion-bg-extended-violet-subtle-default-rgb: var(--token-bg-extended-violet-subtle-default-rgb, 236, 230, 255);\n$ion-bg-extended-violet-subtle-hover: var(--token-bg-extended-violet-subtle-hover, $ion-primitives-violet-200);\n$ion-bg-extended-violet-subtle-hover-rgb: var(--token-bg-extended-violet-subtle-hover-rgb, 229, 222, 252);\n$ion-bg-extended-violet-subtle-press: var(--token-bg-extended-violet-subtle-press, $ion-primitives-violet-300);\n$ion-bg-extended-violet-subtle-press-rgb: var(--token-bg-extended-violet-subtle-press-rgb, 220, 209, 251);\n$ion-bg-extended-purple-base-default: var(--token-bg-extended-purple-base-default, $ion-primitives-purple-800);\n$ion-bg-extended-purple-base-default-rgb: var(--token-bg-extended-purple-base-default-rgb, 167, 55, 220);\n$ion-bg-extended-purple-base-hover: var(--token-bg-extended-purple-base-hover, $ion-primitives-purple-900);\n$ion-bg-extended-purple-base-hover-rgb: var(--token-bg-extended-purple-base-hover-rgb, 149, 49, 197);\n$ion-bg-extended-purple-base-press: var(--token-bg-extended-purple-base-press, $ion-primitives-purple-1000);\n$ion-bg-extended-purple-base-press-rgb: var(--token-bg-extended-purple-base-press-rgb, 129, 42, 170);\n$ion-bg-extended-purple-subtle-default: var(--token-bg-extended-purple-subtle-default, $ion-primitives-purple-100);\n$ion-bg-extended-purple-subtle-default-rgb: var(--token-bg-extended-purple-subtle-default-rgb, 245, 234, 253);\n$ion-bg-extended-purple-subtle-hover: var(--token-bg-extended-purple-subtle-hover, $ion-primitives-purple-200);\n$ion-bg-extended-purple-subtle-hover-rgb: var(--token-bg-extended-purple-subtle-hover-rgb, 242, 226, 255);\n$ion-bg-extended-purple-subtle-press: var(--token-bg-extended-purple-subtle-press, $ion-primitives-purple-300);\n$ion-bg-extended-purple-subtle-press-rgb: var(--token-bg-extended-purple-subtle-press-rgb, 233, 211, 250);\n$ion-bg-extended-magenta-base-default: var(--token-bg-extended-magenta-base-default, $ion-primitives-magenta-900);\n$ion-bg-extended-magenta-base-default-rgb: var(--token-bg-extended-magenta-base-default-rgb, 193, 60, 172);\n$ion-bg-extended-magenta-base-hover: var(--token-bg-extended-magenta-base-hover, $ion-primitives-magenta-1000);\n$ion-bg-extended-magenta-base-hover-rgb: var(--token-bg-extended-magenta-base-hover-rgb, 168, 52, 149);\n$ion-bg-extended-magenta-base-press: var(--token-bg-extended-magenta-base-press, $ion-primitives-magenta-1100);\n$ion-bg-extended-magenta-base-press-rgb: var(--token-bg-extended-magenta-base-press-rgb, 137, 43, 122);\n$ion-bg-extended-magenta-subtle-default: var(--token-bg-extended-magenta-subtle-default, $ion-primitives-magenta-100);\n$ion-bg-extended-magenta-subtle-default-rgb: var(--token-bg-extended-magenta-subtle-default-rgb, 255, 236, 251);\n$ion-bg-extended-magenta-subtle-hover: var(--token-bg-extended-magenta-subtle-hover, $ion-primitives-magenta-200);\n$ion-bg-extended-magenta-subtle-hover-rgb: var(--token-bg-extended-magenta-subtle-hover-rgb, 255, 229, 250);\n$ion-bg-extended-magenta-subtle-press: var(--token-bg-extended-magenta-subtle-press, $ion-primitives-magenta-300);\n$ion-bg-extended-magenta-subtle-press-rgb: var(--token-bg-extended-magenta-subtle-press-rgb, 249, 212, 241);\n$ion-bg-extended-pink-base-default: var(--token-bg-extended-pink-base-default, $ion-primitives-pink-800);\n$ion-bg-extended-pink-base-default-rgb: var(--token-bg-extended-pink-base-default-rgb, 223, 27, 135);\n$ion-bg-extended-pink-base-hover: var(--token-bg-extended-pink-base-hover, $ion-primitives-pink-900);\n$ion-bg-extended-pink-base-hover-rgb: var(--token-bg-extended-pink-base-hover-rgb, 204, 13, 126);\n$ion-bg-extended-pink-base-press: var(--token-bg-extended-pink-base-press, $ion-primitives-pink-1000);\n$ion-bg-extended-pink-base-press-rgb: var(--token-bg-extended-pink-base-press-rgb, 167, 5, 101);\n$ion-bg-extended-pink-subtle-default: var(--token-bg-extended-pink-subtle-default, $ion-primitives-pink-100);\n$ion-bg-extended-pink-subtle-default-rgb: var(--token-bg-extended-pink-subtle-default-rgb, 255, 237, 244);\n$ion-bg-extended-pink-subtle-hover: var(--token-bg-extended-pink-subtle-hover, $ion-primitives-pink-200);\n$ion-bg-extended-pink-subtle-hover-rgb: var(--token-bg-extended-pink-subtle-hover-rgb, 255, 218, 232);\n$ion-bg-extended-pink-subtle-press: var(--token-bg-extended-pink-subtle-press, $ion-primitives-pink-300);\n$ion-bg-extended-pink-subtle-press-rgb: var(--token-bg-extended-pink-subtle-press-rgb, 253, 204, 222);\n\n// Icon\n$ion-icon-default: var(--token-icon-default, $ion-primitives-neutral-1200);\n$ion-icon-default-rgb: var(--token-icon-default-rgb, 36, 37, 40);\n$ion-icon-subtle: var(--token-icon-subtle, $ion-primitives-neutral-1000);\n$ion-icon-subtle-rgb: var(--token-icon-subtle-rgb, 56, 62, 69);\n$ion-icon-subtlest: var(--token-icon-subtlest, $ion-primitives-neutral-800);\n$ion-icon-subtlest-rgb: var(--token-icon-subtlest-rgb, 108, 114, 122);\n$ion-icon-disabled: var(--token-icon-disabled, $ion-primitives-neutral-500);\n$ion-icon-disabled-rgb: var(--token-icon-disabled-rgb, 159, 165, 173);\n$ion-icon-primary: var(--token-icon-primary, $ion-semantics-primary-800);\n$ion-icon-primary-rgb: var(--token-icon-primary-rgb, 15, 84, 218);\n$ion-icon-info: var(--token-icon-info, $ion-semantics-info-800);\n$ion-icon-info-rgb: var(--token-icon-info-rgb, 15, 84, 218);\n$ion-icon-select: var(--token-icon-select, $ion-semantics-primary-700);\n$ion-icon-select-rgb: var(--token-icon-select-rgb, 16, 92, 239);\n$ion-icon-success: var(--token-icon-success, $ion-semantics-success-800);\n$ion-icon-success-rgb: var(--token-icon-success-rgb, 3, 136, 85);\n$ion-icon-danger: var(--token-icon-danger, $ion-semantics-danger-800);\n$ion-icon-danger-rgb: var(--token-icon-danger-rgb, 210, 0, 43);\n$ion-icon-warning: var(--token-icon-warning, $ion-semantics-warning-1000);\n$ion-icon-warning-rgb: var(--token-icon-warning-rgb, 146, 95, 0);\n$ion-icon-inverse: var(--token-icon-inverse, $ion-primitives-base-white);\n$ion-icon-inverse-rgb: var(--token-icon-inverse-rgb, 255, 255, 255);\n$ion-icon-light: var(--token-icon-light, $ion-primitives-base-white);\n$ion-icon-light-rgb: var(--token-icon-light-rgb, 255, 255, 255);\n$ion-icon-dark: var(--token-icon-dark, $ion-primitives-base-black);\n$ion-icon-dark-rgb: var(--token-icon-dark-rgb, 19, 21, 24);\n$ion-icon-link-default: var(--token-icon-link-default, $ion-text-link-default);\n$ion-icon-link-default-rgb: var(--token-icon-link-default-rgb, 15, 84, 218);\n$ion-icon-link-hover: var(--token-icon-link-hover, $ion-text-link-hover);\n$ion-icon-link-hover-rgb: var(--token-icon-link-hover-rgb, 13, 75, 195);\n$ion-icon-link-press: var(--token-icon-link-press, $ion-text-link-press);\n$ion-icon-link-press-rgb: var(--token-icon-link-press-rgb, 11, 65, 169);\n$ion-icon-link-visited: var(--token-icon-link-visited, $ion-text-link-visited);\n$ion-icon-link-visited-rgb: var(--token-icon-link-visited-rgb, 11, 65, 169);\n$ion-icon-extended-pumpkin: var(--token-icon-extended-pumpkin, $ion-primitives-pumpkin-800);\n$ion-icon-extended-pumpkin-rgb: var(--token-icon-extended-pumpkin-rgb, 159, 60, 5);\n$ion-icon-extended-orange: var(--token-icon-extended-orange, $ion-primitives-orange-1000);\n$ion-icon-extended-orange-rgb: var(--token-icon-extended-orange-rgb, 159, 73, 4);\n$ion-icon-extended-lime: var(--token-icon-extended-lime, $ion-primitives-lime-900);\n$ion-icon-extended-lime-rgb: var(--token-icon-extended-lime-rgb, 96, 111, 0);\n$ion-icon-extended-teal: var(--token-icon-extended-teal, $ion-primitives-teal-900);\n$ion-icon-extended-teal-rgb: var(--token-icon-extended-teal-rgb, 0, 107, 95);\n$ion-icon-extended-aqua: var(--token-icon-extended-aqua, $ion-primitives-aqua-1000);\n$ion-icon-extended-aqua-rgb: var(--token-icon-extended-aqua-rgb, 20, 97, 114);\n$ion-icon-extended-indigo: var(--token-icon-extended-indigo, $ion-primitives-indigo-700);\n$ion-icon-extended-indigo-rgb: var(--token-icon-extended-indigo-rgb, 88, 50, 237);\n$ion-icon-extended-violet: var(--token-icon-extended-violet, $ion-primitives-violet-700);\n$ion-icon-extended-violet-rgb: var(--token-icon-extended-violet-rgb, 124, 32, 242);\n$ion-icon-extended-purple: var(--token-icon-extended-purple, $ion-primitives-purple-900);\n$ion-icon-extended-purple-rgb: var(--token-icon-extended-purple-rgb, 149, 49, 197);\n$ion-icon-extended-magenta: var(--token-icon-extended-magenta, $ion-primitives-magenta-900);\n$ion-icon-extended-magenta-rgb: var(--token-icon-extended-magenta-rgb, 193, 60, 172);\n$ion-icon-extended-pink: var(--token-icon-extended-pink, $ion-primitives-pink-900);\n$ion-icon-extended-pink-rgb: var(--token-icon-extended-pink-rgb, 204, 13, 126);\n\n// State\n$ion-state-press: var(--token-state-press, rgba(0, 0, 0, 0.07058823529411765));\n$ion-state-hover: var(--token-state-hover, rgba(0, 0, 0, 0.0392156862745098));\n$ion-state-disabled: var(--token-state-disabled, rgba(255, 255, 255, 0.6));\n\n// Border\n$ion-border-size-0: var(--token-border-size-0, $ion-scale-0);\n$ion-border-size-025: var(--token-border-size-025, $ion-scale-025);\n$ion-border-size-050: var(--token-border-size-050, $ion-scale-050);\n$ion-border-size-075: var(--token-border-size-075, $ion-scale-075);\n$ion-border-radius-0: var(--token-border-radius-0, $ion-scale-0);\n$ion-border-radius-100: var(--token-border-radius-100, $ion-scale-100);\n$ion-border-radius-200: var(--token-border-radius-200, $ion-scale-200);\n$ion-border-radius-300: var(--token-border-radius-300, $ion-scale-300);\n$ion-border-radius-400: var(--token-border-radius-400, $ion-scale-400);\n$ion-border-radius-500: var(--token-border-radius-500, $ion-scale-500);\n$ion-border-radius-800: var(--token-border-radius-800, $ion-scale-800);\n$ion-border-radius-1000: var(--token-border-radius-1000, $ion-scale-1000);\n$ion-border-radius-025: var(--token-border-radius-025, $ion-scale-050);\n$ion-border-radius-full: var(--token-border-radius-full, 999px);\n$ion-border-default: var(--token-border-default, $ion-primitives-neutral-400);\n$ion-border-default-rgb: var(--token-border-default-rgb, 208, 215, 223);\n$ion-border-subtle: var(--token-border-subtle, $ion-primitives-neutral-300);\n$ion-border-subtle-rgb: var(--token-border-subtle-rgb, 230, 234, 238);\n$ion-border-subtlest: var(--token-border-subtlest, $ion-primitives-base-white);\n$ion-border-subtlest-rgb: var(--token-border-subtlest-rgb, 255, 255, 255);\n$ion-border-disabled: var(--token-border-disabled, $ion-primitives-neutral-300);\n$ion-border-disabled-rgb: var(--token-border-disabled-rgb, 230, 234, 238);\n$ion-border-boldest: var(--token-border-boldest, $ion-primitives-neutral-1200);\n$ion-border-boldest-rgb: var(--token-border-boldest-rgb, 36, 37, 40);\n$ion-border-primary: var(--token-border-primary, $ion-semantics-primary-base);\n$ion-border-primary-rgb: var(--token-border-primary-rgb, 16, 92, 239);\n$ion-border-info: var(--token-border-info, $ion-semantics-info-500);\n$ion-border-info-rgb: var(--token-border-info-rgb, 148, 165, 244);\n$ion-border-success: var(--token-border-success, $ion-semantics-success-500);\n$ion-border-success-rgb: var(--token-border-success-rgb, 148, 217, 187);\n$ion-border-warning: var(--token-border-warning, $ion-semantics-warning-300);\n$ion-border-warning-rgb: var(--token-border-warning-rgb, 249, 226, 161);\n$ion-border-focus-default: var(--token-border-focus-default, $ion-semantics-primary-400);\n$ion-border-focus-default-rgb: var(--token-border-focus-default-rgb, 181, 192, 247);\n$ion-border-focus-error: var(--token-border-focus-error, $ion-primitives-red-400);\n$ion-border-focus-error-rgb: var(--token-border-focus-error-rgb, 238, 143, 154);\n$ion-border-danger-default: var(--token-border-danger-default, $ion-semantics-danger-600);\n$ion-border-danger-default-rgb: var(--token-border-danger-default-rgb, 239, 82, 100);\n$ion-border-danger-press: var(--token-border-danger-press, $ion-semantics-danger-700);\n$ion-border-danger-press-rgb: var(--token-border-danger-press-rgb, 224, 36, 58);\n$ion-border-input-default: var(--token-border-input-default, $ion-primitives-neutral-400);\n$ion-border-input-default-rgb: var(--token-border-input-default-rgb, 208, 215, 223);\n$ion-border-input-hover: var(--token-border-input-hover, $ion-primitives-neutral-500);\n$ion-border-input-hover-rgb: var(--token-border-input-hover-rgb, 159, 165, 173);\n$ion-border-input-press: var(--token-border-input-press, $ion-primitives-neutral-600);\n$ion-border-input-press-rgb: var(--token-border-input-press-rgb, 126, 133, 142);\n$ion-border-input-read-only: var(--token-border-input-read-only, $ion-primitives-neutral-600);\n$ion-border-input-read-only-rgb: var(--token-border-input-read-only-rgb, 126, 133, 142);\n\n// Font\n$ion-font-family: var(\n --token-font-family,\n -apple-system,\n system-ui,\n \"Segoe UI\",\n Roboto,\n Helvetica,\n Arial,\n sans-serif,\n \"Apple Color Emoji\",\n \"Segoe UI Emoji\",\n \"Segoe UI Symbol\"\n);\n$ion-font-weight-thin: var(--token-font-weight-thin, 100);\n$ion-font-weight-extra-light: var(--token-font-weight-extra-light, 200);\n$ion-font-weight-light: var(--token-font-weight-light, 300);\n$ion-font-weight-regular: var(--token-font-weight-regular, 400);\n$ion-font-weight-medium: var(--token-font-weight-medium, 500);\n$ion-font-weight-semi-bold: var(--token-font-weight-semi-bold, 600);\n$ion-font-weight-bold: var(--token-font-weight-bold, 700);\n$ion-font-weight-extra-bold: var(--token-font-weight-extra-bold, 800);\n$ion-font-weight-black: var(--token-font-weight-black, 900);\n$ion-font-size-250: var(--token-font-size-250, 0.625rem);\n$ion-font-size-275: var(--token-font-size-275, 0.6875rem);\n$ion-font-size-300: var(--token-font-size-300, 0.75rem);\n$ion-font-size-350: var(--token-font-size-350, 0.875rem);\n$ion-font-size-400: var(--token-font-size-400, 1rem);\n$ion-font-size-450: var(--token-font-size-450, 1.125rem);\n$ion-font-size-500: var(--token-font-size-500, 1.25rem);\n$ion-font-size-550: var(--token-font-size-550, 1.375rem);\n$ion-font-size-600: var(--token-font-size-600, 1.5rem);\n$ion-font-size-650: var(--token-font-size-650, 1.625rem);\n$ion-font-size-700: var(--token-font-size-700, 1.75rem);\n$ion-font-size-800: var(--token-font-size-800, 2rem);\n$ion-font-size-900: var(--token-font-size-900, 2.25rem);\n$ion-font-line-height-300: var(--token-font-line-height-300, 0.75rem);\n$ion-font-line-height-400: var(--token-font-line-height-400, 1rem);\n$ion-font-line-height-500: var(--token-font-line-height-500, 1.25rem);\n$ion-font-line-height-600: var(--token-font-line-height-600, 1.5rem);\n$ion-font-line-height-700: var(--token-font-line-height-700, 1.75rem);\n$ion-font-line-height-800: var(--token-font-line-height-800, 2rem);\n$ion-font-line-height-900: var(--token-font-line-height-900, 2.25rem);\n$ion-font-line-height-1100: var(--token-font-line-height-1100, 2.75rem);\n$ion-font-line-height-1200: var(--token-font-line-height-1200, 3rem);\n$ion-font-letter-spacing-0: var(--token-font-letter-spacing-0, 0);\n$ion-font-letter-spacing-100: var(--token-font-letter-spacing-100, 0.01em);\n$ion-font-letter-spacing-150: var(--token-font-letter-spacing-150, 0.015em);\n\n// Space\n$ion-space-0: var(--token-space-0, $ion-scale-0);\n$ion-space-100: var(--token-space-100, $ion-scale-100);\n$ion-space-150: var(--token-space-150, $ion-scale-150);\n$ion-space-200: var(--token-space-200, $ion-scale-200);\n$ion-space-250: var(--token-space-250, $ion-scale-250);\n$ion-space-300: var(--token-space-300, $ion-scale-300);\n$ion-space-400: var(--token-space-400, $ion-scale-400);\n$ion-space-500: var(--token-space-500, $ion-scale-500);\n$ion-space-600: var(--token-space-600, $ion-scale-600);\n$ion-space-700: var(--token-space-700, $ion-scale-700);\n$ion-space-800: var(--token-space-800, $ion-scale-800);\n$ion-space-900: var(--token-space-900, $ion-scale-900);\n$ion-space-1000: var(--token-space-1000, $ion-scale-1000);\n$ion-space-1100: var(--token-space-1100, $ion-scale-1100);\n$ion-space-1200: var(--token-space-1200, $ion-scale-1200);\n$ion-space-1400: var(--token-space-1400, $ion-scale-1400);\n$ion-space-1600: var(--token-space-1600, $ion-scale-1600);\n$ion-space-1800: var(--token-space-1800, $ion-scale-1800);\n$ion-space-2000: var(--token-space-2000, $ion-scale-2000);\n$ion-space-2400: var(--token-space-2400, $ion-scale-2400);\n$ion-space-2800: var(--token-space-2800, $ion-scale-2800);\n$ion-space-3200: var(--token-space-3200, $ion-scale-3200);\n$ion-space-3400: var(--token-space-3400, $ion-scale-3400);\n$ion-space-3600: var(--token-space-3600, $ion-scale-3600);\n$ion-space-4000: var(--token-space-4000, $ion-scale-4000);\n$ion-space-5000: var(--token-space-5000, $ion-scale-5000);\n$ion-space-6200: var(--token-space-6200, $ion-scale-6200);\n$ion-space-7400: var(--token-space-7400, $ion-scale-7400);\n$ion-space-9000: var(--token-space-9000, $ion-scale-9000);\n$ion-space-050: var(--token-space-050, $ion-scale-050);\n\n// Shadow\n$ion-shadow-1: var(--token-shadow-1, rgba(0, 0, 0, 0.0392156862745098));\n$ion-shadow-2: var(--token-shadow-2, rgba(0, 0, 0, 0.050980392156862744));\n$ion-shadow-3: var(--token-shadow-3, rgba(0, 0, 0, 0.07058823529411765));\n$ion-shadow-4: var(--token-shadow-4, rgba(0, 0, 0, 0.0784313725490196));\n$ion-shadow-5: var(--token-shadow-5, rgba(0, 0, 0, 0.12156862745098039));\n$ion-shadow-6: var(--token-shadow-6, rgba(0, 0, 0, 0.1607843137254902));\n$ion-shadow-7: var(--token-shadow-7, rgba(0, 0, 0, 0.1803921568627451));\n$ion-shadow-blur-4: var(--token-shadow-blur-4, 4px);\n$ion-shadow-blur-5: var(--token-shadow-blur-5, 5px);\n$ion-shadow-blur-7: var(--token-shadow-blur-7, 7px);\n$ion-shadow-blur-9: var(--token-shadow-blur-9, 9px);\n$ion-shadow-blur-12: var(--token-shadow-blur-12, 12px);\n$ion-shadow-blur-25: var(--token-shadow-blur-25, 25px);\n$ion-shadow-blur-32: var(--token-shadow-blur-32, 32px);\n$ion-shadow-blur-48: var(--token-shadow-blur-48, 48px);\n$ion-shadow-offset-0: var(--token-shadow-offset-0, 0px);\n$ion-shadow-offset-1: var(--token-shadow-offset-1, 1px);\n$ion-shadow-offset-2: var(--token-shadow-offset-2, 2px);\n$ion-shadow-offset-3: var(--token-shadow-offset-3, 3px);\n$ion-shadow-offset-6: var(--token-shadow-offset-6, 6px);\n$ion-shadow-offset-8: var(--token-shadow-offset-8, 8px);\n$ion-shadow-offset-15: var(--token-shadow-offset-15, 15px);\n$ion-shadow-spread-0: var(--token-shadow-spread-0, 0px);\n\n// Elevation\n$ion-elevation-1: var(\n --token-elevation-1,\n $ion-shadow-offset-0 $ion-shadow-offset-3 $ion-shadow-blur-9 $ion-shadow-spread-0 $ion-shadow-3,\n $ion-shadow-offset-0 $ion-shadow-offset-0 $ion-shadow-blur-4 $ion-shadow-spread-0 $ion-shadow-1\n);\n$ion-elevation-2: var(\n --token-elevation-2,\n $ion-shadow-offset-0 $ion-shadow-offset-8 $ion-shadow-blur-25 $ion-shadow-spread-0 $ion-shadow-4,\n $ion-shadow-offset-0 $ion-shadow-offset-1 $ion-shadow-blur-5 $ion-shadow-spread-0 $ion-shadow-2\n);\n$ion-elevation-3: var(\n --token-elevation-3,\n $ion-shadow-offset-0 $ion-shadow-offset-6 $ion-shadow-blur-32 $ion-shadow-spread-0 $ion-shadow-6,\n $ion-shadow-offset-0 $ion-shadow-offset-2 $ion-shadow-blur-7 $ion-shadow-spread-0 $ion-shadow-2\n);\n$ion-elevation-4: var(\n --token-elevation-4,\n $ion-shadow-offset-0 $ion-shadow-offset-15 $ion-shadow-blur-48 $ion-shadow-spread-0 $ion-shadow-7,\n $ion-shadow-offset-0 $ion-shadow-offset-3 $ion-shadow-blur-12 $ion-shadow-spread-0 $ion-shadow-5\n);\n\n// Z-index\n$ion-z-index-0: var(--token-z-index-0, 0);\n$ion-z-index-100: var(--token-z-index-100, 100);\n$ion-z-index-200: var(--token-z-index-200, 200);\n$ion-z-index-300: var(--token-z-index-300, 300);\n$ion-z-index-400: var(--token-z-index-400, 400);\n$ion-z-index-500: var(--token-z-index-500, 500);\n$ion-z-index-bottom: var(--token-z-index-bottom, -99999);\n$ion-z-index-top: var(--token-z-index-top, 99999);\n\n// Transition\n$ion-transition-time-0: var(--token-transition-time-0, 0ms);\n$ion-transition-time-100: var(--token-transition-time-100, 100ms);\n$ion-transition-time-150: var(--token-transition-time-150, 150ms);\n$ion-transition-time-200: var(--token-transition-time-200, 200ms);\n$ion-transition-time-300: var(--token-transition-time-300, 300ms);\n$ion-transition-time-500: var(--token-transition-time-500, 500ms);\n$ion-transition-time-1000: var(--token-transition-time-1000, 1000ms);\n$ion-transition-time-1500: var(--token-transition-time-1500, 1500ms);\n$ion-transition-curve-linear: var(--token-transition-curve-linear, linear);\n$ion-transition-curve-quick: var(--token-transition-curve-quick, cubic-bezier(0, 0, 0.2, 1));\n$ion-transition-curve-smooth: var(--token-transition-curve-smooth, cubic-bezier(0.25, 1, 0.5, 1));\n$ion-transition-curve-spring: var(--token-transition-curve-spring, cubic-bezier(0.16, 1, 0.3, 1));\n$ion-transition-curve-base: var(--token-transition-curve-base, cubic-bezier(0.4, 0, 1, 1));\n$ion-transition-curve-expressive: var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));\n$ion-transition-curve-bounce: var(--token-transition-curve-bounce, cubic-bezier(0.47, 0, 0.23, 1.38));\n\n// Blur\n$ion-blur: var(--token-blur, 12px);\n\n// Shape\n$ion-shape-2xs: var(--token-shape-2xs, 4px);\n$ion-shape-xs: var(--token-shape-xs, 8px);\n$ion-shape-sm: var(--token-shape-sm, 12px);\n$ion-shape-md: var(--token-shape-md, 16px);\n$ion-shape-lg: var(--token-shape-lg, 8px);\n$ion-shape-xl: var(--token-shape-xl, 12px);\n$ion-shape-2xl: var(--token-shape-2xl, 16px);\n$ion-shape-rectangular-2xs: var(--token-shape-rectangular-2xs, 0px);\n$ion-shape-rectangular-xs: var(--token-shape-rectangular-xs, 0px);\n$ion-shape-rectangular-sm: var(--token-shape-rectangular-sm, 0px);\n$ion-shape-rectangular-md: var(--token-shape-rectangular-md, 0px);\n$ion-shape-rectangular-lg: var(--token-shape-rectangular-lg, 0px);\n$ion-shape-rectangular-xl: var(--token-shape-rectangular-xl, 0px);\n$ion-shape-rectangular-2xl: var(--token-shape-rectangular-2xl, 0px);\n$ion-shape-round-2xs: var(--token-shape-round-2xs, 999px);\n$ion-shape-round-xs: var(--token-shape-round-xs, 999px);\n$ion-shape-round-sm: var(--token-shape-round-sm, 999px);\n$ion-shape-round-md: var(--token-shape-round-md, 999px);\n$ion-shape-round-lg: var(--token-shape-round-lg, 12px);\n$ion-shape-round-xl: var(--token-shape-round-xl, 16px);\n$ion-shape-round-2xl: var(--token-shape-round-2xl, 40px);\n$ion-shape-soft-2xs: var(--token-shape-soft-2xs, 4px);\n$ion-shape-soft-xs: var(--token-shape-soft-xs, 8px);\n$ion-shape-soft-sm: var(--token-shape-soft-sm, 12px);\n$ion-shape-soft-md: var(--token-shape-soft-md, 16px);\n$ion-shape-soft-lg: var(--token-shape-soft-lg, 8px);\n$ion-shape-soft-xl: var(--token-shape-soft-xl, 12px);\n$ion-shape-soft-2xl: var(--token-shape-soft-2xl, 16px);\n\n// Typography\n\n$ion-display-lg-light: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-900,\n font-style: normal,\n font-weight: $ion-font-weight-light,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1200,\n);\n\n$ion-display-lg-regular: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-900,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1200,\n);\n\n$ion-display-sm-light: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-800,\n font-style: normal,\n font-weight: $ion-font-weight-light,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1100,\n);\n\n$ion-display-sm-regular: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-800,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-1100,\n);\n\n$ion-heading-h1-regular: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n);\n\n$ion-heading-h1-medium: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n);\n\n$ion-heading-h1-semi-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n);\n\n$ion-heading-h1-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-700,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n);\n\n$ion-heading-h2-regular: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n);\n\n$ion-heading-h2-medium: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n);\n\n$ion-heading-h2-semi-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n);\n\n$ion-heading-h2-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-650,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-900,\n);\n\n$ion-heading-h3-regular: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n);\n\n$ion-heading-h3-medium: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n);\n\n$ion-heading-h3-semi-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n);\n\n$ion-heading-h3-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-600,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-800,\n);\n\n$ion-heading-h4-regular: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n);\n\n$ion-heading-h4-medium: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n);\n\n$ion-heading-h4-semi-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n);\n\n$ion-heading-h4-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-550,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n);\n\n$ion-heading-h5-regular: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n);\n\n$ion-heading-h5-medium: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n);\n\n$ion-heading-h5-semi-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n);\n\n$ion-heading-h5-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n);\n\n$ion-heading-h6-regular: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n);\n\n$ion-heading-h6-medium: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n);\n\n$ion-heading-h6-semi-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n);\n\n$ion-heading-h6-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-450,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-700,\n);\n\n$ion-body-lg-regular: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n);\n\n$ion-body-lg-medium: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n);\n\n$ion-body-lg-semi-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n);\n\n$ion-body-lg-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n);\n\n$ion-body-md-regular: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n);\n\n$ion-body-md-medium: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n);\n\n$ion-body-md-semi-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n);\n\n$ion-body-md-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-600,\n);\n\n$ion-body-sm-regular: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n);\n\n$ion-body-sm-medium: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n);\n\n$ion-body-sm-semi-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n);\n\n$ion-body-sm-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-0,\n line-height: $ion-font-line-height-500,\n);\n\n$ion-body-action-lg: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-500,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-100,\n line-height: $ion-font-line-height-600,\n);\n\n$ion-body-action-md: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-400,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-100,\n line-height: $ion-font-line-height-600,\n);\n\n$ion-body-action-sm: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-350,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-100,\n line-height: $ion-font-line-height-500,\n);\n\n$ion-body-action-xs: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-100,\n line-height: $ion-font-line-height-500,\n);\n\n$ion-overline-regular: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-regular,\n letter-spacing: $ion-font-letter-spacing-150,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n);\n\n$ion-overline-medium: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-medium,\n letter-spacing: $ion-font-letter-spacing-150,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n);\n\n$ion-overline-semi-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-semi-bold,\n letter-spacing: $ion-font-letter-spacing-150,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n);\n\n$ion-overline-bold: (\n font-family: $ion-font-family,\n font-size: $ion-font-size-300,\n font-style: normal,\n font-weight: $ion-font-weight-bold,\n letter-spacing: $ion-font-letter-spacing-150,\n line-height: $ion-font-line-height-500,\n text-transform: uppercase,\n);\n","// Ionic Mixins\n// forward the global mixin to be used on component scope\n@forward \"../mixins\";\n// use global mixins on this ionic.mixin context\n@use \"../mixins\" as mixins;\n@use \"../../foundations/ionic.vars.scss\" as tokens;\n\n// Pressed mixin to be used on pseudo elements for the Ionic Theme pressed state\n//\n// ex: :host(.ion-activated) .toggle-icon:after {\n// @include globals.pressed-state();\n// }\n//\n// --------------------------------------------------\n@mixin pressed-state() {\n @include mixins.position(0, 0, 0, 0);\n\n position: absolute;\n\n background-color: tokens.$ion-state-press;\n\n content: \"\";\n}\n\n// Field box mixin to be used on the pseudo element that draws the box around a\n// form field's control and slots. The field's own stylesheet places it on the\n// grid and sets the border and background, since those vary per fill.\n//\n// ex: .input-wrapper::before {\n// @include globals.field-box();\n// }\n//\n// --------------------------------------------------\n@mixin field-box($border-radius: var(--border-radius, 0)) {\n @include mixins.border-radius($border-radius);\n\n align-self: stretch;\n\n box-sizing: border-box;\n\n content: \"\";\n\n pointer-events: none;\n}\n\n// Disabled mixin to be used on pseudo elements for the Ionic Theme disabled state\n//\n// ex: :host(.checkbox-disabled) .native-wrapper:after {\n// @include globals.disable-state();\n// }\n//\n// --------------------------------------------------\n@mixin disabled-state() {\n @include mixins.position(0, 0, 0, 0);\n\n position: absolute;\n\n background-color: tokens.$ion-state-disabled;\n\n content: \"\";\n\n pointer-events: none;\n}\n\n// Focused mixin to be used on regular elements for the Ionic Theme focused state\n//\n// ex: :host(.ion-focused) .toggle-icon {\n// @include globals.focused-state();\n// }\n//\n// --------------------------------------------------\n@mixin focused-state($width: null, $style: null, $color: null, $addOffset: true) {\n // Use default values if null is passed\n $width: if($width != null, $width, tokens.$ion-border-size-050);\n $style: if($style != null, $style, solid);\n $color: if($color != null, $color, tokens.$ion-border-focus-default);\n\n @if $addOffset {\n outline-offset: $width;\n }\n\n outline: $width $style $color;\n}\n\n// Typography mixin to be used with typography scss variables (ionic.vars.scss)\n//\n// ex: @include typography($ion-heading-h3-medium);\n//\n// --------------------------------------------------\n@mixin typography($properties) {\n font-family: map-get($properties, font-family);\n font-size: map-get($properties, font-size);\n font-weight: map-get($properties, font-weight);\n\n letter-spacing: map-get($properties, letter-spacing);\n line-height: map-get($properties, line-height);\n\n text-decoration: map-get($properties, text-decoration);\n text-transform: map-get($properties, text-transform);\n}\n"]}
package/css/ionic/typography.ionic.css CHANGED
@@ -1 +1 @@
1
- html{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")}@supports(-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")}}body{font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none}h1{font-size:var(--token-font-size-700, 1.75rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-900, var(--token-scale-900, 36px));text-decoration:none;text-transform:none}h2{font-size:var(--token-font-size-650, 1.625rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-900, var(--token-scale-900, 36px));text-decoration:none;text-transform:none}h3{font-size:var(--token-font-size-600, 1.5rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-800, var(--token-scale-800, 32px));text-decoration:none;text-transform:none}h4{font-size:var(--token-font-size-550, 1.375rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none}h5{font-size:var(--token-font-size-500, 1.25rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none}h6{font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none}/*# sourceMappingURL=typography.ionic.css.map */
1
+ html{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")}@supports(-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"));font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")}}body{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-600, 1.5rem)}h1{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-700, 1.75rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-900, 2.25rem)}h2{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-650, 1.625rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-900, 2.25rem)}h3{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-600, 1.5rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-800, 2rem)}h4{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-550, 1.375rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-700, 1.75rem)}h5{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-500, 1.25rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-700, 1.75rem)}h6{font-family:var(--token-font-family, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0);line-height:var(--token-font-line-height-700, 1.75rem)}/*# sourceMappingURL=typography.ionic.css.map */