@ionic/core 8.5.5-dev.11747137265.184b7749 → 8.5.5-dev.11747843377.1fcc3e84

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 (271) hide show
  1. package/components/button.js +7 -6
  2. package/components/checkbox.js +1 -1
  3. package/components/header.js +1 -1
  4. package/components/ion-accordion-group.js +1 -1
  5. package/components/ion-accordion.js +1 -1
  6. package/components/ion-avatar.js +1 -1
  7. package/components/ion-badge.js +1 -1
  8. package/components/ion-card-content.js +1 -1
  9. package/components/ion-card-header.js +1 -1
  10. package/components/ion-card-subtitle.js +1 -1
  11. package/components/ion-card.js +1 -1
  12. package/components/ion-chip.js +1 -1
  13. package/components/ion-datetime.js +1 -1
  14. package/components/ion-divider.js +1 -1
  15. package/components/ion-input.js +1 -1
  16. package/components/ion-item-option.js +1 -1
  17. package/components/ion-item-options.js +1 -1
  18. package/components/ion-progress-bar.js +3 -3
  19. package/components/ion-range.js +1 -1
  20. package/components/ion-searchbar.js +1 -1
  21. package/components/ion-segment-button.js +1 -1
  22. package/components/ion-select.js +1 -1
  23. package/components/ion-tab-bar.js +1 -1
  24. package/components/ion-tab-button.js +1 -1
  25. package/components/ion-textarea.js +1 -1
  26. package/components/ion-toast.js +1 -1
  27. package/components/ion-toggle.js +1 -1
  28. package/components/item.js +1 -1
  29. package/components/list-header.js +1 -1
  30. package/components/list.js +1 -1
  31. package/components/modal.js +1 -1
  32. package/components/radio-group.js +1 -1
  33. package/components/radio.js +1 -1
  34. package/components/select-modal.js +1 -1
  35. package/components/spinner.js +1 -1
  36. package/components/title.js +1 -1
  37. package/components/toolbar.js +1 -1
  38. package/css/ionic/bundle.ionic.css +1 -1
  39. package/css/ionic/bundle.ionic.css.map +1 -1
  40. package/css/ionic/core.ionic.css +1 -1
  41. package/css/ionic/core.ionic.css.map +1 -1
  42. package/css/ionic/global.bundle.ionic.css +1 -1
  43. package/css/ionic/global.bundle.ionic.css.map +1 -1
  44. package/css/ionic/ionic-swiper.ionic.css +1 -1
  45. package/css/ionic/ionic-swiper.ionic.css.map +1 -1
  46. package/css/ionic/link.ionic.css +1 -1
  47. package/css/ionic/link.ionic.css.map +1 -1
  48. package/css/ionic/typography.ionic.css +1 -1
  49. package/css/ionic/typography.ionic.css.map +1 -1
  50. package/css/ionic/utils.bundle.ionic.css +1 -1
  51. package/css/ionic/utils.bundle.ionic.css.map +1 -1
  52. package/dist/cjs/ion-accordion_2.cjs.entry.js +2 -2
  53. package/dist/cjs/ion-app_8.cjs.entry.js +3 -3
  54. package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
  55. package/dist/cjs/ion-button_2.cjs.entry.js +7 -6
  56. package/dist/cjs/ion-card_5.cjs.entry.js +4 -4
  57. package/dist/cjs/ion-checkbox.cjs.entry.js +1 -1
  58. package/dist/cjs/ion-chip.cjs.entry.js +1 -1
  59. package/dist/cjs/ion-datetime_3.cjs.entry.js +1 -1
  60. package/dist/cjs/ion-divider.cjs.entry.js +1 -1
  61. package/dist/cjs/ion-input.cjs.entry.js +1 -1
  62. package/dist/cjs/ion-item-option_3.cjs.entry.js +2 -2
  63. package/dist/cjs/ion-item_8.cjs.entry.js +3 -3
  64. package/dist/cjs/ion-modal.cjs.entry.js +1 -1
  65. package/dist/cjs/ion-progress-bar.cjs.entry.js +3 -3
  66. package/dist/cjs/ion-radio_2.cjs.entry.js +2 -2
  67. package/dist/cjs/ion-range.cjs.entry.js +1 -1
  68. package/dist/cjs/ion-searchbar.cjs.entry.js +1 -1
  69. package/dist/cjs/ion-segment_2.cjs.entry.js +1 -1
  70. package/dist/cjs/ion-select-modal.cjs.entry.js +1 -1
  71. package/dist/cjs/ion-select_3.cjs.entry.js +1 -1
  72. package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
  73. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +2 -2
  74. package/dist/cjs/ion-textarea.cjs.entry.js +1 -1
  75. package/dist/cjs/ion-toast.cjs.entry.js +1 -1
  76. package/dist/cjs/ion-toggle.cjs.entry.js +1 -1
  77. package/dist/collection/components/accordion/accordion.ionic.css +20 -20
  78. package/dist/collection/components/accordion-group/accordion-group.ionic.css +14 -14
  79. package/dist/collection/components/avatar/avatar.ionic.css +25 -25
  80. package/dist/collection/components/badge/badge.ionic.css +20 -20
  81. package/dist/collection/components/button/button.ionic.css +56 -57
  82. package/dist/collection/components/button/button.js +9 -8
  83. package/dist/collection/components/card/card.ionic.css +3 -3
  84. package/dist/collection/components/card-content/card-content.ionic.css +10 -10
  85. package/dist/collection/components/card-header/card-header.ionic.css +7 -7
  86. package/dist/collection/components/card-subtitle/card-subtitle.ionic.css +1 -1
  87. package/dist/collection/components/checkbox/checkbox.ionic.css +29 -29
  88. package/dist/collection/components/chip/chip.ionic.css +17 -17
  89. package/dist/collection/components/datetime/datetime.ionic.css +53 -53
  90. package/dist/collection/components/divider/divider.ionic.css +15 -15
  91. package/dist/collection/components/header/header.ionic.css +3 -3
  92. package/dist/collection/components/input/input.ionic.css +28 -28
  93. package/dist/collection/components/item/item.ionic.css +16 -16
  94. package/dist/collection/components/item-option/item-option.ionic.css +22 -22
  95. package/dist/collection/components/item-options/item-options.ionic.css +5 -5
  96. package/dist/collection/components/list/list.ionic.css +27 -27
  97. package/dist/collection/components/list-header/list-header.ionic.css +7 -7
  98. package/dist/collection/components/modal/modal.ionic.css +13 -13
  99. package/dist/collection/components/progress-bar/progress-bar.ionic.css +9 -9
  100. package/dist/collection/components/progress-bar/progress-bar.ios.css +5 -5
  101. package/dist/collection/components/progress-bar/progress-bar.md.css +5 -5
  102. package/dist/collection/components/radio/radio.ionic.css +12 -12
  103. package/dist/collection/components/radio-group/radio-group.ionic.css +11 -11
  104. package/dist/collection/components/range/range.ionic.css +29 -29
  105. package/dist/collection/components/searchbar/searchbar.ionic.css +76 -76
  106. package/dist/collection/components/segment-button/segment-button.ionic.css +14 -14
  107. package/dist/collection/components/select/select.ionic.css +31 -31
  108. package/dist/collection/components/select-modal/select-modal.ionic.css +7 -7
  109. package/dist/collection/components/spinner/spinner.ionic.css +4 -0
  110. package/dist/collection/components/tab-bar/tab-bar.ionic.css +20 -20
  111. package/dist/collection/components/tab-button/tab-button.ionic.css +6 -6
  112. package/dist/collection/components/textarea/textarea.ionic.css +35 -35
  113. package/dist/collection/components/title/title.ionic.css +2 -2
  114. package/dist/collection/components/toast/toast.ionic.css +32 -32
  115. package/dist/collection/components/toggle/toggle.ionic.css +11 -11
  116. package/dist/collection/components/toolbar/toolbar.ionic.css +14 -14
  117. package/dist/docs.json +9 -5
  118. package/dist/esm/ion-accordion_2.entry.js +2 -2
  119. package/dist/esm/ion-app_8.entry.js +3 -3
  120. package/dist/esm/ion-avatar_3.entry.js +2 -2
  121. package/dist/esm/ion-button_2.entry.js +7 -6
  122. package/dist/esm/ion-card_5.entry.js +4 -4
  123. package/dist/esm/ion-checkbox.entry.js +1 -1
  124. package/dist/esm/ion-chip.entry.js +1 -1
  125. package/dist/esm/ion-datetime_3.entry.js +1 -1
  126. package/dist/esm/ion-divider.entry.js +1 -1
  127. package/dist/esm/ion-input.entry.js +1 -1
  128. package/dist/esm/ion-item-option_3.entry.js +2 -2
  129. package/dist/esm/ion-item_8.entry.js +3 -3
  130. package/dist/esm/ion-modal.entry.js +1 -1
  131. package/dist/esm/ion-progress-bar.entry.js +3 -3
  132. package/dist/esm/ion-radio_2.entry.js +2 -2
  133. package/dist/esm/ion-range.entry.js +1 -1
  134. package/dist/esm/ion-searchbar.entry.js +1 -1
  135. package/dist/esm/ion-segment_2.entry.js +1 -1
  136. package/dist/esm/ion-select-modal.entry.js +1 -1
  137. package/dist/esm/ion-select_3.entry.js +1 -1
  138. package/dist/esm/ion-spinner.entry.js +1 -1
  139. package/dist/esm/ion-tab-bar_2.entry.js +2 -2
  140. package/dist/esm/ion-textarea.entry.js +1 -1
  141. package/dist/esm/ion-toast.entry.js +1 -1
  142. package/dist/esm/ion-toggle.entry.js +1 -1
  143. package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
  144. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  145. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  146. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  147. package/dist/esm-es5/ion-card_5.entry.js +1 -1
  148. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  149. package/dist/esm-es5/ion-chip.entry.js +1 -1
  150. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  151. package/dist/esm-es5/ion-divider.entry.js +1 -1
  152. package/dist/esm-es5/ion-input.entry.js +1 -1
  153. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  154. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  155. package/dist/esm-es5/ion-modal.entry.js +1 -1
  156. package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
  157. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  158. package/dist/esm-es5/ion-range.entry.js +1 -1
  159. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  160. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  161. package/dist/esm-es5/ion-select-modal.entry.js +1 -1
  162. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  163. package/dist/esm-es5/ion-spinner.entry.js +1 -1
  164. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  165. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  166. package/dist/esm-es5/ion-toast.entry.js +1 -1
  167. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  168. package/dist/html.html-data.json +4 -1
  169. package/dist/ionic/ionic.esm.js +1 -1
  170. package/dist/ionic/p-03f0f489.entry.js +4 -0
  171. package/dist/ionic/p-050d7d1f.entry.js +4 -0
  172. package/dist/ionic/p-19e67d40.system.entry.js +4 -0
  173. package/dist/ionic/p-211efa34.system.entry.js +4 -0
  174. package/dist/ionic/p-21a9241b.system.entry.js +4 -0
  175. package/dist/ionic/p-28253576.system.entry.js +4 -0
  176. package/dist/ionic/{p-19544c40.entry.js → p-2a3df287.entry.js} +1 -1
  177. package/dist/ionic/p-30bae1a8.entry.js +4 -0
  178. package/dist/ionic/p-3f616348.system.entry.js +4 -0
  179. package/dist/ionic/p-41003775.entry.js +4 -0
  180. package/dist/ionic/p-41357931.system.entry.js +4 -0
  181. package/dist/ionic/p-488e56da.system.entry.js +4 -0
  182. package/dist/ionic/p-4b1136bc.system.entry.js +4 -0
  183. package/dist/ionic/p-577c1150.entry.js +4 -0
  184. package/dist/ionic/p-582a5804.system.entry.js +4 -0
  185. package/dist/ionic/p-59d3caf4.entry.js +4 -0
  186. package/dist/ionic/p-5b2f411a.system.entry.js +4 -0
  187. package/dist/ionic/p-5bba46fc.system.entry.js +4 -0
  188. package/dist/ionic/p-5ceac493.entry.js +4 -0
  189. package/dist/ionic/p-5f582e4f.system.entry.js +4 -0
  190. package/dist/ionic/p-63c2257c.system.entry.js +4 -0
  191. package/dist/ionic/{p-93f7ddd5.entry.js → p-6c0e6625.entry.js} +1 -1
  192. package/dist/ionic/p-71d87b11.system.entry.js +4 -0
  193. package/dist/ionic/p-73db2a7e.system.entry.js +4 -0
  194. package/dist/ionic/p-75871b9f.entry.js +4 -0
  195. package/dist/ionic/p-7d1774f8.system.entry.js +4 -0
  196. package/dist/ionic/{p-3e161a46.entry.js → p-85c51a6a.entry.js} +1 -1
  197. package/dist/ionic/p-8a786367.entry.js +4 -0
  198. package/dist/ionic/p-8f56be51.entry.js +4 -0
  199. package/dist/ionic/p-906b0781.entry.js +4 -0
  200. package/dist/ionic/p-9207650a.entry.js +4 -0
  201. package/dist/ionic/p-979f9a47.entry.js +4 -0
  202. package/dist/ionic/p-9acea98c.entry.js +4 -0
  203. package/dist/ionic/p-9bd072c2.system.entry.js +4 -0
  204. package/dist/ionic/p-a8759b16.entry.js +4 -0
  205. package/dist/ionic/p-a8fd8c07.entry.js +4 -0
  206. package/dist/ionic/p-afe776fc.system.entry.js +4 -0
  207. package/dist/ionic/p-b50e9e70.entry.js +4 -0
  208. package/dist/ionic/p-b65e5cc0.system.entry.js +4 -0
  209. package/dist/ionic/p-b8473a42.system.entry.js +4 -0
  210. package/dist/ionic/p-b9298bee.entry.js +4 -0
  211. package/dist/ionic/p-c419b6b0.system.entry.js +4 -0
  212. package/dist/ionic/p-c8b9efc6.entry.js +4 -0
  213. package/dist/ionic/p-db8ffacb.system.js +1 -1
  214. package/dist/ionic/{p-8131e086.system.entry.js → p-e25667a4.system.entry.js} +1 -1
  215. package/dist/ionic/p-e35f0d82.system.entry.js +4 -0
  216. package/dist/ionic/p-f1bf5430.system.entry.js +4 -0
  217. package/dist/ionic/p-f1d7ea25.system.entry.js +4 -0
  218. package/dist/ionic/p-f3219e90.entry.js +4 -0
  219. package/dist/ionic/p-f9d1475d.entry.js +4 -0
  220. package/dist/ionic/p-fdc14546.entry.js +4 -0
  221. package/dist/types/components/button/button.d.ts +5 -4
  222. package/dist/types/components.d.ts +4 -4
  223. package/hydrate/index.js +45 -44
  224. package/hydrate/index.mjs +45 -44
  225. package/package.json +1 -1
  226. package/dist/ionic/p-09072d3b.entry.js +0 -4
  227. package/dist/ionic/p-0d297574.system.entry.js +0 -4
  228. package/dist/ionic/p-16fd70b2.entry.js +0 -4
  229. package/dist/ionic/p-22e704a0.entry.js +0 -4
  230. package/dist/ionic/p-25679df9.system.entry.js +0 -4
  231. package/dist/ionic/p-259dcfa3.entry.js +0 -4
  232. package/dist/ionic/p-25fb485f.system.entry.js +0 -4
  233. package/dist/ionic/p-26d7c6fd.system.entry.js +0 -4
  234. package/dist/ionic/p-3533c471.system.entry.js +0 -4
  235. package/dist/ionic/p-3824cffd.entry.js +0 -4
  236. package/dist/ionic/p-39b0a811.entry.js +0 -4
  237. package/dist/ionic/p-3b98dd61.system.entry.js +0 -4
  238. package/dist/ionic/p-43d6a02c.system.entry.js +0 -4
  239. package/dist/ionic/p-44b1fefc.entry.js +0 -4
  240. package/dist/ionic/p-49664bbc.system.entry.js +0 -4
  241. package/dist/ionic/p-4a767053.entry.js +0 -4
  242. package/dist/ionic/p-548cd1e5.system.entry.js +0 -4
  243. package/dist/ionic/p-67cded2a.system.entry.js +0 -4
  244. package/dist/ionic/p-7c6f71eb.entry.js +0 -4
  245. package/dist/ionic/p-8402b59e.system.entry.js +0 -4
  246. package/dist/ionic/p-840f1c59.entry.js +0 -4
  247. package/dist/ionic/p-84ac0a34.system.entry.js +0 -4
  248. package/dist/ionic/p-85c7c591.system.entry.js +0 -4
  249. package/dist/ionic/p-88aa79f6.entry.js +0 -4
  250. package/dist/ionic/p-940bc10a.system.entry.js +0 -4
  251. package/dist/ionic/p-97a351b5.entry.js +0 -4
  252. package/dist/ionic/p-a47bffd6.system.entry.js +0 -4
  253. package/dist/ionic/p-a6a71315.entry.js +0 -4
  254. package/dist/ionic/p-aba2d55f.system.entry.js +0 -4
  255. package/dist/ionic/p-acee3852.entry.js +0 -4
  256. package/dist/ionic/p-ad3f30b4.system.entry.js +0 -4
  257. package/dist/ionic/p-b5e3859a.entry.js +0 -4
  258. package/dist/ionic/p-b79a47ba.entry.js +0 -4
  259. package/dist/ionic/p-c0b7f342.entry.js +0 -4
  260. package/dist/ionic/p-c18ffa8b.entry.js +0 -4
  261. package/dist/ionic/p-c1e7dbd4.system.entry.js +0 -4
  262. package/dist/ionic/p-c47e7149.system.entry.js +0 -4
  263. package/dist/ionic/p-c847b24b.system.entry.js +0 -4
  264. package/dist/ionic/p-d2314315.system.entry.js +0 -4
  265. package/dist/ionic/p-d6662277.entry.js +0 -4
  266. package/dist/ionic/p-dbbfcd15.entry.js +0 -4
  267. package/dist/ionic/p-dfb63dc2.system.entry.js +0 -4
  268. package/dist/ionic/p-e09bb245.system.entry.js +0 -4
  269. package/dist/ionic/p-ed4cf0aa.system.entry.js +0 -4
  270. package/dist/ionic/p-f6a03670.entry.js +0 -4
  271. package/dist/ionic/p-fec23a6f.entry.js +0 -4
