@ionic/core 8.8.7-dev.11779467048.1641d05e → 8.8.7-dev.11779921691.1777274a

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 (889) 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-grid.js +1 -1
  32. package/components/ion-header.js +1 -1
  33. package/components/ion-icon.js +1 -1
  34. package/components/ion-img.js +1 -1
  35. package/components/ion-infinite-scroll-content.js +1 -1
  36. package/components/ion-infinite-scroll.js +1 -1
  37. package/components/ion-input-otp.js +1 -1
  38. package/components/ion-input-password-toggle.js +1 -1
  39. package/components/ion-input.js +1 -1
  40. package/components/ion-item-divider.js +1 -1
  41. package/components/ion-item-group.js +1 -1
  42. package/components/ion-item-option.js +1 -1
  43. package/components/ion-item-options.js +1 -1
  44. package/components/ion-item-sliding.js +1 -1
  45. package/components/ion-item.js +1 -1
  46. package/components/ion-label.js +1 -1
  47. package/components/ion-list-header.js +1 -1
  48. package/components/ion-list.js +1 -1
  49. package/components/ion-loading.js +1 -1
  50. package/components/ion-menu-button.js +1 -1
  51. package/components/ion-menu-toggle.js +1 -1
  52. package/components/ion-menu.js +1 -1
  53. package/components/ion-modal.js +1 -1
  54. package/components/ion-nav-link.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-legacy-column.js +1 -1
  60. package/components/ion-picker-legacy.js +1 -1
  61. package/components/ion-picker.js +1 -1
  62. package/components/ion-popover.js +1 -1
  63. package/components/ion-progress-bar.js +1 -1
  64. package/components/ion-radio-group.js +1 -1
  65. package/components/ion-radio.js +1 -1
  66. package/components/ion-range.js +1 -1
  67. package/components/ion-refresher-content.js +1 -1
  68. package/components/ion-refresher.js +1 -1
  69. package/components/ion-reorder-group.js +1 -1
  70. package/components/ion-reorder.js +1 -1
  71. package/components/ion-ripple-effect.js +1 -1
  72. package/components/ion-route-redirect.js +1 -1
  73. package/components/ion-route.js +1 -1
  74. package/components/ion-router-link.js +1 -1
  75. package/components/ion-router-outlet.js +1 -1
  76. package/components/ion-router.js +1 -1
  77. package/components/ion-row.js +1 -1
  78. package/components/ion-searchbar.js +1 -1
  79. package/components/ion-segment-button.js +1 -1
  80. package/components/ion-segment-content.js +1 -1
  81. package/components/ion-segment-view.js +1 -1
  82. package/components/ion-segment.js +1 -1
  83. package/components/ion-select-modal.js +1 -1
  84. package/components/ion-select-option.js +1 -1
  85. package/components/ion-select-popover.js +1 -1
  86. package/components/ion-select.js +1 -1
  87. package/components/ion-skeleton-text.js +1 -1
  88. package/components/ion-spinner.js +1 -1
  89. package/components/ion-split-pane.js +1 -1
  90. package/components/ion-tab-bar.js +1 -1
  91. package/components/ion-tab-button.js +1 -1
  92. package/components/ion-tab.js +1 -1
  93. package/components/ion-tabs.js +1 -1
  94. package/components/ion-text.js +1 -1
  95. package/components/ion-textarea.js +1 -1
  96. package/components/ion-thumbnail.js +1 -1
  97. package/components/ion-title.js +1 -1
  98. package/components/ion-toast.js +1 -1
  99. package/components/ion-toggle.js +1 -1
  100. package/components/ion-toolbar.js +1 -1
  101. package/components/p-0sJvNkUu.js +4 -0
  102. package/components/{p-BcbmT6b3.js → p-7nmSk-Eb.js} +1 -1
  103. package/components/p-B1O3xdmF.js +4 -0
  104. package/components/p-BBB8g5Ql.js +4 -0
  105. package/components/p-BF7rwwG7.js +4 -0
  106. package/components/p-BHffbls9.js +4 -0
  107. package/components/p-BKBdJW0R.js +4 -0
  108. package/components/p-BKGLpdvY.js +4 -0
  109. package/components/p-BRrh2GWk.js +4 -0
  110. package/components/{p-BFCM_1oE.js → p-BTWFHAhB.js} +1 -1
  111. package/components/p-BVOTx9Tr.js +4 -0
  112. package/components/p-BVbPiSCE.js +4 -0
  113. package/components/p-BVgmZpV7.js +4 -0
  114. package/components/{p-CIoAIKEr.js → p-B_4LVR66.js} +1 -1
  115. package/components/p-BbwW7nXw.js +4 -0
  116. package/components/p-BePFSJjb.js +4 -0
  117. package/components/{p-zWP0sUV_.js → p-BilWM2xi.js} +1 -1
  118. package/components/p-Bnkcvm0_.js +4 -0
  119. package/components/p-Bp4m7lZT.js +4 -0
  120. package/components/p-BuQDh8MN.js +4 -0
  121. package/components/p-C4Uuc-Js.js +4 -0
  122. package/components/p-CF0UKsA-.js +4 -0
  123. package/components/p-CMETcSJz.js +4 -0
  124. package/components/p-CTDfzuym.js +4 -0
  125. package/components/p-CZwQlWO7.js +4 -0
  126. package/components/p-CkS5LcG3.js +4 -0
  127. package/components/p-CrC3J6IY.js +4 -0
  128. package/components/p-D9SzdDbV.js +4 -0
  129. package/components/p-DCoLfY48.js +4 -0
  130. package/components/p-DGHsHldT.js +4 -0
  131. package/components/p-DK2cppki.js +4 -0
  132. package/components/p-DMwGijtW.js +4 -0
  133. package/components/p-DPLIhs_Y.js +4 -0
  134. package/components/p-DRj_omR8.js +4 -0
  135. package/components/p-DWBdx_rf.js +4 -0
  136. package/{dist/ionic/p-CbkICFBN.js → components/p-DXBx6hf_.js} +1 -1
  137. package/components/p-DZwp0os_.js +4 -0
  138. package/components/{p-BErKjY03.js → p-DbQt4Kex.js} +1 -1
  139. package/components/p-DbrEqORq.js +4 -0
  140. package/{dist/ionic/p-C8IHbcuP.js → components/p-Dh41Mgrr.js} +1 -1
  141. package/components/p-Dh8YROlw.js +4 -0
  142. package/components/{p-lIOqnNXn.js → p-Dmd-3R4x.js} +1 -1
  143. package/components/p-DqL8Jl6C.js +4 -0
  144. package/components/p-DuOk1CH-.js +4 -0
  145. package/components/p-Op_wuLsj.js +4 -0
  146. package/components/p-SikZM1Bp.js +4 -0
  147. package/components/p-f1voQRQ1.js +4 -0
  148. package/components/p-fkeHL2Sd.js +4 -0
  149. package/components/p-gKV0T98m.js +4 -0
  150. package/components/{p-C8ktKu9j.js → p-jgONJj5a.js} +1 -1
  151. package/components/p-k6-su0sW.js +4 -0
  152. package/components/p-l7FroJh2.js +4 -0
  153. package/components/p-nFFDLHOE.js +4 -0
  154. package/components/p-pdE-O9G9.js +4 -0
  155. package/{dist/ionic/p-CWJdc8f_.js → components/p-u-SCu4et.js} +1 -1
  156. package/css/core.css +1 -1
  157. package/css/core.css.map +1 -1
  158. package/css/display.css.map +1 -1
  159. package/css/flex-utils.css.map +1 -1
  160. package/css/float-elements.css.map +1 -1
  161. package/css/global.bundle.css +1 -1
  162. package/css/global.bundle.css.map +1 -1
  163. package/css/ionic/bundle.ionic.css +1 -1
  164. package/css/ionic/bundle.ionic.css.map +1 -1
  165. package/css/ionic/core.ionic.css +1 -1
  166. package/css/ionic/core.ionic.css.map +1 -1
  167. package/css/ionic/global.bundle.ionic.css +1 -1
  168. package/css/ionic/global.bundle.ionic.css.map +1 -1
  169. package/css/ionic/link.ionic.css.map +1 -1
  170. package/css/ionic/structure.ionic.css.map +1 -1
  171. package/css/ionic/typography.ionic.css +1 -1
  172. package/css/ionic/typography.ionic.css.map +1 -1
  173. package/css/ionic/utils.bundle.ionic.css.map +1 -1
  174. package/css/ionic.bundle.css +1 -1
  175. package/css/ionic.bundle.css.map +1 -1
  176. package/css/padding.css.map +1 -1
  177. package/css/palettes/dark.always.css +1 -1
  178. package/css/palettes/dark.always.css.map +1 -1
  179. package/css/palettes/dark.class.css +1 -1
  180. package/css/palettes/dark.class.css.map +1 -1
  181. package/css/palettes/dark.system.css +1 -1
  182. package/css/palettes/dark.system.css.map +1 -1
  183. package/css/palettes/high-contrast-dark.always.css +1 -1
  184. package/css/palettes/high-contrast-dark.always.css.map +1 -1
  185. package/css/palettes/high-contrast-dark.class.css +1 -1
  186. package/css/palettes/high-contrast-dark.class.css.map +1 -1
  187. package/css/palettes/high-contrast-dark.system.css +1 -1
  188. package/css/palettes/high-contrast-dark.system.css.map +1 -1
  189. package/css/palettes/high-contrast.always.css +1 -1
  190. package/css/palettes/high-contrast.always.css.map +1 -1
  191. package/css/palettes/high-contrast.class.css +1 -1
  192. package/css/palettes/high-contrast.class.css.map +1 -1
  193. package/css/palettes/high-contrast.system.css +1 -1
  194. package/css/palettes/high-contrast.system.css.map +1 -1
  195. package/css/structure.css.map +1 -1
  196. package/css/text-alignment.css.map +1 -1
  197. package/css/text-transformation.css.map +1 -1
  198. package/css/typography.css +1 -1
  199. package/css/typography.css.map +1 -1
  200. package/css/utils.bundle.css.map +1 -1
  201. package/dist/cjs/{animation-DknMeJ3x.js → animation-CoqRs93a.js} +3 -3
  202. package/dist/cjs/{app-globals-DtAeky3x.js → app-globals-CzPyigGz.js} +1 -1
  203. package/dist/cjs/badge-position-DFPHXWP9.js +176 -0
  204. package/dist/cjs/{button-active-JoIWyYri.js → button-active-lwEZiey1.js} +4 -4
  205. package/dist/cjs/{capacitor-BnRBm_ys.js → capacitor-F7SUc7Ly.js} +1 -1
  206. package/dist/cjs/{data-DuOuKG7I.js → data-BsQBKyvn.js} +3 -3
  207. package/dist/cjs/{framework-delegate-Dx9FrqAC.js → framework-delegate-C1LqXDzY.js} +4 -5
  208. package/dist/cjs/{haptic-D3Ay9mmg.js → haptic-CBZc4WH_.js} +1 -1
  209. package/dist/cjs/{index-CzcLEdQ5.js → index-BDthk8R7.js} +1885 -0
  210. package/dist/cjs/{index-BJlwOs11.js → index-BbhXd9Zs.js} +2 -2
  211. package/dist/cjs/{index-DMJjUhXH.js → index-Cbme57mm.js} +3 -5
  212. package/dist/cjs/{index-BJrpF9T3.js → index-DhXmkpe3.js} +3 -4
  213. package/dist/cjs/{index-Cer2Qy4I.js → index-HkS255C9.js} +6 -7
  214. package/dist/cjs/{index-D_mPAIqF.js → index-cV9SaEZV.js} +11 -12
  215. package/dist/cjs/index.cjs.js +15 -18
  216. package/dist/cjs/{input-shims-Dn33gFln.js → input-shims-eCRI_jn9.js} +15 -17
  217. package/dist/cjs/{input.utils-DnVnhWEF.js → input.utils-CvLAucXh.js} +4 -5
  218. package/dist/cjs/ion-accordion_2.cjs.entry.js +31 -34
  219. package/dist/cjs/ion-action-sheet.cjs.entry.js +34 -37
  220. package/dist/cjs/ion-alert.cjs.entry.js +44 -47
  221. package/dist/cjs/ion-app_8.cjs.entry.js +115 -116
  222. package/dist/cjs/ion-avatar_3.cjs.entry.js +66 -86
  223. package/dist/cjs/ion-back-button.cjs.entry.js +19 -22
  224. package/dist/cjs/ion-backdrop.cjs.entry.js +5 -5
  225. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +36 -39
  226. package/dist/cjs/ion-button_2.cjs.entry.js +54 -34
  227. package/dist/cjs/ion-card_5.cjs.entry.js +36 -39
  228. package/dist/cjs/ion-checkbox.cjs.entry.js +23 -26
  229. package/dist/cjs/ion-chip.cjs.entry.js +51 -51
  230. package/dist/cjs/ion-col_3.cjs.entry.js +14 -16
  231. package/dist/cjs/ion-datetime-button.cjs.entry.js +19 -22
  232. package/dist/cjs/ion-datetime_3.cjs.entry.js +123 -126
  233. package/dist/cjs/ion-divider.cjs.entry.js +5 -5
  234. package/dist/cjs/ion-fab_3.cjs.entry.js +27 -30
  235. package/dist/cjs/ion-img.cjs.entry.js +10 -12
  236. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +25 -27
  237. package/dist/cjs/ion-input-otp.cjs.entry.js +19 -22
  238. package/dist/cjs/ion-input-password-toggle.cjs.entry.js +16 -17
  239. package/dist/cjs/ion-input.cjs.entry.js +42 -45
  240. package/dist/cjs/ion-item-option_3.cjs.entry.js +66 -319
  241. package/dist/cjs/ion-item_8.cjs.entry.js +71 -83
  242. package/dist/cjs/ion-loading.cjs.entry.js +27 -30
  243. package/dist/cjs/ion-menu_3.cjs.entry.js +55 -58
  244. package/dist/cjs/ion-modal.cjs.entry.js +71 -74
  245. package/dist/cjs/ion-nav_2.cjs.entry.js +41 -43
  246. package/dist/cjs/ion-picker-column-option.cjs.entry.js +9 -12
  247. package/dist/cjs/ion-picker-column.cjs.entry.js +14 -17
  248. package/dist/cjs/ion-picker.cjs.entry.js +9 -11
  249. package/dist/cjs/ion-popover.cjs.entry.js +36 -39
  250. package/dist/cjs/ion-progress-bar.cjs.entry.js +28 -41
  251. package/dist/cjs/ion-radio_2.cjs.entry.js +31 -34
  252. package/dist/cjs/ion-range.cjs.entry.js +50 -53
  253. package/dist/cjs/ion-refresher_2.cjs.entry.js +65 -67
  254. package/dist/cjs/ion-reorder_2.cjs.entry.js +23 -25
  255. package/dist/cjs/ion-ripple-effect.cjs.entry.js +7 -7
  256. package/dist/cjs/ion-route_4.cjs.entry.js +36 -39
  257. package/dist/cjs/ion-searchbar.cjs.entry.js +38 -41
  258. package/dist/cjs/ion-segment-content.cjs.entry.js +3 -3
  259. package/dist/cjs/ion-segment-view.cjs.entry.js +6 -6
  260. package/dist/cjs/ion-segment_2.cjs.entry.js +35 -38
  261. package/dist/cjs/ion-select-modal.cjs.entry.js +26 -29
  262. package/dist/cjs/ion-select_3.cjs.entry.js +74 -77
  263. package/dist/cjs/ion-spinner.cjs.entry.js +26 -41
  264. package/dist/cjs/ion-split-pane.cjs.entry.js +12 -13
  265. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +90 -34
  266. package/dist/cjs/ion-tab_2.cjs.entry.js +27 -27
  267. package/dist/cjs/ion-text.cjs.entry.js +7 -8
  268. package/dist/cjs/ion-textarea.cjs.entry.js +35 -38
  269. package/dist/cjs/ion-toast.cjs.entry.js +41 -44
  270. package/dist/cjs/ion-toggle.cjs.entry.js +33 -36
  271. package/dist/cjs/{ionic-global-CSEbHD_F.js → ionic-global-DMWqcBn0.js} +240 -108
  272. package/dist/cjs/ionic.cjs.js +7 -7
  273. package/dist/cjs/{ios.transition-UCjoxA3D.js → ios.transition-DcJ6Bw2k.js} +4 -6
  274. package/dist/cjs/{keyboard-Bhav6x-R.js → keyboard-BCj7bSvQ.js} +4 -4
  275. package/dist/cjs/{keyboard-Dsczf-iT.js → keyboard-Jy7okGc5.js} +1 -1
  276. package/dist/cjs/{keyboard-controller-tqGDP9SU.js → keyboard-controller-CPJ4vSr0.js} +4 -4
  277. package/dist/cjs/loader.cjs.js +5 -5
  278. package/dist/cjs/{md.transition-CNwlchQn.js → md.transition-DAjf1hlJ.js} +4 -6
  279. package/dist/cjs/{notch-controller-CgtkBzy0.js → notch-controller-gGuWI1C7.js} +3 -3
  280. package/dist/cjs/{overlays-C54DhaTC.js → overlays-H4z8xPi9.js} +28 -206
  281. package/dist/cjs/{select-option-render-C7klBX2H.js → select-option-render-CZtiyFs7.js} +8 -8
  282. package/dist/cjs/{status-tap-CTY2dMsZ.js → status-tap-CPZvSRKr.js} +7 -9
  283. package/dist/cjs/{swipe-back-jJFi5KCB.js → swipe-back-CMubrxt-.js} +2 -4
  284. package/dist/collection/collection-manifest.json +0 -6
  285. package/dist/collection/components/action-sheet/action-sheet.ionic.css +2 -4
  286. package/dist/collection/components/action-sheet/action-sheet.ios.css +9 -10
  287. package/dist/collection/components/action-sheet/action-sheet.md.css +2 -3
  288. package/dist/collection/components/alert/alert.ionic.css +20 -22
  289. package/dist/collection/components/alert/alert.ios.css +13 -15
  290. package/dist/collection/components/alert/alert.md.css +19 -20
  291. package/dist/collection/components/avatar/avatar.ionic.css +0 -94
  292. package/dist/collection/components/avatar/avatar.js +22 -7
  293. package/dist/collection/components/avatar/avatar.md.css +0 -16
  294. package/dist/collection/components/back-button/back-button.ios.css +1 -1
  295. package/dist/collection/components/back-button/back-button.js +2 -2
  296. package/dist/collection/components/badge/badge.css +256 -0
  297. package/dist/collection/components/badge/badge.interfaces.js +7 -0
  298. package/dist/collection/components/badge/badge.js +72 -76
  299. package/dist/collection/components/breadcrumb/breadcrumb.ios.css +9 -9
  300. package/dist/collection/components/breadcrumb/breadcrumb.js +2 -2
  301. package/dist/collection/components/breadcrumb/breadcrumb.md.css +9 -9
  302. package/dist/collection/components/button/button.ionic.css +18 -68
  303. package/dist/collection/components/button/button.ios.css +17 -32
  304. package/dist/collection/components/button/button.js +27 -5
  305. package/dist/collection/components/button/button.md.css +16 -31
  306. package/dist/collection/components/card/card.ios.css +1 -1
  307. package/dist/collection/components/card/card.js +2 -2
  308. package/dist/collection/components/card/card.md.css +1 -1
  309. package/dist/collection/components/card-subtitle/card-subtitle.ios.css +1 -1
  310. package/dist/collection/components/card-subtitle/card-subtitle.md.css +1 -1
  311. package/dist/collection/components/card-title/card-title.md.css +1 -1
  312. package/dist/collection/components/checkbox/checkbox.ios.css +5 -5
  313. package/dist/collection/components/checkbox/checkbox.md.css +5 -5
  314. package/dist/collection/components/chip/chip.css +406 -0
  315. package/dist/collection/components/chip/chip.js +111 -57
  316. package/dist/collection/components/col/col.js +2 -3
  317. package/dist/collection/components/content/content.css +66 -126
  318. package/dist/collection/components/content/content.js +25 -24
  319. package/dist/collection/components/datetime/datetime.ios.css +8 -8
  320. package/dist/collection/components/datetime/datetime.md.css +7 -7
  321. package/dist/collection/components/datetime-button/datetime-button.ios.css +2 -2
  322. package/dist/collection/components/datetime-button/datetime-button.md.css +1 -1
  323. package/dist/collection/components/fab-button/fab-button.ios.css +17 -17
  324. package/dist/collection/components/fab-button/fab-button.js +2 -2
  325. package/dist/collection/components/fab-button/fab-button.md.css +6 -6
  326. package/dist/collection/components/grid/grid.js +2 -2
  327. package/dist/collection/components/header/header.js +2 -2
  328. package/dist/collection/components/img/img.js +2 -2
  329. package/dist/collection/components/infinite-scroll/infinite-scroll.js +1 -1
  330. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +3 -3
  331. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +2 -2
  332. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +3 -3
  333. package/dist/collection/components/input/input.ios.css +7 -7
  334. package/dist/collection/components/input/input.js +6 -6
  335. package/dist/collection/components/input/input.md.css +15 -15
  336. package/dist/collection/components/input-otp/input-otp.ionic.css +2 -2
  337. package/dist/collection/components/input-otp/input-otp.ios.css +16 -16
  338. package/dist/collection/components/input-otp/input-otp.js +3 -3
  339. package/dist/collection/components/input-otp/input-otp.md.css +16 -16
  340. package/dist/collection/components/input-password-toggle/input-password-toggle.js +3 -3
  341. package/dist/collection/components/item/item.ios.css +1 -1
  342. package/dist/collection/components/item/item.js +2 -2
  343. package/dist/collection/components/item/item.md.css +2 -2
  344. package/dist/collection/components/item-divider/item-divider.css +351 -0
  345. package/dist/collection/components/item-divider/item-divider.js +6 -13
  346. package/dist/collection/components/item-group/item-group.js +1 -1
  347. package/dist/collection/components/item-option/item-option.ionic.css +8 -8
  348. package/dist/collection/components/item-option/item-option.ios.css +3 -3
  349. package/dist/collection/components/item-option/item-option.js +2 -2
  350. package/dist/collection/components/item-option/item-option.md.css +2 -2
  351. package/dist/collection/components/item-options/item-options.ios.css +1 -1
  352. package/dist/collection/components/item-options/item-options.js +1 -1
  353. package/dist/collection/components/item-options/item-options.md.css +1 -1
  354. package/dist/collection/components/item-sliding/{item-sliding.native.css → item-sliding.css} +9 -78
  355. package/dist/collection/components/item-sliding/item-sliding.js +38 -284
  356. package/dist/collection/components/label/label.ios.css +1 -1
  357. package/dist/collection/components/label/label.js +2 -2
  358. package/dist/collection/components/label/label.md.css +2 -2
  359. package/dist/collection/components/list/list.js +1 -1
  360. package/dist/collection/components/list-header/list-header.ios.css +2 -2
  361. package/dist/collection/components/list-header/list-header.js +2 -2
  362. package/dist/collection/components/list-header/list-header.md.css +1 -1
  363. package/dist/collection/components/loading/loading.ios.css +2 -2
  364. package/dist/collection/components/loading/loading.js +2 -2
  365. package/dist/collection/components/loading/loading.md.css +3 -3
  366. package/dist/collection/components/menu/menu.js +2 -2
  367. package/dist/collection/components/menu-button/menu-button.ios.css +1 -1
  368. package/dist/collection/components/menu-button/menu-button.js +2 -2
  369. package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
  370. package/dist/collection/components/modal/modal.ios.css +1 -1
  371. package/dist/collection/components/modal/modal.js +4 -4
  372. package/dist/collection/components/modal/modal.md.css +1 -1
  373. package/dist/collection/components/nav/nav.js +3 -3
  374. package/dist/collection/components/nav-link/nav-link.js +1 -1
  375. package/dist/collection/components/note/note.ios.css +1 -1
  376. package/dist/collection/components/note/note.js +2 -2
  377. package/dist/collection/components/note/note.md.css +1 -1
  378. package/dist/collection/components/picker/picker.ios.css +1 -1
  379. package/dist/collection/components/picker-column-option/picker-column-option.js +2 -2
  380. package/dist/collection/components/picker-legacy/picker.ios.css +2 -2
  381. package/dist/collection/components/picker-legacy/picker.js +2 -2
  382. package/dist/collection/components/picker-legacy/picker.md.css +4 -4
  383. package/dist/collection/components/picker-legacy-column/picker-column.js +2 -2
  384. package/dist/collection/components/picker-legacy-column/picker-column.md.css +1 -1
  385. package/dist/collection/components/popover/popover.ios.css +1 -1
  386. package/dist/collection/components/popover/popover.js +2 -2
  387. package/dist/collection/components/progress-bar/progress-bar.css +281 -0
  388. package/dist/collection/components/progress-bar/progress-bar.interfaces.js +4 -0
  389. package/dist/collection/components/progress-bar/progress-bar.js +30 -30
  390. package/dist/collection/components/radio/radio.ios.css +2 -2
  391. package/dist/collection/components/radio/radio.js +3 -3
  392. package/dist/collection/components/radio/radio.md.css +2 -2
  393. package/dist/collection/components/radio-group/radio-group.ios.css +2 -2
  394. package/dist/collection/components/radio-group/radio-group.js +2 -2
  395. package/dist/collection/components/radio-group/radio-group.md.css +2 -2
  396. package/dist/collection/components/range/range.ionic.css +1 -1
  397. package/dist/collection/components/range/range.ios.css +3 -3
  398. package/dist/collection/components/range/range.js +3 -3
  399. package/dist/collection/components/range/range.md.css +6 -6
  400. package/dist/collection/components/refresher/refresher.ios.css +1 -1
  401. package/dist/collection/components/refresher/refresher.js +3 -3
  402. package/dist/collection/components/refresher/refresher.md.css +4 -4
  403. package/dist/collection/components/refresher/refresher.utils.js +2 -2
  404. package/dist/collection/components/refresher-content/refresher-content.js +2 -2
  405. package/dist/collection/components/reorder/reorder.js +2 -2
  406. package/dist/collection/components/reorder-group/reorder-group.js +1 -1
  407. package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
  408. package/dist/collection/components/router/router.js +2 -2
  409. package/dist/collection/components/router/utils/dom.js +2 -2
  410. package/dist/collection/components/router-link/router-link.css +1 -1
  411. package/dist/collection/components/router-link/router-link.js +4 -3
  412. package/dist/collection/components/router-outlet/router-outlet.js +2 -2
  413. package/dist/collection/components/row/row.js +2 -2
  414. package/dist/collection/components/searchbar/searchbar.ios.css +3 -3
  415. package/dist/collection/components/searchbar/searchbar.js +6 -6
  416. package/dist/collection/components/searchbar/searchbar.md.css +3 -3
  417. package/dist/collection/components/segment/segment.js +2 -2
  418. package/dist/collection/components/segment-button/segment-button.ios.css +3 -3
  419. package/dist/collection/components/segment-button/segment-button.js +2 -2
  420. package/dist/collection/components/segment-button/segment-button.md.css +2 -2
  421. package/dist/collection/components/segment-content/segment-content.js +1 -1
  422. package/dist/collection/components/segment-view/segment-view.js +2 -2
  423. package/dist/collection/components/select/select.ios.css +6 -6
  424. package/dist/collection/components/select/select.js +3 -3
  425. package/dist/collection/components/select/select.md.css +14 -14
  426. package/dist/collection/components/select-modal/select-modal.ionic.css +3 -3
  427. package/dist/collection/components/select-modal/select-modal.ios.css +2 -2
  428. package/dist/collection/components/select-modal/select-modal.js +1 -1
  429. package/dist/collection/components/select-modal/select-modal.md.css +5 -5
  430. package/dist/collection/components/select-option/select-option.js +1 -1
  431. package/dist/collection/components/select-popover/select-popover.ionic.css +5 -5
  432. package/dist/collection/components/select-popover/select-popover.ios.css +1 -1
  433. package/dist/collection/components/select-popover/select-popover.js +2 -2
  434. package/dist/collection/components/select-popover/select-popover.md.css +5 -5
  435. package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
  436. package/dist/collection/components/spinner/spinner.css +248 -0
  437. package/dist/collection/components/spinner/spinner.js +27 -31
  438. package/dist/collection/components/split-pane/split-pane.ios.css +1 -1
  439. package/dist/collection/components/split-pane/split-pane.js +2 -3
  440. package/dist/collection/components/split-pane/split-pane.md.css +1 -1
  441. package/dist/collection/components/tab/tab.js +3 -3
  442. package/dist/collection/components/tab-bar/tab-bar.ios.css +4 -4
  443. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  444. package/dist/collection/components/tab-bar/tab-bar.md.css +3 -3
  445. package/dist/collection/components/tab-button/tab-button.ionic.css +0 -61
  446. package/dist/collection/components/tab-button/tab-button.ios.css +0 -105
  447. package/dist/collection/components/tab-button/tab-button.js +62 -3
  448. package/dist/collection/components/tab-button/tab-button.md.css +0 -88
  449. package/dist/collection/components/tabs/tabs.css +0 -39
  450. package/dist/collection/components/tabs/tabs.interfaces.js +1 -0
  451. package/dist/collection/components/tabs/tabs.js +14 -14
  452. package/dist/collection/components/text/text.js +2 -2
  453. package/dist/collection/components/textarea/textarea.ionic.css +1 -1
  454. package/dist/collection/components/textarea/textarea.ios.css +6 -6
  455. package/dist/collection/components/textarea/textarea.js +5 -5
  456. package/dist/collection/components/textarea/textarea.md.css +14 -14
  457. package/dist/collection/components/thumbnail/thumbnail.css +2 -2
  458. package/dist/collection/components/thumbnail/thumbnail.js +2 -2
  459. package/dist/collection/components/title/title.js +2 -2
  460. package/dist/collection/components/toast/toast.ios.css +3 -3
  461. package/dist/collection/components/toast/toast.js +2 -2
  462. package/dist/collection/components/toast/toast.md.css +5 -5
  463. package/dist/collection/components/toggle/toggle.ionic.css +1 -1
  464. package/dist/collection/components/toggle/toggle.ios.css +4 -4
  465. package/dist/collection/components/toggle/toggle.js +3 -3
  466. package/dist/collection/components/toggle/toggle.md.css +4 -4
  467. package/dist/collection/components/toolbar/toolbar.ios.css +2 -2
  468. package/dist/collection/components/toolbar/toolbar.js +2 -2
  469. package/dist/collection/components/toolbar/toolbar.md.css +1 -1
  470. package/dist/collection/global/config.js +27 -0
  471. package/dist/collection/global/ionic-global.js +59 -76
  472. package/dist/collection/index.js +1 -2
  473. package/dist/collection/themes/base/dark.tokens.js +218 -0
  474. package/dist/collection/themes/base/default.tokens.js +157 -0
  475. package/dist/collection/themes/base/high-contrast-dark.tokens.js +210 -0
  476. package/dist/collection/themes/base/high-contrast.tokens.js +169 -0
  477. package/dist/collection/themes/base/light.tokens.js +163 -0
  478. package/dist/collection/themes/base/shared.tokens.js +15 -0
  479. package/dist/collection/themes/ionic/dark.tokens.js +5 -0
  480. package/dist/collection/themes/ionic/default.tokens.js +700 -0
  481. package/dist/collection/themes/ionic/light.tokens.js +25 -0
  482. package/dist/collection/themes/ionic/shared.tokens.js +122 -0
  483. package/dist/collection/themes/ios/dark.tokens.js +18 -0
  484. package/dist/collection/themes/ios/default.tokens.js +711 -0
  485. package/dist/collection/themes/ios/high-contrast-dark.tokens.js +6 -0
  486. package/dist/collection/themes/ios/high-contrast.tokens.js +5 -0
  487. package/dist/collection/themes/ios/light.tokens.js +4 -0
  488. package/dist/collection/themes/ios/shared.tokens.js +63 -0
  489. package/dist/collection/themes/md/dark.tokens.js +23 -0
  490. package/dist/collection/themes/md/default.tokens.js +819 -0
  491. package/dist/collection/themes/md/high-contrast-dark.tokens.js +10 -0
  492. package/dist/collection/themes/md/high-contrast.tokens.js +5 -0
  493. package/dist/collection/themes/md/light.tokens.js +4 -0
  494. package/dist/collection/themes/md/shared.tokens.js +127 -0
  495. package/dist/collection/themes/themes.interfaces.js +1 -0
  496. package/dist/collection/utils/badge-position.js +171 -0
  497. package/dist/collection/utils/content/index.js +2 -2
  498. package/dist/collection/utils/framework-delegate.js +3 -3
  499. package/dist/collection/utils/helpers.js +40 -0
  500. package/dist/collection/utils/input-shims/hacks/scroll-padding.js +2 -2
  501. package/dist/collection/utils/input-shims/input-shims.js +2 -2
  502. package/dist/collection/utils/media.js +0 -1
  503. package/dist/collection/utils/menu-controller/index.js +2 -2
  504. package/dist/collection/utils/overlays.js +12 -189
  505. package/dist/collection/utils/status-tap.js +2 -2
  506. package/dist/collection/utils/test/playwright/page/utils/set-content.js +36 -2
  507. package/dist/collection/utils/theme.js +611 -9
  508. package/dist/docs.json +1501 -858
  509. package/dist/esm/{animation-Cqe2x-Pt.js → animation-pTY9wqHp.js} +2 -2
  510. package/dist/esm/{app-globals-Dk1rB3aE.js → app-globals-BDyWBDAh.js} +1 -1
  511. package/dist/esm/badge-position-C1Q3qPZy.js +174 -0
  512. package/dist/esm/{button-active-g6ZnZzDZ.js → button-active-Ca3reU6j.js} +2 -2
  513. package/dist/esm/{capacitor-C4lYa1nV.js → capacitor-isspMXyk.js} +1 -1
  514. package/dist/esm/{data-BNKYavC3.js → data-CAYLUmgh.js} +1 -1
  515. package/dist/esm/{framework-delegate-CjVwn_KZ.js → framework-delegate-reUSF3oT.js} +3 -4
  516. package/dist/esm/{haptic-_88k1V5U.js → haptic-FwCam9_Q.js} +1 -1
  517. package/dist/esm/{index-BmkLokUL.js → index-6QFmgmEW.js} +2 -3
  518. package/dist/esm/{index-Omi_TcwW.js → index-BrrkdT9L.js} +1851 -1
  519. package/dist/esm/{index-hpH08p5s.js → index-CEhdLZKQ.js} +4 -5
  520. package/dist/esm/{index-C5t9-ciC.js → index-CQnGY3Fp.js} +2 -4
  521. package/dist/esm/{index-CGthURny.js → index-DUAoXzCH.js} +3 -4
  522. package/dist/esm/{index-D4ugF_sT.js → index-V2HKYEdd.js} +1 -1
  523. package/dist/esm/index.js +10 -13
  524. package/dist/esm/{input-shims-vDjCsx95.js → input-shims-Cuw1QMqP.js} +8 -10
  525. package/dist/esm/{input.utils-B9Q5xHp6.js → input.utils-BiYknr4n.js} +2 -3
  526. package/dist/esm/ion-accordion_2.entry.js +2 -5
  527. package/dist/esm/ion-action-sheet.entry.js +13 -16
  528. package/dist/esm/ion-alert.entry.js +13 -16
  529. package/dist/esm/ion-app_8.entry.js +36 -37
  530. package/dist/esm/ion-avatar_3.entry.js +60 -80
  531. package/dist/esm/ion-back-button.entry.js +3 -6
  532. package/dist/esm/ion-backdrop.entry.js +2 -2
  533. package/dist/esm/ion-breadcrumb_2.entry.js +5 -8
  534. package/dist/esm/ion-button_2.entry.js +31 -11
  535. package/dist/esm/ion-card_5.entry.js +8 -11
  536. package/dist/esm/ion-checkbox.entry.js +4 -7
  537. package/dist/esm/ion-chip.entry.js +50 -50
  538. package/dist/esm/ion-col_3.entry.js +8 -10
  539. package/dist/esm/ion-datetime-button.entry.js +6 -9
  540. package/dist/esm/ion-datetime_3.entry.js +17 -20
  541. package/dist/esm/ion-divider.entry.js +2 -2
  542. package/dist/esm/ion-fab_3.entry.js +5 -8
  543. package/dist/esm/ion-img.entry.js +4 -6
  544. package/dist/esm/ion-infinite-scroll_2.entry.js +10 -12
  545. package/dist/esm/ion-input-otp.entry.js +8 -11
  546. package/dist/esm/ion-input-password-toggle.entry.js +5 -6
  547. package/dist/esm/ion-input.entry.js +11 -14
  548. package/dist/esm/ion-item-option_3.entry.js +49 -302
  549. package/dist/esm/ion-item_8.entry.js +28 -40
  550. package/dist/esm/ion-loading.entry.js +11 -14
  551. package/dist/esm/ion-menu_3.entry.js +13 -16
  552. package/dist/esm/ion-modal.entry.js +16 -19
  553. package/dist/esm/ion-nav_2.entry.js +8 -10
  554. package/dist/esm/ion-picker-column-option.entry.js +4 -7
  555. package/dist/esm/ion-picker-column.entry.js +4 -7
  556. package/dist/esm/ion-picker.entry.js +2 -4
  557. package/dist/esm/ion-popover.entry.js +9 -12
  558. package/dist/esm/ion-progress-bar.entry.js +21 -34
  559. package/dist/esm/ion-radio_2.entry.js +11 -14
  560. package/dist/esm/ion-range.entry.js +9 -12
  561. package/dist/esm/ion-refresher_2.entry.js +16 -18
  562. package/dist/esm/ion-reorder_2.entry.js +8 -10
  563. package/dist/esm/ion-ripple-effect.entry.js +3 -3
  564. package/dist/esm/ion-route_4.entry.js +6 -9
  565. package/dist/esm/ion-searchbar.entry.js +9 -12
  566. package/dist/esm/ion-segment-content.entry.js +2 -2
  567. package/dist/esm/ion-segment-view.entry.js +3 -3
  568. package/dist/esm/ion-segment_2.entry.js +8 -11
  569. package/dist/esm/ion-select-modal.entry.js +10 -13
  570. package/dist/esm/ion-select_3.entry.js +18 -21
  571. package/dist/esm/ion-spinner.entry.js +18 -33
  572. package/dist/esm/ion-split-pane.entry.js +7 -8
  573. package/dist/esm/ion-tab-bar_2.entry.js +75 -19
  574. package/dist/esm/ion-tab_2.entry.js +19 -19
  575. package/dist/esm/ion-text.entry.js +4 -5
  576. package/dist/esm/ion-textarea.entry.js +11 -14
  577. package/dist/esm/ion-toast.entry.js +10 -13
  578. package/dist/esm/ion-toggle.entry.js +10 -13
  579. package/dist/esm/{ionic-global-CAZb-5i-.js → ionic-global-CYPOXYV9.js} +214 -82
  580. package/dist/esm/ionic.js +5 -5
  581. package/dist/esm/{ios.transition-CzSncKQg.js → ios.transition-Udz14cFX.js} +4 -6
  582. package/dist/esm/{keyboard-Cpw6xVLJ.js → keyboard-BJeLQuaz.js} +1 -1
  583. package/dist/esm/{keyboard-controller-CAc33ylR.js → keyboard-controller-DtjExoRO.js} +3 -3
  584. package/dist/esm/{keyboard-DJpS2IGK.js → keyboard-uAtaO52Q.js} +4 -4
  585. package/dist/esm/loader.js +5 -5
  586. package/dist/esm/{md.transition-DIsWqYBZ.js → md.transition-BjHXd0f9.js} +4 -6
  587. package/dist/esm/{notch-controller-DiBq57w8.js → notch-controller-oUerJ6nV.js} +2 -2
  588. package/dist/esm/{overlays-ttYCMKRp.js → overlays-CSQv-GZq.js} +14 -192
  589. package/dist/esm/{select-option-render-B2qc5ZP7.js → select-option-render-DmisODWi.js} +2 -2
  590. package/dist/esm/{status-tap-fYFdZg6z.js → status-tap-DRMNWPiL.js} +3 -5
  591. package/dist/esm/{swipe-back-BzGqTrrq.js → swipe-back-D8jSdnGS.js} +1 -3
  592. package/dist/html.html-data.json +29 -202
  593. package/dist/ionic/index.esm.js +1 -1
  594. package/dist/ionic/ionic.esm.js +1 -1
  595. package/dist/ionic/p-01aa6153.entry.js +4 -0
  596. package/dist/ionic/p-07a3d959.entry.js +4 -0
  597. package/dist/ionic/p-0b68c8a9.entry.js +4 -0
  598. package/dist/ionic/p-0d50e1d3.entry.js +4 -0
  599. package/dist/ionic/p-124bb083.entry.js +4 -0
  600. package/dist/ionic/p-1f8298b3.entry.js +4 -0
  601. package/dist/ionic/p-1yGxS_yC.js +4 -0
  602. package/dist/ionic/p-29273c47.entry.js +4 -0
  603. package/dist/ionic/p-340449bb.entry.js +4 -0
  604. package/dist/ionic/p-39a55f1c.entry.js +4 -0
  605. package/dist/ionic/p-3a362e49.entry.js +4 -0
  606. package/dist/ionic/p-3a85e733.entry.js +4 -0
  607. package/dist/ionic/p-3b3dee19.entry.js +4 -0
  608. package/dist/ionic/p-485c13f3.entry.js +4 -0
  609. package/dist/ionic/p-4a63756e.entry.js +4 -0
  610. package/dist/ionic/p-4a6c21f5.entry.js +4 -0
  611. package/dist/ionic/p-4e8b3cd6.entry.js +4 -0
  612. package/dist/ionic/p-4f332976.entry.js +4 -0
  613. package/dist/ionic/{p-9d789053.entry.js → p-576b4ff1.entry.js} +1 -1
  614. package/dist/ionic/p-62a1e227.entry.js +4 -0
  615. package/dist/ionic/p-64877060.entry.js +4 -0
  616. package/dist/ionic/p-678f1511.entry.js +4 -0
  617. package/dist/ionic/p-6a0b6306.entry.js +4 -0
  618. package/dist/ionic/p-6c9228d4.entry.js +4 -0
  619. package/dist/ionic/p-70ab2edf.entry.js +4 -0
  620. package/dist/ionic/p-74d05699.entry.js +4 -0
  621. package/dist/ionic/p-77aa1e90.entry.js +4 -0
  622. package/dist/ionic/p-79be145b.entry.js +4 -0
  623. package/dist/ionic/p-7ba7526a.entry.js +4 -0
  624. package/dist/ionic/p-7cffb312.entry.js +4 -0
  625. package/dist/ionic/p-7e44a4c5.entry.js +4 -0
  626. package/dist/ionic/{p-45825c2c.entry.js → p-88717a4c.entry.js} +1 -1
  627. package/dist/ionic/p-918cf662.entry.js +4 -0
  628. package/dist/ionic/p-9476775d.entry.js +4 -0
  629. package/dist/ionic/p-9b05cd45.entry.js +4 -0
  630. package/dist/ionic/p-9b75925d.entry.js +4 -0
  631. package/dist/ionic/p-9c849562.entry.js +4 -0
  632. package/dist/ionic/p-9e74defe.entry.js +4 -0
  633. package/{components/p-oF-CwZ0b.js → dist/ionic/p-B7D6IyeU.js} +1 -1
  634. package/dist/ionic/p-BQZlX_QW.js +4 -0
  635. package/dist/ionic/p-BiY-3g9k.js +4 -0
  636. package/dist/ionic/p-BrrkdT9L.js +5 -0
  637. package/dist/ionic/p-BzLJp2YK.js +4 -0
  638. package/dist/ionic/{p-ZqkJDyhe.js → p-CAUIo7pE.js} +1 -1
  639. package/dist/ionic/p-CQA3_fVT.js +4 -0
  640. package/dist/ionic/{p-SJmaFQ0H.js → p-CTDx2dNQ.js} +1 -1
  641. package/dist/ionic/p-CWcwW_B7.js +4 -0
  642. package/dist/ionic/p-CYLLjyEJ.js +4 -0
  643. package/dist/ionic/p-Cd5dRcMd.js +4 -0
  644. package/dist/ionic/p-CeizwFUQ.js +4 -0
  645. package/{components/p-Cmql_g3_.js → dist/ionic/p-Chp7Hiov.js} +1 -1
  646. package/{components/p-sK-FK9CT.js → dist/ionic/p-Ckv4csSE.js} +1 -1
  647. package/dist/ionic/p-CnLgxV__.js +4 -0
  648. package/dist/ionic/p-CrC3J6IY.js +4 -0
  649. package/dist/ionic/p-D6sRRFCv.js +4 -0
  650. package/dist/ionic/p-DBv6epu_.js +4 -0
  651. package/dist/ionic/p-Dl7gXMai.js +4 -0
  652. package/dist/ionic/p-Dxq4Ulb1.js +4 -0
  653. package/dist/ionic/p-YuNpC3uG.js +4 -0
  654. package/{components/p-BLysWQA1.js → dist/ionic/p-ZdzrkYIV.js} +1 -1
  655. package/dist/ionic/p-a6c90dec.entry.js +4 -0
  656. package/dist/ionic/{p-8537b2fb.entry.js → p-a71389be.entry.js} +1 -1
  657. package/dist/ionic/p-a714ca93.entry.js +4 -0
  658. package/dist/ionic/p-bcaba3e0.entry.js +4 -0
  659. package/dist/ionic/p-bd44b49f.entry.js +4 -0
  660. package/dist/ionic/{p-7d267dc6.entry.js → p-c636b0d3.entry.js} +1 -1
  661. package/dist/ionic/p-cdc18886.entry.js +4 -0
  662. package/dist/ionic/p-ce6acd14.entry.js +4 -0
  663. package/dist/ionic/p-d7b2d59f.entry.js +4 -0
  664. package/dist/ionic/p-dc2812ee.entry.js +4 -0
  665. package/dist/ionic/p-de74cc27.entry.js +4 -0
  666. package/dist/ionic/p-ef1330ac.entry.js +4 -0
  667. package/dist/ionic/p-f57fea97.entry.js +4 -0
  668. package/dist/ionic/p-f840d58e.entry.js +4 -0
  669. package/dist/ionic/p-fK-AnPaq.js +4 -0
  670. package/dist/ionic/p-fce34e31.entry.js +4 -0
  671. package/dist/ionic/p-fd014d35.entry.js +4 -0
  672. package/dist/ionic/p-gBNkhCZy.js +4 -0
  673. package/dist/ionic/p-gYuHMhs-.js +4 -0
  674. package/dist/ionic/p-nMHpWRBR.js +4 -0
  675. package/dist/types/components/avatar/avatar.d.ts +6 -0
  676. package/dist/types/components/badge/badge.d.ts +30 -17
  677. package/dist/types/components/badge/badge.interfaces.d.ts +73 -0
  678. package/dist/types/components/button/button.d.ts +7 -1
  679. package/dist/types/components/chip/chip.d.ts +45 -14
  680. package/dist/types/components/chip/chip.interfaces.d.ts +97 -0
  681. package/dist/types/components/content/content.d.ts +1 -2
  682. package/dist/types/components/content/{content-interface.d.ts → content.interfaces.d.ts} +18 -0
  683. package/dist/types/components/item-divider/item-divider.d.ts +0 -1
  684. package/dist/types/components/item-divider/item-divider.interfaces.d.ts +132 -0
  685. package/dist/types/components/item-sliding/item-sliding.d.ts +2 -17
  686. package/dist/types/components/progress-bar/progress-bar.d.ts +9 -4
  687. package/dist/types/components/progress-bar/progress-bar.interfaces.d.ts +90 -0
  688. package/dist/types/components/spinner/spinner-configs.d.ts +2 -2
  689. package/dist/types/components/spinner/spinner.d.ts +8 -4
  690. package/dist/types/components/spinner/spinner.interfaces.d.ts +72 -0
  691. package/dist/types/components/tab/tab.d.ts +0 -1
  692. package/dist/types/components/tab-button/tab-button.d.ts +7 -0
  693. package/dist/types/components/tabs/tabs.d.ts +1 -1
  694. package/dist/types/components.d.ts +64 -186
  695. package/dist/types/global/config.d.ts +9 -1
  696. package/dist/types/global/ionic-global.d.ts +3 -10
  697. package/dist/types/index.d.ts +1 -2
  698. package/dist/types/interface.d.ts +2 -2
  699. package/dist/types/themes/base/dark.tokens.d.ts +2 -0
  700. package/dist/types/themes/base/default.tokens.d.ts +2 -0
  701. package/dist/types/themes/base/high-contrast-dark.tokens.d.ts +2 -0
  702. package/dist/types/themes/base/high-contrast.tokens.d.ts +2 -0
  703. package/dist/types/themes/base/light.tokens.d.ts +2 -0
  704. package/dist/types/themes/base/shared.tokens.d.ts +11 -0
  705. package/dist/types/themes/ionic/dark.tokens.d.ts +2 -0
  706. package/dist/types/themes/ionic/default.tokens.d.ts +2 -0
  707. package/dist/types/themes/ionic/light.tokens.d.ts +2 -0
  708. package/dist/types/themes/ionic/shared.tokens.d.ts +112 -0
  709. package/dist/types/themes/ios/dark.tokens.d.ts +2 -0
  710. package/dist/types/themes/ios/default.tokens.d.ts +2 -0
  711. package/dist/types/themes/ios/high-contrast-dark.tokens.d.ts +2 -0
  712. package/dist/types/themes/ios/high-contrast.tokens.d.ts +2 -0
  713. package/dist/types/themes/ios/light.tokens.d.ts +2 -0
  714. package/dist/types/themes/ios/shared.tokens.d.ts +56 -0
  715. package/dist/types/themes/md/dark.tokens.d.ts +2 -0
  716. package/dist/types/themes/md/default.tokens.d.ts +2 -0
  717. package/dist/types/themes/md/high-contrast-dark.tokens.d.ts +2 -0
  718. package/dist/types/themes/md/high-contrast.tokens.d.ts +2 -0
  719. package/dist/types/themes/md/light.tokens.d.ts +2 -0
  720. package/dist/types/themes/md/shared.tokens.d.ts +117 -0
  721. package/dist/types/themes/themes.interfaces.d.ts +278 -0
  722. package/dist/types/utils/badge-position.d.ts +106 -0
  723. package/dist/types/utils/config.d.ts +6 -0
  724. package/dist/types/utils/helpers.d.ts +16 -0
  725. package/dist/types/utils/platform.d.ts +2 -2
  726. package/dist/types/utils/theme.d.ts +198 -3
  727. package/hydrate/index.js +7551 -6874
  728. package/hydrate/index.mjs +7551 -6874
  729. package/package.json +6 -4
  730. package/components/ion-gallery.d.ts +0 -11
  731. package/components/ion-gallery.js +0 -4
  732. package/components/p-0sa2JgYA.js +0 -4
  733. package/components/p-3Ni1Z654.js +0 -4
  734. package/components/p-9gxM3tAr.js +0 -4
  735. package/components/p-B636tzQ7.js +0 -4
  736. package/components/p-B8Oa6a_k.js +0 -4
  737. package/components/p-BCDEEm9n.js +0 -4
  738. package/components/p-BDndEqui.js +0 -4
  739. package/components/p-BFbsici0.js +0 -4
  740. package/components/p-BLCuPAtN.js +0 -4
  741. package/components/p-BO4aickU.js +0 -4
  742. package/components/p-BRWWcnBq.js +0 -4
  743. package/components/p-BXcCGjEc.js +0 -4
  744. package/components/p-BbQGmZyu.js +0 -4
  745. package/components/p-BeVlsaLA.js +0 -4
  746. package/components/p-Bp__mr16.js +0 -4
  747. package/components/p-BqDiJgC_.js +0 -4
  748. package/components/p-BqImG3uk.js +0 -4
  749. package/components/p-C00Y_WJv.js +0 -4
  750. package/components/p-C0U8YqYW.js +0 -4
  751. package/components/p-C38HUpU5.js +0 -4
  752. package/components/p-C4G6C9fP.js +0 -4
  753. package/components/p-CKfNwyAb.js +0 -4
  754. package/components/p-CN-WzkJE.js +0 -4
  755. package/components/p-CVBkx7m1.js +0 -4
  756. package/components/p-CVRxImH6.js +0 -4
  757. package/components/p-Cb9imMZh.js +0 -4
  758. package/components/p-Cf9-xP7P.js +0 -4
  759. package/components/p-CjSx8W-k.js +0 -4
  760. package/components/p-CoFDGTFO.js +0 -4
  761. package/components/p-CoFqDNc5.js +0 -4
  762. package/components/p-CykCvfXQ.js +0 -4
  763. package/components/p-DDw-NYxz.js +0 -4
  764. package/components/p-DHTe6lDL.js +0 -4
  765. package/components/p-DH_9VCbD.js +0 -4
  766. package/components/p-DTtRWhIZ.js +0 -4
  767. package/components/p-DVcs-2q3.js +0 -4
  768. package/components/p-DXUyXgVL.js +0 -4
  769. package/components/p-DaJxRxSQ.js +0 -4
  770. package/components/p-IMXp2Inn.js +0 -4
  771. package/components/p-TR4ubkPu.js +0 -4
  772. package/components/p-XegQjlzJ.js +0 -4
  773. package/components/p-qZr7hBPz.js +0 -4
  774. package/components/p-t98_NeNv.js +0 -4
  775. package/components/p-vCpF32Z7.js +0 -4
  776. package/components/p-vXpMhGrs.js +0 -4
  777. package/components/p-wCDzv5Q8.js +0 -4
  778. package/dist/cjs/focus-visible-BIj-I3-C.js +0 -101
  779. package/dist/cjs/helpers-DJYxKN5U.js +0 -413
  780. package/dist/cjs/ion-gallery.cjs.entry.js +0 -510
  781. package/dist/cjs/theme-IlOsGAz7.js +0 -72
  782. package/dist/collection/components/badge/badge.ionic.css +0 -275
  783. package/dist/collection/components/badge/badge.ios.css +0 -295
  784. package/dist/collection/components/badge/badge.md.css +0 -275
  785. package/dist/collection/components/chip/chip.ionic.css +0 -217
  786. package/dist/collection/components/chip/chip.ios.css +0 -265
  787. package/dist/collection/components/chip/chip.md.css +0 -260
  788. package/dist/collection/components/gallery/gallery-constants.js +0 -12
  789. package/dist/collection/components/gallery/gallery.css +0 -100
  790. package/dist/collection/components/gallery/gallery.js +0 -595
  791. package/dist/collection/components/gallery/test/utils.js +0 -100
  792. package/dist/collection/components/item-divider/item-divider.ios.css +0 -369
  793. package/dist/collection/components/item-divider/item-divider.md.css +0 -425
  794. package/dist/collection/components/item-sliding/item-sliding.ionic.css +0 -211
  795. package/dist/collection/components/progress-bar/progress-bar.ionic.css +0 -287
  796. package/dist/collection/components/progress-bar/progress-bar.ios.css +0 -298
  797. package/dist/collection/components/progress-bar/progress-bar.md.css +0 -290
  798. package/dist/collection/components/spinner/spinner.ionic.css +0 -300
  799. package/dist/collection/components/spinner/spinner.native.css +0 -199
  800. package/dist/collection/utils/css-value-validation.js +0 -25
  801. package/dist/esm/focus-visible-vXpMhGrs.js +0 -97
  802. package/dist/esm/helpers-Do7zwvM1.js +0 -392
  803. package/dist/esm/ion-gallery.entry.js +0 -508
  804. package/dist/esm/theme-DaJxRxSQ.js +0 -67
  805. package/dist/ionic/p-00c0bd38.entry.js +0 -4
  806. package/dist/ionic/p-06bd033b.entry.js +0 -4
  807. package/dist/ionic/p-07d3388f.entry.js +0 -4
  808. package/dist/ionic/p-11nqcMM3.js +0 -4
  809. package/dist/ionic/p-139d02eb.entry.js +0 -4
  810. package/dist/ionic/p-1709b0aa.entry.js +0 -4
  811. package/dist/ionic/p-1c2c1869.entry.js +0 -4
  812. package/dist/ionic/p-1c4de46b.entry.js +0 -4
  813. package/dist/ionic/p-1e1c8d61.entry.js +0 -4
  814. package/dist/ionic/p-1f74b8d4.entry.js +0 -4
  815. package/dist/ionic/p-2311e660.entry.js +0 -4
  816. package/dist/ionic/p-2aa7567e.entry.js +0 -4
  817. package/dist/ionic/p-2ad79c23.entry.js +0 -4
  818. package/dist/ionic/p-2f8aa0ac.entry.js +0 -4
  819. package/dist/ionic/p-3331cfa9.entry.js +0 -4
  820. package/dist/ionic/p-33c34361.entry.js +0 -4
  821. package/dist/ionic/p-37ccbee4.entry.js +0 -4
  822. package/dist/ionic/p-3aba19e2.entry.js +0 -4
  823. package/dist/ionic/p-3f79f594.entry.js +0 -4
  824. package/dist/ionic/p-48026d15.entry.js +0 -4
  825. package/dist/ionic/p-488992b6.entry.js +0 -4
  826. package/dist/ionic/p-5061a8d4.entry.js +0 -4
  827. package/dist/ionic/p-50b61fab.entry.js +0 -4
  828. package/dist/ionic/p-50cd2d57.entry.js +0 -4
  829. package/dist/ionic/p-5274f999.entry.js +0 -4
  830. package/dist/ionic/p-586d4270.entry.js +0 -4
  831. package/dist/ionic/p-68c21b2a.entry.js +0 -4
  832. package/dist/ionic/p-6fbead83.entry.js +0 -4
  833. package/dist/ionic/p-7054a1b9.entry.js +0 -4
  834. package/dist/ionic/p-7194f6fa.entry.js +0 -4
  835. package/dist/ionic/p-72491468.entry.js +0 -4
  836. package/dist/ionic/p-76307d10.entry.js +0 -4
  837. package/dist/ionic/p-7d5057c4.entry.js +0 -4
  838. package/dist/ionic/p-83c693c4.entry.js +0 -4
  839. package/dist/ionic/p-8f04bd89.entry.js +0 -4
  840. package/dist/ionic/p-8uDL7fql.js +0 -4
  841. package/dist/ionic/p-90e653e3.entry.js +0 -4
  842. package/dist/ionic/p-967576f8.entry.js +0 -4
  843. package/dist/ionic/p-BsfuYVMP.js +0 -4
  844. package/dist/ionic/p-Bx0bt2Ar.js +0 -4
  845. package/dist/ionic/p-C2mpVKI1.js +0 -4
  846. package/dist/ionic/p-C5zxLmJ_.js +0 -4
  847. package/dist/ionic/p-CBV-BGvD.js +0 -4
  848. package/dist/ionic/p-CDn0uNJA.js +0 -4
  849. package/dist/ionic/p-CFjI63GE.js +0 -4
  850. package/dist/ionic/p-CHE1xWbg.js +0 -4
  851. package/dist/ionic/p-CIk5QtPm.js +0 -4
  852. package/dist/ionic/p-CQKe4n56.js +0 -4
  853. package/dist/ionic/p-CVp2D--1.js +0 -4
  854. package/dist/ionic/p-CXqdKf1K.js +0 -4
  855. package/dist/ionic/p-Cb-0O4h8.js +0 -4
  856. package/dist/ionic/p-DKWXAwlR.js +0 -4
  857. package/dist/ionic/p-DaJxRxSQ.js +0 -4
  858. package/dist/ionic/p-DdyNaGpi.js +0 -4
  859. package/dist/ionic/p-DoyDJ2X5.js +0 -4
  860. package/dist/ionic/p-FvDKM4Ax.js +0 -4
  861. package/dist/ionic/p-Omi_TcwW.js +0 -5
  862. package/dist/ionic/p-SOASChNu.js +0 -4
  863. package/dist/ionic/p-acdc21a6.entry.js +0 -4
  864. package/dist/ionic/p-ae667493.entry.js +0 -4
  865. package/dist/ionic/p-b2fe6c1c.entry.js +0 -4
  866. package/dist/ionic/p-b3c9f19c.entry.js +0 -4
  867. package/dist/ionic/p-b653f4c2.entry.js +0 -4
  868. package/dist/ionic/p-bb898d47.entry.js +0 -4
  869. package/dist/ionic/p-bd71a4a7.entry.js +0 -4
  870. package/dist/ionic/p-d4ed5710.entry.js +0 -4
  871. package/dist/ionic/p-d6299c37.entry.js +0 -4
  872. package/dist/ionic/p-dea52cb3.entry.js +0 -4
  873. package/dist/ionic/p-e18d3fdb.entry.js +0 -4
  874. package/dist/ionic/p-f02ba305.entry.js +0 -4
  875. package/dist/ionic/p-fad05840.entry.js +0 -4
  876. package/dist/ionic/p-fc796d48.entry.js +0 -4
  877. package/dist/ionic/p-qETiT38a.js +0 -4
  878. package/dist/ionic/p-vXpMhGrs.js +0 -4
  879. package/dist/types/components/gallery/gallery-constants.d.ts +0 -9
  880. package/dist/types/components/gallery/gallery-interface.d.ts +0 -10
  881. package/dist/types/components/gallery/gallery.d.ts +0 -183
  882. package/dist/types/components/gallery/test/utils.d.ts +0 -2
  883. package/dist/types/components/spinner/spinner-interface.d.ts +0 -22
  884. package/dist/types/utils/css-value-validation.d.ts +0 -12
  885. /package/dist/collection/components/{content/content-interface.js → chip/chip.interfaces.js} +0 -0
  886. /package/dist/collection/components/{gallery/gallery-interface.js → content/content.interfaces.js} +0 -0
  887. /package/dist/collection/components/{spinner/spinner-interface.js → item-divider/item-divider.interfaces.js} +0 -0
  888. /package/dist/collection/components/{tabs/tabs-interface.js → spinner/spinner.interfaces.js} +0 -0
  889. /package/dist/types/components/tabs/{tabs-interface.d.ts → tabs.interfaces.d.ts} +0 -0
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,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-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-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"]}
package/css/ionic/structure.ionic.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/ionic/structure.ionic.scss","../../src/themes/mixins.scss"],"names":[],"mappings":"AAMA,EACE,sBAEA,0CACA,wCACA,2BAGF,KACE,WACA,YACA,8BAEA,sBAGF,iBACE,cAGF,aACE,aAGF,KC0FE,kCACA,mCA4NE,YDrTqB,ECsTrB,aDtTqB,ECyUvB,WDzUuB,EC0UvB,cD1UuB,ECqTrB,aDpTsB,ECqTtB,cDrTsB,ECwUxB,YDxUwB,ECyUxB,eDzUwB,EAExB,eAEA,WACA,eACA,YACA,gBAsBA,wBAEA,kCAEA,gBAEA,0BAEA,uBAEA,yBAEA,qBAEA,2BACA,8BAEA","file":"structure.ionic.css","sourcesContent":["@use \"../../themes/mixins\" as mixins;\n\n// Structure\n// --------------------------------------------------\n// Adds structural css to the native html elements\n\n* {\n box-sizing: border-box;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n}\n\nhtml {\n width: 100%;\n height: 100%;\n -webkit-text-size-adjust: 100%;\n\n text-size-adjust: 100%;\n}\n\nhtml.ion-ce body {\n display: block;\n}\n\nhtml.plt-pwa {\n height: 100vh;\n}\n\nbody {\n @include mixins.font-smoothing();\n @include mixins.margin(0);\n @include mixins.padding(0);\n\n position: fixed;\n\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n\n /**\n * Because body has position: fixed,\n * it should be promoted to its own\n * layer.\n *\n * WebKit does not always promote\n * the body to its own layer on page\n * load in Ionic apps. Once scrolling on\n * ion-content starts, WebKit will promote\n * body. Unfortunately, this causes a re-paint\n * which results in scrolling being halted\n * until the next user gesture.\n *\n * This impacts the Custom Elements build.\n * The lazy loaded build causes the browser to\n * re-paint during hydration which causes WebKit\n * to promote body to its own layer.\n * In the CE Build, this hydration does not\n * happen, so the additional re-paint does not occur.\n */\n transform: translateZ(0);\n\n text-rendering: optimizeLegibility;\n\n overflow: hidden;\n\n touch-action: manipulation;\n\n -webkit-user-drag: none;\n\n -ms-content-zooming: none;\n\n word-wrap: break-word;\n\n overscroll-behavior-y: none;\n -webkit-text-size-adjust: none;\n\n text-size-adjust: none;\n}\n","@use \"./functions.string\" as string;\n\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n@mixin tablet-viewport() {\n @media screen and (min-width: 768px) {\n @content;\n }\n}\n\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n@mixin mobile-viewport() {\n @media screen and (max-width: 767px) {\n @content;\n }\n}\n\n@mixin input-cover() {\n @include position(0, null, null, 0);\n @include margin(0);\n\n position: absolute;\n\n width: 100%;\n height: 100%;\n\n border: 0;\n\n outline: none;\n\n background: transparent;\n\n cursor: pointer;\n\n appearance: none;\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin visually-hidden() {\n position: absolute;\n\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n\n padding: 0;\n\n border: 0;\n\n outline: 0;\n\n opacity: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n@mixin text-inherit() {\n color: inherit;\n\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n\n letter-spacing: inherit;\n\n text-align: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n\n white-space: inherit;\n}\n\n@mixin button-state() {\n @include position(0, 0, 0, 0);\n\n position: absolute;\n\n content: \"\";\n\n opacity: 0;\n}\n\n// Font smoothing\n// --------------------------------------------------\n\n@mixin font-smoothing() {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\n// Get the key from a map based on the index\n@function index-to-key($map, $index) {\n $keys: map-keys($map);\n\n @return nth($keys, $index);\n}\n\n// Breakpoint Mixins\n// ---------------------------------------------------------------------------------\n\n// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$screen-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// ---------------------------------------------------------------------------------\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $screen-breakpoints) {\n $min: map-get($breakpoints, $name);\n\n @return if($name != index-to-key($breakpoints, 1), $min, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $screen-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $screen-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $screen-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Maximum breakpoint width. Null for the smallest (first) breakpoint.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n//\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\t// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\t// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $screen-breakpoints) {\n $max: map-get($breakpoints, $name);\n\n @return if($max and $max > 0, $max - 0.02, null);\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $screen-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n @content;\n\n // $root: #{&};\n // @at-root [dir] {\n // #{$root} {\n // @content;\n // }\n // }\n}\n\n@mixin rtl() {\n $root: #{&};\n\n $rootSplit: string.str-split($root, \",\");\n $selectors: #{string.add-root-selector($root, \"[dir=rtl]\")};\n $selectorsSplit: string.str-split($selectors, \",\");\n\n $hostContextSelectors: ();\n $restSelectors: ();\n $dirSelectors: ();\n\n // Selectors must be split into individual selectors in case the browser\n // doesn't support a specific selector.\n // For example, Firefox and Safari doesn't support `:host-context()`.\n // If an invalid selector is used, then the entire group of selectors\n // will be ignored.\n // @link https://www.w3.org/TR/selectors-3/#grouping\n @each $selector in $selectorsSplit {\n // Group the selectors back into a single selector to optimize the output.\n @if str-index($selector, \":host-context\") {\n $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n } @else {\n // Group the selectors back into a single selector to optimize the output.\n $restSelectors: append($restSelectors, $selector, comma);\n }\n }\n\n // Supported by Chrome.\n @if length($hostContextSelectors) > 0 {\n @at-root #{$hostContextSelectors} {\n @content;\n }\n }\n\n // Supported by all browsers.\n @if length($restSelectors) > 0 {\n @at-root #{$restSelectors} {\n @content;\n }\n }\n\n // If browser can support `:dir()`, then add the `:dir()` selectors.\n @supports selector(:dir(rtl)) {\n // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n // `:host-context()` is added:\n // - through the `add-root-selector()` function.\n // - first so that it takes precedence over `:dir()`.\n // For example,\n // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n // -- the app direction is changed dynamically. v17+ works fine.\n // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n // Supported by Firefox.\n @at-root #{string.add-root-selector($root, \":dir(rtl)\", false)} {\n @content;\n }\n }\n}\n\n@mixin ltr() {\n @content;\n}\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n $url: url-encode($svg);\n $viewBox: string.str-split(string.str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n @if $flip-rtl != true or $viewBox == null {\n @include multi-dir() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n } @else {\n $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n $flipped-url: $svg;\n $flipped-url: string.str-replace($flipped-url, \"<path\", \"<path #{$transform}\");\n $flipped-url: string.str-replace($flipped-url, \"<line\", \"<line #{$transform}\");\n $flipped-url: string.str-replace($flipped-url, \"<polygon\", \"<polygon #{$transform}\");\n $flipped-url: url-encode($flipped-url);\n\n @include ltr() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n\n @include rtl() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$flipped-url}\");\n }\n }\n}\n\n// Add property horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin property-horizontal($prop, $start, $end: $start) {\n @if $start == 0 and $end == 0 {\n #{$prop}-left: $start;\n #{$prop}-right: $end;\n } @else {\n -webkit-#{$prop}-start: $start;\n #{$prop}-inline-start: $start;\n -webkit-#{$prop}-end: $end;\n #{$prop}-inline-end: $end;\n }\n}\n\n// Add property for all directions\n// @param {string} $prop\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// @param {boolean} $content include content or use default\n// ----------------------------------------------------------\n@mixin property($prop, $top, $end: $top, $bottom: $top, $start: $end) {\n @include property-horizontal($prop, $start, $end);\n #{$prop}-top: $top;\n #{$prop}-bottom: $bottom;\n}\n\n// Add padding horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin padding-horizontal($start, $end: $start) {\n @include property-horizontal(padding, $start, $end);\n}\n\n// Add padding for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin padding($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(padding, $top, $end, $bottom, $start);\n}\n\n// Add margin horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin margin-horizontal($start, $end: $start) {\n @include property-horizontal(margin, $start, $end);\n}\n\n// Add margin for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin margin($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(margin, $top, $end, $bottom, $start);\n}\n\n// Add position horizontal\n// @param {string} $start - amount to position start\n// @param {string} $end - amount to left: 0; end\n// ----------------------------------------------------------\n@mixin position-horizontal($start: null, $end: null) {\n @if $start == $end {\n @include multi-dir() {\n right: $end;\n left: $start;\n }\n } @else {\n @at-root {\n & {\n inset-inline-start: $start;\n inset-inline-end: $end;\n }\n }\n }\n}\n\n// Add position for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin position($top: null, $end: null, $bottom: null, $start: null) {\n @include position-horizontal($start, $end);\n top: $top;\n bottom: $bottom;\n}\n\n// Add border for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin border($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(border, $top, $end, $bottom, $start);\n}\n\n// Add border radius for all directions\n// @param {string} $top-start\n// @param {string} $top-end\n// @param {string} $bottom-end\n// @param {string} $bottom-start\n// ----------------------------------------------------------\n@mixin border-radius($top-start, $top-end: $top-start, $bottom-end: $top-start, $bottom-start: $top-end) {\n @if $top-start == $top-end and $top-start == $bottom-end and $top-start == $bottom-start {\n border-radius: $top-start;\n } @else {\n border-start-start-radius: $top-start;\n border-start-end-radius: $top-end;\n border-end-end-radius: $bottom-end;\n border-end-start-radius: $bottom-start;\n }\n}\n\n// Add direction for all directions\n// @param {string} $dir - Direction on LTR\n@mixin direction($dir) {\n $other-dir: null;\n\n @if $dir == ltr {\n $other-dir: rtl;\n } @else {\n $other-dir: ltr;\n }\n\n @include ltr() {\n direction: $dir;\n }\n\n @include rtl() {\n direction: $other-dir;\n }\n}\n\n// Add float for all directions\n// @param {string} $side\n// @param {string} $decorator - !important\n@mixin float($side, $decorator: null) {\n @if $side == start {\n @include ltr() {\n float: left $decorator;\n }\n\n @include rtl() {\n float: right $decorator;\n }\n } @else if $side == end {\n @include ltr() {\n float: right $decorator;\n }\n\n @include rtl() {\n float: left $decorator;\n }\n } @else {\n @include multi-dir() {\n float: $side $decorator;\n }\n }\n}\n\n@mixin background-position($horizontal, $horizontal-amount: null, $vertical: null, $vertical-amount: null) {\n @if $horizontal == start or $horizontal == end {\n $horizontal-ltr: null;\n $horizontal-rtl: null;\n\n @if $horizontal == start {\n $horizontal-ltr: left;\n $horizontal-rtl: right;\n } @else {\n $horizontal-ltr: right;\n $horizontal-rtl: left;\n }\n\n @include ltr() {\n background-position: $horizontal-ltr $horizontal-amount $vertical $vertical-amount;\n }\n\n @include rtl() {\n background-position: $horizontal-rtl $horizontal-amount $vertical $vertical-amount;\n }\n } @else {\n @include multi-dir() {\n background-position: $horizontal $horizontal-amount $vertical $vertical-amount;\n }\n }\n}\n\n@mixin transform-origin($x-axis, $y-axis: null) {\n @if $x-axis == start {\n @include ltr() {\n transform-origin: left $y-axis;\n }\n\n @include rtl() {\n transform-origin: right $y-axis;\n }\n } @else if $x-axis == end {\n @include ltr() {\n transform-origin: right $y-axis;\n }\n\n @include rtl() {\n transform-origin: left $y-axis;\n }\n } @else if $x-axis == left or $x-axis == right {\n @include multi-dir() {\n transform-origin: $x-axis $y-axis;\n }\n } @else {\n @include ltr() {\n transform-origin: $x-axis $y-axis;\n }\n\n @include rtl() {\n transform-origin: calc(100% - #{$x-axis}) $y-axis;\n }\n }\n}\n\n// Add transform for all directions\n// @param {string} $transforms - comma separated list of transforms\n@mixin transform($transforms...) {\n $extra: null;\n\n $x: null;\n $ltr-translate: null;\n $rtl-translate: null;\n\n @each $transform in $transforms {\n @if (str-index($transform, translate3d)) {\n $transform: string.str-replace($transform, \"translate3d(\");\n $transform: string.str-replace($transform, \")\");\n\n $coordinates: string.str-split($transform, \",\");\n\n $x: nth($coordinates, 1);\n $y: nth($coordinates, 2);\n $z: nth($coordinates, 3);\n\n $ltr-translate: translate3d($x, $y, $z);\n $rtl-translate: translate3d(calc(-1 * #{$x}), $y, $z);\n } @else {\n @if $extra == null {\n $extra: $transform;\n } @else {\n $extra: $extra $transform;\n }\n }\n }\n\n @if $x == \"0\" or $x == null {\n @include multi-dir() {\n transform: $ltr-translate $extra;\n }\n } @else {\n @include ltr() {\n transform: $ltr-translate $extra;\n }\n\n @include rtl() {\n transform: $rtl-translate $extra;\n }\n }\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/css/ionic/structure.ionic.scss","../../src/themes/mixins.scss"],"names":[],"mappings":"AAMA,EACE,sBAEA,0CACA,wCACA,2BAGF,KACE,WACA,YACA,8BAEA,sBAGF,iBACE,cAGF,aACE,aAGF,KC2FE,kCACA,mCA4NE,YDtTqB,ECuTrB,aDvTqB,EC0UvB,WD1UuB,EC2UvB,cD3UuB,ECsTrB,aDrTsB,ECsTtB,cDtTsB,ECyUxB,YDzUwB,EC0UxB,eD1UwB,EAExB,eAEA,WACA,eACA,YACA,gBAsBA,wBAEA,kCAEA,gBAEA,0BAEA,uBAEA,yBAEA,qBAEA,2BACA,8BAEA","file":"structure.ionic.css","sourcesContent":["@use \"../../themes/mixins\" as mixins;\n\n// Structure\n// --------------------------------------------------\n// Adds structural css to the native html elements\n\n* {\n box-sizing: border-box;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n}\n\nhtml {\n width: 100%;\n height: 100%;\n -webkit-text-size-adjust: 100%;\n\n text-size-adjust: 100%;\n}\n\nhtml.ion-ce body {\n display: block;\n}\n\nhtml.plt-pwa {\n height: 100vh;\n}\n\nbody {\n @include mixins.font-smoothing();\n @include mixins.margin(0);\n @include mixins.padding(0);\n\n position: fixed;\n\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n\n /**\n * Because body has position: fixed,\n * it should be promoted to its own\n * layer.\n *\n * WebKit does not always promote\n * the body to its own layer on page\n * load in Ionic apps. Once scrolling on\n * ion-content starts, WebKit will promote\n * body. Unfortunately, this causes a re-paint\n * which results in scrolling being halted\n * until the next user gesture.\n *\n * This impacts the Custom Elements build.\n * The lazy loaded build causes the browser to\n * re-paint during hydration which causes WebKit\n * to promote body to its own layer.\n * In the CE Build, this hydration does not\n * happen, so the additional re-paint does not occur.\n */\n transform: translateZ(0);\n\n text-rendering: optimizeLegibility;\n\n overflow: hidden;\n\n touch-action: manipulation;\n\n -webkit-user-drag: none;\n\n -ms-content-zooming: none;\n\n word-wrap: break-word;\n\n overscroll-behavior-y: none;\n -webkit-text-size-adjust: none;\n\n text-size-adjust: none;\n}\n","@use \"./functions.string\" as string;\n@use \"sass:meta\";\n\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n@mixin tablet-viewport() {\n @media screen and (min-width: 768px) {\n @content;\n }\n}\n\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n@mixin mobile-viewport() {\n @media screen and (max-width: 767px) {\n @content;\n }\n}\n\n@mixin input-cover() {\n @include position(0, null, null, 0);\n @include margin(0);\n\n position: absolute;\n\n width: 100%;\n height: 100%;\n\n border: 0;\n\n outline: none;\n\n background: transparent;\n\n cursor: pointer;\n\n appearance: none;\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n@mixin visually-hidden() {\n position: absolute;\n\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n width: 100%;\n height: 100%;\n\n margin: 0;\n\n padding: 0;\n\n border: 0;\n\n outline: 0;\n\n opacity: 0;\n overflow: hidden;\n clip: rect(0 0 0 0);\n\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n@mixin text-inherit() {\n color: inherit;\n\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n\n letter-spacing: inherit;\n\n text-align: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n\n white-space: inherit;\n}\n\n@mixin button-state() {\n @include position(0, 0, 0, 0);\n\n position: absolute;\n\n content: \"\";\n\n opacity: 0;\n}\n\n// Font smoothing\n// --------------------------------------------------\n\n@mixin font-smoothing() {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\n// Get the key from a map based on the index\n@function index-to-key($map, $index) {\n $keys: map-keys($map);\n\n @return nth($keys, $index);\n}\n\n// Breakpoint Mixins\n// ---------------------------------------------------------------------------------\n\n// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$screen-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// ---------------------------------------------------------------------------------\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $screen-breakpoints) {\n $min: map-get($breakpoints, $name);\n\n @return if($name != index-to-key($breakpoints, 1), $min, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $screen-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $screen-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $screen-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Maximum breakpoint width. Null for the smallest (first) breakpoint.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n//\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\t// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\t// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $screen-breakpoints) {\n $max: map-get($breakpoints, $name);\n\n @return if($max and $max > 0, $max - 0.02, null);\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $screen-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Text Direction - ltr / rtl\n//\n// CSS defaults to use the ltr css, and adds [dir=rtl] selectors\n// to override ltr defaults.\n// ----------------------------------------------------------\n\n@mixin multi-dir() {\n @content;\n\n // $root: #{&};\n // @at-root [dir] {\n // #{$root} {\n // @content;\n // }\n // }\n}\n\n@mixin rtl() {\n $root: #{&};\n\n $rootSplit: string.str-split($root, \",\");\n $selectors: #{string.add-root-selector($root, \"[dir=rtl]\")};\n $selectorsSplit: string.str-split($selectors, \",\");\n\n $hostContextSelectors: ();\n $restSelectors: ();\n $dirSelectors: ();\n\n // Selectors must be split into individual selectors in case the browser\n // doesn't support a specific selector.\n // For example, Firefox and Safari doesn't support `:host-context()`.\n // If an invalid selector is used, then the entire group of selectors\n // will be ignored.\n // @link https://www.w3.org/TR/selectors-3/#grouping\n @each $selector in $selectorsSplit {\n // Group the selectors back into a single selector to optimize the output.\n @if str-index($selector, \":host-context\") {\n $hostContextSelectors: append($hostContextSelectors, $selector, comma);\n } @else {\n // Group the selectors back into a single selector to optimize the output.\n $restSelectors: append($restSelectors, $selector, comma);\n }\n }\n\n // Supported by Chrome.\n @if length($hostContextSelectors) > 0 {\n @at-root #{$hostContextSelectors} {\n @content;\n }\n }\n\n // Supported by all browsers.\n @if length($restSelectors) > 0 {\n @at-root #{$restSelectors} {\n @content;\n }\n }\n\n // If browser can support `:dir()`, then add the `:dir()` selectors.\n @supports selector(:dir(rtl)) {\n // Adding :dir() in case the browser doesn't support `:host-context()` and does support `:dir()`.\n // `:host-context()` is added:\n // - through the `add-root-selector()` function.\n // - first so that it takes precedence over `:dir()`.\n // For example,\n // - Firefox doesn't support `:host-context()`, but does support `:dir()`.\n // - Safari doesn't support `:host-context()`, but Safari 16.4+ supports `:dir()`\n // @link https://webkit.org/blog/13966/webkit-features-in-safari-16-4/\n // -- However, there is a Webkit bug on v16 that prevents `:dir()` from working when\n // -- the app direction is changed dynamically. v17+ works fine.\n // -- @link https://bugs.webkit.org/show_bug.cgi?id=257133\n\n // Supported by Firefox.\n @at-root #{string.add-root-selector($root, \":dir(rtl)\", false)} {\n @content;\n }\n }\n}\n\n@mixin ltr() {\n @content;\n}\n\n// SVG Background Image Mixin\n// @param {string} $svg\n// ----------------------------------------------------------\n@mixin svg-background-image($svg, $flip-rtl: false) {\n $url: url-encode($svg);\n $viewBox: string.str-split(string.str-extract($svg, \"viewBox='\", \"'\"), \" \");\n\n @if $flip-rtl != true or $viewBox == null {\n @include multi-dir() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n } @else {\n $transform: \"transform='translate(#{nth($viewBox, 3)}, 0) scale(-1, 1)'\";\n $flipped-url: $svg;\n $flipped-url: string.str-replace($flipped-url, \"<path\", \"<path #{$transform}\");\n $flipped-url: string.str-replace($flipped-url, \"<line\", \"<line #{$transform}\");\n $flipped-url: string.str-replace($flipped-url, \"<polygon\", \"<polygon #{$transform}\");\n $flipped-url: url-encode($flipped-url);\n\n @include ltr() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$url}\");\n }\n\n @include rtl() {\n background-image: url(\"data:image/svg+xml;charset=utf-8,#{$flipped-url}\");\n }\n }\n}\n\n// Add property horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin property-horizontal($prop, $start, $end: $start) {\n @if $start == 0 and $end == 0 {\n #{$prop}-left: $start;\n #{$prop}-right: $end;\n } @else {\n -webkit-#{$prop}-start: $start;\n #{$prop}-inline-start: $start;\n -webkit-#{$prop}-end: $end;\n #{$prop}-inline-end: $end;\n }\n}\n\n// Add property for all directions\n// @param {string} $prop\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// @param {boolean} $content include content or use default\n// ----------------------------------------------------------\n@mixin property($prop, $top, $end: $top, $bottom: $top, $start: $end) {\n @include property-horizontal($prop, $start, $end);\n #{$prop}-top: $top;\n #{$prop}-bottom: $bottom;\n}\n\n// Add padding horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin padding-horizontal($start, $end: $start) {\n @include property-horizontal(padding, $start, $end);\n}\n\n// Add padding for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin padding($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(padding, $top, $end, $bottom, $start);\n}\n\n// Add margin horizontal\n// @param {string} $start\n// @param {string} $end\n// ----------------------------------------------------------\n@mixin margin-horizontal($start, $end: $start) {\n @include property-horizontal(margin, $start, $end);\n}\n\n// Add margin for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin margin($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(margin, $top, $end, $bottom, $start);\n}\n\n// Add position horizontal\n// @param {string} $start - amount to position start\n// @param {string} $end - amount to left: 0; end\n// ----------------------------------------------------------\n@mixin position-horizontal($start: null, $end: null) {\n @if $start == $end {\n @include multi-dir() {\n right: $end;\n left: $start;\n }\n } @else {\n @at-root {\n & {\n inset-inline-start: $start;\n inset-inline-end: $end;\n }\n }\n }\n}\n\n// Add position for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin position($top: null, $end: null, $bottom: null, $start: null) {\n @include position-horizontal($start, $end);\n top: $top;\n bottom: $bottom;\n}\n\n// Add border for all directions\n// @param {string} $top\n// @param {string} $end\n// @param {string} $bottom\n// @param {string} $start\n// ----------------------------------------------------------\n@mixin border($top, $end: $top, $bottom: $top, $start: $end) {\n @include property(border, $top, $end, $bottom, $start);\n}\n\n// Add border radius for all directions\n// @param {string} $top-start\n// @param {string} $top-end\n// @param {string} $bottom-end\n// @param {string} $bottom-start\n// ----------------------------------------------------------\n@mixin border-radius($top-start, $top-end: $top-start, $bottom-end: $top-start, $bottom-start: $top-end) {\n @if $top-start == $top-end and $top-start == $bottom-end and $top-start == $bottom-start {\n border-radius: $top-start;\n } @else {\n border-start-start-radius: $top-start;\n border-start-end-radius: $top-end;\n border-end-end-radius: $bottom-end;\n border-end-start-radius: $bottom-start;\n }\n}\n\n// Add direction for all directions\n// @param {string} $dir - Direction on LTR\n@mixin direction($dir) {\n $other-dir: null;\n\n @if $dir == ltr {\n $other-dir: rtl;\n } @else {\n $other-dir: ltr;\n }\n\n @include ltr() {\n direction: $dir;\n }\n\n @include rtl() {\n direction: $other-dir;\n }\n}\n\n// Add float for all directions\n// @param {string} $side\n// @param {string} $decorator - !important\n@mixin float($side, $decorator: null) {\n @if $side == start {\n @include ltr() {\n float: left $decorator;\n }\n\n @include rtl() {\n float: right $decorator;\n }\n } @else if $side == end {\n @include ltr() {\n float: right $decorator;\n }\n\n @include rtl() {\n float: left $decorator;\n }\n } @else {\n @include multi-dir() {\n float: $side $decorator;\n }\n }\n}\n\n@mixin background-position($horizontal, $horizontal-amount: null, $vertical: null, $vertical-amount: null) {\n @if $horizontal == start or $horizontal == end {\n $horizontal-ltr: null;\n $horizontal-rtl: null;\n\n @if $horizontal == start {\n $horizontal-ltr: left;\n $horizontal-rtl: right;\n } @else {\n $horizontal-ltr: right;\n $horizontal-rtl: left;\n }\n\n @include ltr() {\n background-position: $horizontal-ltr $horizontal-amount $vertical $vertical-amount;\n }\n\n @include rtl() {\n background-position: $horizontal-rtl $horizontal-amount $vertical $vertical-amount;\n }\n } @else {\n @include multi-dir() {\n background-position: $horizontal $horizontal-amount $vertical $vertical-amount;\n }\n }\n}\n\n@mixin transform-origin($x-axis, $y-axis: null) {\n @if $x-axis == start {\n @include ltr() {\n transform-origin: left $y-axis;\n }\n\n @include rtl() {\n transform-origin: right $y-axis;\n }\n } @else if $x-axis == end {\n @include ltr() {\n transform-origin: right $y-axis;\n }\n\n @include rtl() {\n transform-origin: left $y-axis;\n }\n } @else if $x-axis == left or $x-axis == right {\n @include multi-dir() {\n transform-origin: $x-axis $y-axis;\n }\n } @else {\n @include ltr() {\n transform-origin: $x-axis $y-axis;\n }\n\n @include rtl() {\n transform-origin: calc(100% - #{$x-axis}) $y-axis;\n }\n }\n}\n\n// Add transform for all directions\n// @param {string} $transforms - comma separated list of transforms\n@mixin transform($transforms...) {\n $extra: null;\n\n $x: null;\n $ltr-translate: null;\n $rtl-translate: null;\n\n @each $transform in $transforms {\n @if (str-index($transform, translate3d)) {\n $transform: string.str-replace($transform, \"translate3d(\");\n $transform: string.str-replace($transform, \")\");\n\n $coordinates: string.str-split($transform, \",\");\n\n $x: nth($coordinates, 1);\n $y: nth($coordinates, 2);\n $z: nth($coordinates, 3);\n\n $ltr-translate: translate3d($x, $y, $z);\n $rtl-translate: translate3d(calc(-1 * #{$x}), $y, $z);\n } @else {\n @if $extra == null {\n $extra: $transform;\n } @else {\n $extra: $extra $transform;\n }\n }\n }\n\n @if $x == \"0\" or $x == null {\n @include multi-dir() {\n transform: $ltr-translate $extra;\n }\n } @else {\n @include ltr() {\n transform: $ltr-translate $extra;\n }\n\n @include rtl() {\n transform: $rtl-translate $extra;\n }\n }\n}\n\n// Mixin that applies focus styles to interactive elements.\n//\n// Example:\n//\n// ```scss\n// :host(.ion-focused) .toggle-icon {\n// @include mixins.focused-state();\n// }\n// ```\n// --------------------------------------------------\n@mixin focused-state($width: null, $style: solid, $color: null, $addOffset: true) {\n @if $width == null or $color == null {\n outline: none;\n } @else {\n outline: $width $style $color;\n\n @if $addOffset {\n outline-offset: $width;\n }\n }\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(--ion-font-family)}@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 */