package/dist/collection/components/datetime/datetime.ionic.css CHANGED
@@ -461,31 +461,31 @@ Do not edit directly, this file was auto-generated.
461
461
  * @prop --focus-ring-width: The width of the ring around the focused element.
462
462
  */
463
463
  --background: var(--ion-primitives-base-white, #ffffff);
464
- --focus-ring-color: var(--ion-border-focus-default, #b5c0f7);
465
- --focus-ring-width: var(--ion-border-radius-025, 2px);
464
+ --focus-ring-color: var(--ion-border-focus-default, var(--ion-primitives-blue-400, #b5c0f7));
465
+ --focus-ring-width: var(--ion-border-radius-025, var(--ion-scale-050, 2px));
466
466
  }
467
467
 
468
468
  :host .datetime-header {
469
- -webkit-padding-start: var(--ion-space-400, 16px);
470
- padding-inline-start: var(--ion-space-400, 16px);
471
- -webkit-padding-end: var(--ion-space-400, 16px);
472
- padding-inline-end: var(--ion-space-400, 16px);
473
- padding-top: var(--ion-space-200, 8px);
474
- padding-bottom: var(--ion-space-400, 16px);
469
+ -webkit-padding-start: var(--ion-space-400, var(--ion-scale-400, 16px));
470
+ padding-inline-start: var(--ion-space-400, var(--ion-scale-400, 16px));
471
+ -webkit-padding-end: var(--ion-space-400, var(--ion-scale-400, 16px));
472
+ padding-inline-end: var(--ion-space-400, var(--ion-scale-400, 16px));
473
+ padding-top: var(--ion-space-200, var(--ion-scale-200, 8px));
474
+ padding-bottom: var(--ion-space-400, var(--ion-scale-400, 16px));
475
475
  display: flex;
476
476
  flex-direction: column;
477
477
  align-items: start;
478
478
  justify-content: space-between;
479
479
  height: var(--ion-scale-1400, 56px);
480
- margin-bottom: var(--ion-space-200, 8px);
481
- border-bottom: var(--ion-border-style-solid, solid) var(--ion-border-size-025, 1px) var(--ion-primitives-neutral-300, #e0e0e0);
480
+ margin-bottom: var(--ion-space-200, var(--ion-scale-200, 8px));
481
+ border-bottom: var(--ion-border-style-solid, solid) var(--ion-border-size-025, var(--ion-scale-025, 1px)) var(--ion-primitives-neutral-300, #e0e0e0);
482
482
  }
483
483
 
484
484
  :host .datetime-header .datetime-title {
485
485
  font-size: var(--ion-font-size-450, 1.125rem);
486
486
  font-weight: var(--ion-font-weight-medium, 500);
487
487
  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
488
- line-height: var(--ion-font-line-height-700, 28px);
488
+ line-height: var(--ion-font-line-height-700, var(--ion-scale-700, 28px));
489
489
  text-decoration: none;
490
490
  text-transform: none;
491
491
  color: var(--ion-primitives-neutral-800, #626262);
@@ -495,15 +495,15 @@ Do not edit directly, this file was auto-generated.
495
495
  font-size: var(--ion-font-size-350, 0.875rem);
496
496
  font-weight: var(--ion-font-weight-regular, 400);
497
497
  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
498
- line-height: var(--ion-font-line-height-600, 24px);
498
+ line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
499
499
  text-decoration: none;
500
500
  text-transform: none;
501
501
  color: var(--ion-primitives-neutral-1000, #3b3b3b);
502
502
  }
503
503
 
504
504
  .calendar-action-buttons {
505
- padding-top: var(--ion-space-200, 8px);
506
- padding-bottom: var(--ion-space-200, 8px);
505
+ padding-top: var(--ion-space-200, var(--ion-scale-200, 8px));
506
+ padding-bottom: var(--ion-space-200, var(--ion-scale-200, 8px));
507
507
  align-items: center;
508
508
  height: var(--ion-scale-1400, 56px);
509
509
  box-sizing: border-box;
@@ -518,19 +518,19 @@ Do not edit directly, this file was auto-generated.
518
518
  font-size: var(--ion-font-size-400, 1rem);
519
519
  font-weight: var(--ion-font-weight-medium, 500);
520
520
  letter-spacing: var(--ion-font-letter-spacing-1, 1%);
521
- line-height: var(--ion-font-line-height-600, 24px);
521
+ line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
522
522
  text-decoration: none;
523
523
  text-transform: none;
524
- -webkit-padding-start: var(--ion-space-400, 16px);
525
- padding-inline-start: var(--ion-space-400, 16px);
526
- -webkit-padding-end: var(--ion-space-400, 16px);
527
- padding-inline-end: var(--ion-space-400, 16px);
528
- padding-top: var(--ion-space-200, 8px);
529
- padding-bottom: var(--ion-space-200, 8px);
524
+ -webkit-padding-start: var(--ion-space-400, var(--ion-scale-400, 16px));
525
+ padding-inline-start: var(--ion-space-400, var(--ion-scale-400, 16px));
526
+ -webkit-padding-end: var(--ion-space-400, var(--ion-scale-400, 16px));
527
+ padding-inline-end: var(--ion-space-400, var(--ion-scale-400, 16px));
528
+ padding-top: var(--ion-space-200, var(--ion-scale-200, 8px));
529
+ padding-bottom: var(--ion-space-200, var(--ion-scale-200, 8px));
530
530
  min-width: var(--ion-scale-1600, 64px);
531
531
  min-height: var(--ion-scale-1000, 40px);
532
532
  border: var(--focus-ring-width) var(--ion-border-style-solid, solid) transparent;
533
- color: var(--ion-semantics-primary-base, #105cef);
533
+ color: var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef)));
534
534
  }
535
535
 
536
536
  @media (any-hover: hover) {
@@ -554,7 +554,7 @@ Do not edit directly, this file was auto-generated.
554
554
  }
555
555
 
556
556
  .calendar-next-prev ion-button.button-has-icon-only.ion-focused::part(native) {
557
- border: var(--ion-border-size-050, 2px) var(--ion-border-style-solid, solid) var(--ion-border-focus-default, #b5c0f7);
557
+ border: var(--ion-border-size-050, var(--ion-scale-050, 2px)) var(--ion-border-style-solid, solid) var(--ion-border-focus-default, var(--ion-primitives-blue-400, #b5c0f7));
558
558
  outline: none;
559
559
  }
560
560
 
@@ -562,7 +562,7 @@ Do not edit directly, this file was auto-generated.
562
562
  font-size: var(--ion-font-size-300, 0.75rem);
563
563
  font-weight: var(--ion-font-weight-medium, 500);
564
564
  letter-spacing: var(--ion-font-letter-spacing-2, 1.5%);
565
- line-height: var(--ion-font-line-height-500, 20px);
565
+ line-height: var(--ion-font-line-height-500, var(--ion-scale-500, 20px));
566
566
  text-decoration: none;
567
567
  text-transform: uppercase;
568
568
  align-content: center;
@@ -572,16 +572,16 @@ Do not edit directly, this file was auto-generated.
572
572
 
573
573
  .calendar-day {
574
574
  border-radius: var(--ion-border-radius-full, 999px);
575
- -webkit-padding-start: var(--ion-space-100, 4px);
576
- padding-inline-start: var(--ion-space-100, 4px);
577
- -webkit-padding-end: var(--ion-space-100, 4px);
578
- padding-inline-end: var(--ion-space-100, 4px);
579
- padding-top: var(--ion-space-100, 4px);
580
- padding-bottom: var(--ion-space-100, 4px);
575
+ -webkit-padding-start: var(--ion-space-100, var(--ion-scale-100, 4px));
576
+ padding-inline-start: var(--ion-space-100, var(--ion-scale-100, 4px));
577
+ -webkit-padding-end: var(--ion-space-100, var(--ion-scale-100, 4px));
578
+ padding-inline-end: var(--ion-space-100, var(--ion-scale-100, 4px));
579
+ padding-top: var(--ion-space-100, var(--ion-scale-100, 4px));
580
+ padding-bottom: var(--ion-space-100, var(--ion-scale-100, 4px));
581
581
  font-size: var(--ion-font-size-350, 0.875rem);
582
582
  font-weight: var(--ion-font-weight-medium, 500);
583
583
  letter-spacing: var(--ion-font-letter-spacing-1, 1%);
584
- line-height: var(--ion-font-line-height-500, 20px);
584
+ line-height: var(--ion-font-line-height-500, var(--ion-scale-500, 20px));
585
585
  text-decoration: none;
586
586
  text-transform: none;
587
587
  width: var(--ion-scale-1200, 48px);
@@ -595,11 +595,11 @@ Do not edit directly, this file was auto-generated.
595
595
  }
596
596
 
597
597
  .calendar-day.calendar-day-today {
598
- color: var(--ion-semantics-primary-base, #105cef);
598
+ color: var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef)));
599
599
  }
600
600
 
601
601
  .calendar-day.calendar-day-active {
602
- background: var(--ion-semantics-primary-100, #f2f4fd);
602
+ background: var(--ion-semantics-primary-100, var(--ion-primitives-blue-100, #f2f4fd));
603
603
  }
604
604
 
605
605
  .calendar-day:focus-visible {
@@ -608,49 +608,49 @@ Do not edit directly, this file was auto-generated.
608
608
 
609
609
  @media (any-hover: hover) {
610
610
  .calendar-day:not([disabled]):not(:active):hover {
611
- background: var(--ion-semantics-primary-200, #e9ecfc);
611
+ background: var(--ion-semantics-primary-200, var(--ion-primitives-blue-200, #e9ecfc));
612
612
  }
613
613
  }
614
614
  .calendar-day:active {
615
- background: var(--ion-semantics-primary-300, #d0d7fa);
615
+ background: var(--ion-semantics-primary-300, var(--ion-primitives-blue-300, #d0d7fa));
616
616
  }
617
617
 
618
618
  :host .datetime-time {
619
- -webkit-padding-start: var(--ion-space-400, 16px);
620
- padding-inline-start: var(--ion-space-400, 16px);
621
- -webkit-padding-end: var(--ion-space-400, 16px);
622
- padding-inline-end: var(--ion-space-400, 16px);
623
- padding-top: var(--ion-space-100, 4px);
624
- padding-bottom: var(--ion-space-100, 4px);
625
- height: var(--ion-scale-800, 32px);
619
+ -webkit-padding-start: var(--ion-space-400, var(--ion-scale-400, 16px));
620
+ padding-inline-start: var(--ion-space-400, var(--ion-scale-400, 16px));
621
+ -webkit-padding-end: var(--ion-space-400, var(--ion-scale-400, 16px));
622
+ padding-inline-end: var(--ion-space-400, var(--ion-scale-400, 16px));
623
+ padding-top: var(--ion-space-100, var(--ion-scale-100, 4px));
624
+ padding-bottom: var(--ion-space-100, var(--ion-scale-100, 4px));
626
625
  }
627
626
 
628
627
  :host .datetime-time .time-header {
629
628
  font-size: var(--ion-font-size-400, 1rem);
630
629
  font-weight: var(--ion-font-weight-medium, 500);
631
630
  letter-spacing: var(--ion-font-letter-spacing-1, 1%);
632
- line-height: var(--ion-font-line-height-600, 24px);
631
+ line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
633
632
  text-decoration: none;
634
633
  text-transform: none;
635
634
  color: var(--ion-primitives-neutral-800, #626262);
636
635
  }
637
636
 
638
637
  :host .datetime-time button {
639
- -webkit-padding-start: var(--ion-space-200, 8px);
640
- padding-inline-start: var(--ion-space-200, 8px);
641
- -webkit-padding-end: var(--ion-space-200, 8px);
642
- padding-inline-end: var(--ion-space-200, 8px);
643
- padding-top: var(--ion-space-0, 0px);
644
- padding-bottom: var(--ion-space-0, 0px);
638
+ -webkit-padding-start: var(--ion-space-200, var(--ion-scale-200, 8px));
639
+ padding-inline-start: var(--ion-space-200, var(--ion-scale-200, 8px));
640
+ -webkit-padding-end: var(--ion-space-200, var(--ion-scale-200, 8px));
641
+ padding-inline-end: var(--ion-space-200, var(--ion-scale-200, 8px));
642
+ padding-top: var(--ion-space-0, var(--ion-scale-0, 0px));
643
+ padding-bottom: var(--ion-space-0, var(--ion-scale-0, 0px));
645
644
  font-size: var(--ion-font-size-350, 0.875rem);
646
645
  font-weight: var(--ion-font-weight-medium, 500);
647
646
  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
648
- line-height: var(--ion-font-line-height-600, 24px);
647
+ line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
649
648
  text-decoration: none;
650
649
  text-transform: none;
651
650
  border-radius: var(--ion-border-radius-full, 999px);
652
651
  display: flex;
653
652
  align-items: center;
653
+ height: var(--ion-scale-800, 32px);
654
654
  background-color: var(--ion-primitives-neutral-100, #f5f5f5);
655
655
  color: var(--ion-primitives-neutral-1200, #242424);
656
656
  }
@@ -659,15 +659,15 @@ Do not edit directly, this file was auto-generated.
659
659
  .datetime-action-buttons .datetime-action-buttons-container {
660
660
  flex-flow: column;
661
661
  align-items: stretch;
662
- gap: var(--ion-space-200, 8px);
662
+ gap: var(--ion-space-200, var(--ion-scale-200, 8px));
663
663
  }
664
664
 
665
665
  :host .datetime-buttons ion-buttons ion-button {
666
666
  font-size: var(--ion-font-size-400, 1rem);
667
667
  font-weight: var(--ion-font-weight-medium, 500);
668
668
  letter-spacing: var(--ion-font-letter-spacing-1, 1%);
669
- line-height: var(--ion-font-line-height-600, 24px);
669
+ line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
670
670
  text-decoration: none;
671
671
  text-transform: none;
672
- min-height: var(--ion-space-1200, 48px);
672
+ min-height: var(--ion-space-1200, var(--ion-scale-1200, 48px));
673
673
  }
package/dist/collection/components/divider/divider.ionic.css CHANGED
@@ -111,40 +111,40 @@ Do not edit directly, this file was auto-generated.
111
111
  }
112
112
 
113
113
  :host hr {
114
- border-top: var(--ion-border-size-025, 1px) var(--ion-border-style-solid, solid) var(--ion-border-default, #d5d5d5);
114
+ border-top: var(--ion-border-size-025, var(--ion-scale-025, 1px)) var(--ion-border-style-solid, solid) var(--ion-border-default, var(--ion-primitives-neutral-400, #d5d5d5));
115
115
  }
116
116
 
117
117
  :host(.divider-inset) {
118
- --padding-start: var(--ion-space-400, 16px);
119
- --padding-end: var(--ion-space-400, 16px);
118
+ --padding-start: var(--ion-space-400, var(--ion-scale-400, 16px));
119
+ --padding-end: var(--ion-space-400, var(--ion-scale-400, 16px));
120
120
  }
121
121
 
122
122
  :host(.divider-spacing-xsmall) {
123
- --margin-top: var(--ion-space-200, 8px);
124
- --margin-bottom: var(--ion-space-200, 8px);
123
+ --margin-top: var(--ion-space-200, var(--ion-scale-200, 8px));
124
+ --margin-bottom: var(--ion-space-200, var(--ion-scale-200, 8px));
125
125
  }
126
126
 
127
127
  :host(.divider-spacing-small) {
128
- --margin-top: var(--ion-space-300, 12px);
129
- --margin-bottom: var(--ion-space-300, 12px);
128
+ --margin-top: var(--ion-space-300, var(--ion-scale-300, 12px));
129
+ --margin-bottom: var(--ion-space-300, var(--ion-scale-300, 12px));
130
130
  }
131
131
 
132
132
  :host(.divider-spacing-medium) {
133
- --margin-top: var(--ion-space-400, 16px);
134
- --margin-bottom: var(--ion-space-400, 16px);
133
+ --margin-top: var(--ion-space-400, var(--ion-scale-400, 16px));
134
+ --margin-bottom: var(--ion-space-400, var(--ion-scale-400, 16px));
135
135
  }
136
136
 
137
137
  :host(.divider-spacing-large) {
138
- --margin-top: var(--ion-space-600, 24px);
139
- --margin-bottom: var(--ion-space-600, 24px);
138
+ --margin-top: var(--ion-space-600, var(--ion-scale-600, 24px));
139
+ --margin-bottom: var(--ion-space-600, var(--ion-scale-600, 24px));
140
140
  }
141
141
 
142
142
  :host(.divider-spacing-xlarge) {
143
- --margin-top: var(--ion-space-800, 32px);
144
- --margin-bottom: var(--ion-space-800, 32px);
143
+ --margin-top: var(--ion-space-800, var(--ion-scale-800, 32px));
144
+ --margin-bottom: var(--ion-space-800, var(--ion-scale-800, 32px));
145
145
  }
146
146
 
147
147
  :host(.divider-spacing-xxlarge) {
148
- --margin-top: var(--ion-space-1000, 40px);
149
- --margin-bottom: var(--ion-space-1000, 40px);
148
+ --margin-top: var(--ion-space-1000, var(--ion-scale-1000, 40px));
149
+ --margin-bottom: var(--ion-space-1000, var(--ion-scale-1000, 40px));
150
150
  }
package/dist/collection/components/header/header.ionic.css CHANGED
@@ -77,10 +77,10 @@ ion-header {
77
77
  z-index: 10;
78
78
  }
79
79
  ion-header.header-divider {
80
- border-bottom: var(--ion-border-size-025, 1px) var(--ion-border-style-solid, solid) var(--ion-primitives-neutral-300, #e0e0e0);
80
+ border-bottom: var(--ion-border-size-025, var(--ion-scale-025, 1px)) var(--ion-border-style-solid, solid) var(--ion-primitives-neutral-300, #e0e0e0);
81
81
  }
82
82
 
83
83
  ion-toolbar + ion-toolbar {
84
- --padding-start: var(--ion-space-400, 16px);
85
- --padding-end: var(--ion-space-400, 16px);
84
+ --padding-start: var(--ion-space-400, var(--ion-scale-400, 16px));
85
+ --padding-end: var(--ion-space-400, var(--ion-scale-400, 16px));
86
86
  }
package/dist/collection/components/input/input.ionic.css CHANGED
@@ -519,19 +519,19 @@ Do not edit directly, this file was auto-generated.
519
519
  }
520
520
 
521
521
  :host(.input-fill-outline) {
522
- --border-radius: var(--ion-border-radius-100, 4px);
523
- --padding-start: var(--ion-space-300, 12px);
524
- --padding-end: var(--ion-space-300, 12px);
522
+ --border-radius: var(--ion-border-radius-100, var(--ion-scale-100, 4px));
523
+ --padding-start: var(--ion-space-300, var(--ion-scale-300, 12px));
524
+ --padding-end: var(--ion-space-300, var(--ion-scale-300, 12px));
525
525
  }
526
526
 
527
527
  :host(.input-fill-outline.input-size-large) {
528
- --padding-start: var(--ion-space-400, 16px);
529
- --padding-end: var(--ion-space-400, 16px);
528
+ --padding-start: var(--ion-space-400, var(--ion-scale-400, 16px));
529
+ --padding-end: var(--ion-space-400, var(--ion-scale-400, 16px));
530
530
  }
531
531
 
532
532
  :host(.input-fill-outline.input-size-xlarge) {
533
- --padding-start: var(--ion-space-500, 20px);
534
- --padding-end: var(--ion-space-500, 20px);
533
+ --padding-start: var(--ion-space-500, var(--ion-scale-500, 20px));
534
+ --padding-end: var(--ion-space-500, var(--ion-scale-500, 20px));
535
535
  }
536
536
 
537
537
  /**
@@ -627,47 +627,47 @@ Do not edit directly, this file was auto-generated.
627
627
  margin-right: 0;
628
628
  margin-top: 0;
629
629
  margin-bottom: 0;
630
- padding-top: var(--ion-space-100, 4px);
631
- padding-bottom: var(--ion-space-100, 4px);
630
+ padding-top: var(--ion-space-100, var(--ion-scale-100, 4px));
631
+ padding-bottom: var(--ion-space-100, var(--ion-scale-100, 4px));
632
632
  }
633
633
 
634
634
  :host(.input-fill-outline) ::slotted([slot=start]) {
635
- margin-inline-end: var(--ion-space-200, 8px);
635
+ margin-inline-end: var(--ion-space-200, var(--ion-scale-200, 8px));
636
636
  }
637
637
 
638
638
  :host(.input-fill-outline) ::slotted([slot=end]) {
639
- margin-inline-start: var(--ion-space-200, 8px);
639
+ margin-inline-start: var(--ion-space-200, var(--ion-scale-200, 8px));
640
640
  }
641
641
 
642
642
  :host(.input-fill-outline.input-shape-soft) {
643
- --border-radius: var(--ion-border-radius-200, 8px);
643
+ --border-radius: var(--ion-border-radius-200, var(--ion-scale-200, 8px));
644
644
  }
645
645
 
646
646
  :host(.input-fill-outline.input-shape-round) {
647
- --border-radius: var(--ion-border-radius-400, 16px);
647
+ --border-radius: var(--ion-border-radius-400, var(--ion-scale-400, 16px));
648
648
  }
649
649
 
650
650
  :host(.input-fill-outline.input-shape-rectangular) {
651
- --border-radius: var(--ion-border-radius-0, 0px);
651
+ --border-radius: var(--ion-border-radius-0, var(--ion-scale-0, 0px));
652
652
  }
653
653
 
654
654
  :host(.input-fill-outline.has-focus) {
655
- --border-width: var(--ion-border-size-050, 2px);
655
+ --border-width: var(--ion-border-size-050, var(--ion-scale-050, 2px));
656
656
  }
657
657
 
658
658
  :host {
659
659
  --color: var(--ion-primitives-neutral-1200, #242424);
660
- --border-width: var(--ion-border-size-025, 1px);
660
+ --border-width: var(--ion-border-size-025, var(--ion-scale-025, 1px));
661
661
  --border-color: var(--ion-primitives-neutral-500, #a2a2a2);
662
- --highlight-color-valid: var(--ion-semantics-success-900, #126f23);
663
- --highlight-color-invalid: var(--ion-semantics-danger-800, #bf2222);
662
+ --highlight-color-valid: var(--ion-semantics-success-900, var(--ion-primitives-green-900, #126f23));
663
+ --highlight-color-invalid: var(--ion-semantics-danger-800, var(--ion-primitives-red-800, #bf2222));
664
664
  --placeholder-color: var(--ion-primitives-neutral-800, #626262);
665
665
  --placeholder-opacity: 1;
666
666
  --background: var(--ion-primitives-base-white, #ffffff);
667
667
  font-size: var(--ion-font-size-350, 0.875rem);
668
668
  font-weight: var(--ion-font-weight-regular, 400);
669
669
  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
670
- line-height: var(--ion-font-line-height-600, 24px);
670
+ line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
671
671
  text-decoration: none;
672
672
  text-transform: none;
673
673
  }
@@ -727,8 +727,8 @@ Do not edit directly, this file was auto-generated.
727
727
  }
728
728
 
729
729
  .input-clear-icon:focus-visible {
730
- border-radius: var(--ion-border-radius-100, 4px);
731
- outline: var(--ion-border-size-050, 2px) var(--ion-border-style-solid, solid) var(--ion-border-focus-default, #b5c0f7);
730
+ border-radius: var(--ion-border-radius-100, var(--ion-scale-100, 4px));
731
+ outline: var(--ion-border-size-050, var(--ion-scale-050, 2px)) var(--ion-border-style-solid, solid) var(--ion-border-focus-default, var(--ion-primitives-blue-400, #b5c0f7));
732
732
  opacity: 1;
733
733
  }
734
734
 
@@ -756,7 +756,7 @@ Do not edit directly, this file was auto-generated.
756
756
  font-size: var(--ion-font-size-300, 0.75rem);
757
757
  font-weight: var(--ion-font-weight-medium, 500);
758
758
  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
759
- line-height: var(--ion-font-line-height-500, 20px);
759
+ line-height: var(--ion-font-line-height-500, var(--ion-scale-500, 20px));
760
760
  text-decoration: none;
761
761
  text-transform: none;
762
762
  color: var(--ion-primitives-neutral-1000, #3b3b3b);
@@ -769,12 +769,12 @@ Do not edit directly, this file was auto-generated.
769
769
  .input-bottom {
770
770
  padding-left: 0;
771
771
  padding-right: 0;
772
- padding-top: var(--ion-space-100, 4px);
772
+ padding-top: var(--ion-space-100, var(--ion-scale-100, 4px));
773
773
  padding-bottom: 0;
774
774
  font-size: var(--ion-font-size-300, 0.75rem);
775
775
  font-weight: var(--ion-font-weight-medium, 500);
776
776
  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
777
- line-height: var(--ion-font-line-height-500, 20px);
777
+ line-height: var(--ion-font-line-height-500, var(--ion-scale-500, 20px));
778
778
  text-decoration: none;
779
779
  text-transform: none;
780
780
  }
@@ -790,7 +790,7 @@ Do not edit directly, this file was auto-generated.
790
790
 
791
791
  :host(.has-focus.ion-valid),
792
792
  :host(.ion-touched.ion-invalid) {
793
- --border-width: var(--ion-border-size-025, 1px);
793
+ --border-width: var(--ion-border-size-025, var(--ion-scale-025, 1px));
794
794
  }
795
795
 
796
796
  @media (any-hover: hover) {
@@ -809,7 +809,7 @@ Do not edit directly, this file was auto-generated.
809
809
  :host(.input-disabled:not(.ion-valid)) .input-bottom .helper-text,
810
810
  :host(.input-disabled) .input-bottom .counter,
811
811
  :host(.input-disabled) .label-text-wrapper {
812
- color: var(--ion-text-disabled, #a2a2a2);
812
+ color: var(--ion-text-disabled, var(--ion-primitives-neutral-500, #a2a2a2));
813
813
  }
814
814
 
815
815
  :host(.input-disabled.has-focus.ion-valid) {
@@ -837,7 +837,7 @@ Do not edit directly, this file was auto-generated.
837
837
  bottom: -1px;
838
838
  position: absolute;
839
839
  width: 100%;
840
- height: var(--ion-border-size-050, 2px);
840
+ height: var(--ion-border-size-050, var(--ion-scale-050, 2px));
841
841
  transform: scale(0);
842
842
  transition: transform var(--ion-transition-time-200, 200ms);
843
843
  background: var(--border-color);
@@ -847,7 +847,7 @@ Do not edit directly, this file was auto-generated.
847
847
  }
848
848
 
849
849
  :host(.has-focus) {
850
- --border-color: var(--ion-border-focus-default, #b5c0f7);
850
+ --border-color: var(--ion-border-focus-default, var(--ion-primitives-blue-400, #b5c0f7));
851
851
  }
852
852
 
853
853
  :host(.has-focus) .input-highlight {
package/dist/collection/components/item/item.ionic.css CHANGED
@@ -414,20 +414,20 @@ ion-ripple-effect {
414
414
  --background-activated: var(--ion-primitives-neutral-200, #efefef);
415
415
  --border-color: var(--ion-primitives-neutral-300, #e0e0e0);
416
416
  --border-style: var(--ion-border-style-solid, solid);
417
- --border-width: 0 0 var(--ion-border-size-025, 1px) 0;
417
+ --border-width: 0 0 var(--ion-border-size-025, var(--ion-scale-025, 1px)) 0;
418
418
  --color: var(--ion-primitives-neutral-1200, #242424);
419
419
  --detail-icon-color: var(--ion-primitives-neutral-800, #626262);
420
420
  --detail-icon-font-size: var(--ion-scale-600, 24px);
421
421
  --detail-icon-opacity: 1;
422
422
  --min-height: var(--ion-scale-1800, 72px);
423
- --padding-top: var(--ion-space-200, 8px);
424
- --padding-end: var(--ion-space-400, 16px);
425
- --padding-bottom: var(--ion-space-200, 8px);
426
- --padding-start: var(--ion-space-400, 16px);
423
+ --padding-top: var(--ion-space-200, var(--ion-scale-200, 8px));
424
+ --padding-end: var(--ion-space-400, var(--ion-scale-400, 16px));
425
+ --padding-bottom: var(--ion-space-200, var(--ion-scale-200, 8px));
426
+ --padding-start: var(--ion-space-400, var(--ion-scale-400, 16px));
427
427
  font-size: var(--ion-font-size-400, 1rem);
428
428
  font-weight: var(--ion-font-weight-medium, 500);
429
429
  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
430
- line-height: var(--ion-font-line-height-600, 24px);
430
+ line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
431
431
  text-decoration: none;
432
432
  text-transform: none;
433
433
  }
@@ -441,13 +441,13 @@ ion-ripple-effect {
441
441
  }
442
442
 
443
443
  slot[name=start]::slotted(*) {
444
- -webkit-margin-end: var(--ion-space-400, 16px);
445
- margin-inline-end: var(--ion-space-400, 16px);
444
+ -webkit-margin-end: var(--ion-space-400, var(--ion-scale-400, 16px));
445
+ margin-inline-end: var(--ion-space-400, var(--ion-scale-400, 16px));
446
446
  }
447
447
 
448
448
  slot[name=end]::slotted(*) {
449
- -webkit-margin-start: var(--ion-space-400, 16px);
450
- margin-inline-start: var(--ion-space-400, 16px);
449
+ -webkit-margin-start: var(--ion-space-400, var(--ion-scale-400, 16px));
450
+ margin-inline-start: var(--ion-space-400, var(--ion-scale-400, 16px));
451
451
  }
452
452
 
453
453
  ::slotted(ion-icon:not(.item-detail-icon)) {
@@ -477,26 +477,26 @@ slot[name=end]::slotted(*) {
477
477
  top: 0;
478
478
  bottom: 0;
479
479
  position: absolute;
480
- border-width: var(--ion-border-size-050, 2px);
480
+ border-width: var(--ion-border-size-050, var(--ion-scale-050, 2px));
481
481
  border-style: var(--ion-border-style-solid, solid);
482
- border-color: var(--ion-border-focus-default, #b5c0f7);
482
+ border-color: var(--ion-border-focus-default, var(--ion-primitives-blue-400, #b5c0f7));
483
483
  content: "";
484
484
  }
485
485
 
486
486
  :host(.item-lines-full) {
487
- --border-width: var(--ion-border-size-0, 0px) var(--ion-border-size-0, 0px) var(--ion-border-size-025, 1px) var(--ion-border-size-0, 0px);
487
+ --border-width: var(--ion-border-size-0, var(--ion-scale-0, 0px)) var(--ion-border-size-0, var(--ion-scale-0, 0px)) var(--ion-border-size-025, var(--ion-scale-025, 1px)) var(--ion-border-size-0, var(--ion-scale-0, 0px));
488
488
  }
489
489
 
490
490
  :host(.item-lines-inset) {
491
- --inner-border-width: var(--ion-border-size-0, 0px) var(--ion-border-size-0, 0px) var(--ion-border-size-025, 1px) var(--ion-border-size-0, 0px);
491
+ --inner-border-width: var(--ion-border-size-0, var(--ion-scale-0, 0px)) var(--ion-border-size-0, var(--ion-scale-0, 0px)) var(--ion-border-size-025, var(--ion-scale-025, 1px)) var(--ion-border-size-0, var(--ion-scale-0, 0px));
492
492
  }
493
493
 
494
494
  :host(.item-lines-inset),
495
495
  :host(.item-lines-none) {
496
- --border-width: var(--ion-border-size-0, 0px);
496
+ --border-width: var(--ion-border-size-0, var(--ion-scale-0, 0px));
497
497
  }
498
498
 
499
499
  :host(.item-lines-full),
500
500
  :host(.item-lines-none) {
501
- --inner-border-width: var(--ion-border-size-0, 0px);
501
+ --inner-border-width: var(--ion-border-size-0, var(--ion-scale-0, 0px));
502
502
  }
package/dist/collection/components/item-option/item-option.ionic.css CHANGED
@@ -163,18 +163,18 @@ Do not edit directly, this file was auto-generated.
163
163
  font-size: var(--ion-font-size-350, 0.875rem);
164
164
  font-weight: var(--ion-font-weight-medium, 500);
165
165
  letter-spacing: var(--ion-font-letter-spacing-1, 1%);
166
- line-height: var(--ion-font-line-height-500, 20px);
166
+ line-height: var(--ion-font-line-height-500, var(--ion-scale-500, 20px));
167
167
  text-decoration: none;
168
168
  text-transform: none;
169
169
  }
170
170
 
171
171
  .button-native {
172
- -webkit-padding-start: var(--ion-space-200, 8px);
173
- padding-inline-start: var(--ion-space-200, 8px);
174
- -webkit-padding-end: var(--ion-space-200, 8px);
175
- padding-inline-end: var(--ion-space-200, 8px);
176
- padding-top: var(--ion-space-200, 8px);
177
- padding-bottom: var(--ion-space-200, 8px);
172
+ -webkit-padding-start: var(--ion-space-200, var(--ion-scale-200, 8px));
173
+ padding-inline-start: var(--ion-space-200, var(--ion-scale-200, 8px));
174
+ -webkit-padding-end: var(--ion-space-200, var(--ion-scale-200, 8px));
175
+ padding-inline-end: var(--ion-space-200, var(--ion-scale-200, 8px));
176
+ padding-top: var(--ion-space-200, var(--ion-scale-200, 8px));
177
+ padding-bottom: var(--ion-space-200, var(--ion-scale-200, 8px));
178
178
  min-width: var(--ion-scale-1600, 64px);
179
179
  height: var(--ion-scale-1600, 64px);
180
180
  }
@@ -183,28 +183,28 @@ Do not edit directly, this file was auto-generated.
183
183
  margin-left: 0;
184
184
  margin-right: 0;
185
185
  margin-top: 0;
186
- margin-bottom: var(--ion-space-100, 4px);
186
+ margin-bottom: var(--ion-space-100, var(--ion-scale-100, 4px));
187
187
  }
188
188
 
189
189
  ::slotted([slot=bottom]) {
190
190
  margin-left: 0;
191
191
  margin-right: 0;
192
- margin-top: var(--ion-space-100, 4px);
192
+ margin-top: var(--ion-space-100, var(--ion-scale-100, 4px));
193
193
  margin-bottom: 0;
194
194
  }
195
195
 
196
196
  ::slotted([slot=start]) {
197
197
  -webkit-margin-start: 0;
198
198
  margin-inline-start: 0;
199
- -webkit-margin-end: var(--ion-space-100, 4px);
200
- margin-inline-end: var(--ion-space-100, 4px);
199
+ -webkit-margin-end: var(--ion-space-100, var(--ion-scale-100, 4px));
200
+ margin-inline-end: var(--ion-space-100, var(--ion-scale-100, 4px));
201
201
  margin-top: 0;
202
202
  margin-bottom: 0;
203
203
  }
204
204
 
205
205
  ::slotted([slot=end]) {
206
- -webkit-margin-start: var(--ion-space-100, 4px);
207
- margin-inline-start: var(--ion-space-100, 4px);
206
+ -webkit-margin-start: var(--ion-space-100, var(--ion-scale-100, 4px));
207
+ margin-inline-start: var(--ion-space-100, var(--ion-scale-100, 4px));
208
208
  -webkit-margin-end: 0;
209
209
  margin-inline-end: 0;
210
210
  margin-top: 0;
@@ -224,17 +224,17 @@ Do not edit directly, this file was auto-generated.
224
224
 
225
225
  /* Round */
226
226
  :host(.item-option-round) {
227
- border-radius: var(--ion-border-radius-300, 12px);
227
+ border-radius: var(--ion-border-radius-300, var(--ion-scale-300, 12px));
228
228
  }
229
229
 
230
230
  /* Soft */
231
231
  :host(.item-option-soft) {
232
- border-radius: var(--ion-border-radius-200, 8px);
232
+ border-radius: var(--ion-border-radius-200, var(--ion-scale-200, 8px));
233
233
  }
234
234
 
235
235
  /* Rectangular */
236
236
  :host(.item-option-rectangular) {
237
- border-radius: var(--ion-border-radius-0, 0px);
237
+ border-radius: var(--ion-border-radius-0, var(--ion-scale-0, 0px));
238
238
  }
239
239
 
240
240
  /* Disabled */
@@ -254,9 +254,9 @@ Do not edit directly, this file was auto-generated.
254
254
  }
255
255
 
256
256
  :host(.item-option-subtle) {
257
- --background: var(--ion-color-primary-subtle, var(--ion-bg-primary-subtle-default, #f2f4fd));
258
- --background-activated: var(--ion-color-primary-subtle-shade, var(--ion-bg-primary-subtle-press, #d0d7fa));
259
- --color: var(--ion-color-primary-subtle-contrast, var(--ion-text-primary, #0d4bc3));
257
+ --background: var(--ion-color-primary-subtle, var(--ion-bg-primary-subtle-default, var(--ion-semantics-primary-100, var(--ion-primitives-blue-100, #f2f4fd))));
258
+ --background-activated: var(--ion-color-primary-subtle-shade, var(--ion-bg-primary-subtle-press, var(--ion-semantics-primary-300, var(--ion-primitives-blue-300, #d0d7fa))));
259
+ --color: var(--ion-color-primary-subtle-contrast, var(--ion-text-primary, var(--ion-semantics-primary-900, var(--ion-primitives-blue-900, #0d4bc3))));
260
260
  }
261
261
 
262
262
  :host(.item-option-subtle.ion-color) {
@@ -265,9 +265,9 @@ Do not edit directly, this file was auto-generated.
265
265
  }
266
266
 
267
267
  :host(.item-option-bold) {
268
- --background: var(--ion-color-primary, var(--ion-bg-primary-base-default, #105cef));
269
- --background-activated: var(--ion-color-primary-shade, var(--ion-bg-primary-base-press, #0d4bc3));
270
- --color: var(--ion-color-primary-contrast, var(--ion-text-inverse, #ffffff));
268
+ --background: var(--ion-color-primary, var(--ion-bg-primary-base-default, var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef)))));
269
+ --background-activated: var(--ion-color-primary-shade, var(--ion-bg-primary-base-press, var(--ion-semantics-primary-900, var(--ion-primitives-blue-900, #0d4bc3))));
270
+ --color: var(--ion-color-primary-contrast, var(--ion-text-inverse, var(--ion-primitives-base-white, #ffffff)));
271
271
  }
272
272
 
273
273
  :host(.item-option-bold.ion-color) {