@ionic/core 8.5.5-dev.11747137265.184b7749 → 8.5.5-dev.11747232541.1f7a2d34

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 (260) 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 +1 -1
  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/title.js +1 -1
  36. package/components/toolbar.js +1 -1
  37. package/css/ionic/bundle.ionic.css +1 -1
  38. package/css/ionic/bundle.ionic.css.map +1 -1
  39. package/css/ionic/core.ionic.css +1 -1
  40. package/css/ionic/core.ionic.css.map +1 -1
  41. package/css/ionic/global.bundle.ionic.css +1 -1
  42. package/css/ionic/global.bundle.ionic.css.map +1 -1
  43. package/css/ionic/ionic-swiper.ionic.css +1 -1
  44. package/css/ionic/ionic-swiper.ionic.css.map +1 -1
  45. package/css/ionic/link.ionic.css +1 -1
  46. package/css/ionic/link.ionic.css.map +1 -1
  47. package/css/ionic/typography.ionic.css +1 -1
  48. package/css/ionic/typography.ionic.css.map +1 -1
  49. package/css/ionic/utils.bundle.ionic.css +1 -1
  50. package/css/ionic/utils.bundle.ionic.css.map +1 -1
  51. package/dist/cjs/ion-accordion_2.cjs.entry.js +2 -2
  52. package/dist/cjs/ion-app_8.cjs.entry.js +3 -3
  53. package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
  54. package/dist/cjs/ion-button_2.cjs.entry.js +7 -6
  55. package/dist/cjs/ion-card_5.cjs.entry.js +4 -4
  56. package/dist/cjs/ion-checkbox.cjs.entry.js +1 -1
  57. package/dist/cjs/ion-chip.cjs.entry.js +1 -1
  58. package/dist/cjs/ion-datetime_3.cjs.entry.js +1 -1
  59. package/dist/cjs/ion-divider.cjs.entry.js +1 -1
  60. package/dist/cjs/ion-input.cjs.entry.js +1 -1
  61. package/dist/cjs/ion-item-option_3.cjs.entry.js +2 -2
  62. package/dist/cjs/ion-item_8.cjs.entry.js +3 -3
  63. package/dist/cjs/ion-modal.cjs.entry.js +1 -1
  64. package/dist/cjs/ion-progress-bar.cjs.entry.js +1 -1
  65. package/dist/cjs/ion-radio_2.cjs.entry.js +2 -2
  66. package/dist/cjs/ion-range.cjs.entry.js +1 -1
  67. package/dist/cjs/ion-searchbar.cjs.entry.js +1 -1
  68. package/dist/cjs/ion-segment_2.cjs.entry.js +1 -1
  69. package/dist/cjs/ion-select-modal.cjs.entry.js +1 -1
  70. package/dist/cjs/ion-select_3.cjs.entry.js +1 -1
  71. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +2 -2
  72. package/dist/cjs/ion-textarea.cjs.entry.js +1 -1
  73. package/dist/cjs/ion-toast.cjs.entry.js +1 -1
  74. package/dist/cjs/ion-toggle.cjs.entry.js +1 -1
  75. package/dist/collection/components/accordion/accordion.ionic.css +20 -20
  76. package/dist/collection/components/accordion-group/accordion-group.ionic.css +14 -14
  77. package/dist/collection/components/avatar/avatar.ionic.css +25 -25
  78. package/dist/collection/components/badge/badge.ionic.css +20 -20
  79. package/dist/collection/components/button/button.ionic.css +56 -57
  80. package/dist/collection/components/button/button.js +9 -8
  81. package/dist/collection/components/card/card.ionic.css +3 -3
  82. package/dist/collection/components/card-content/card-content.ionic.css +10 -10
  83. package/dist/collection/components/card-header/card-header.ionic.css +7 -7
  84. package/dist/collection/components/card-subtitle/card-subtitle.ionic.css +1 -1
  85. package/dist/collection/components/checkbox/checkbox.ionic.css +29 -29
  86. package/dist/collection/components/chip/chip.ionic.css +17 -17
  87. package/dist/collection/components/datetime/datetime.ionic.css +52 -52
  88. package/dist/collection/components/divider/divider.ionic.css +15 -15
  89. package/dist/collection/components/header/header.ionic.css +3 -3
  90. package/dist/collection/components/input/input.ionic.css +28 -28
  91. package/dist/collection/components/item/item.ionic.css +16 -16
  92. package/dist/collection/components/item-option/item-option.ionic.css +22 -22
  93. package/dist/collection/components/item-options/item-options.ionic.css +5 -5
  94. package/dist/collection/components/list/list.ionic.css +27 -27
  95. package/dist/collection/components/list-header/list-header.ionic.css +7 -7
  96. package/dist/collection/components/modal/modal.ionic.css +13 -13
  97. package/dist/collection/components/progress-bar/progress-bar.ionic.css +4 -4
  98. package/dist/collection/components/radio/radio.ionic.css +12 -12
  99. package/dist/collection/components/radio-group/radio-group.ionic.css +11 -11
  100. package/dist/collection/components/range/range.ionic.css +29 -29
  101. package/dist/collection/components/searchbar/searchbar.ionic.css +76 -76
  102. package/dist/collection/components/segment-button/segment-button.ionic.css +14 -14
  103. package/dist/collection/components/select/select.ionic.css +31 -31
  104. package/dist/collection/components/select-modal/select-modal.ionic.css +7 -7
  105. package/dist/collection/components/tab-bar/tab-bar.ionic.css +20 -20
  106. package/dist/collection/components/tab-button/tab-button.ionic.css +6 -6
  107. package/dist/collection/components/textarea/textarea.ionic.css +35 -35
  108. package/dist/collection/components/title/title.ionic.css +2 -2
  109. package/dist/collection/components/toast/toast.ionic.css +32 -32
  110. package/dist/collection/components/toggle/toggle.ionic.css +11 -11
  111. package/dist/collection/components/toolbar/toolbar.ionic.css +14 -14
  112. package/dist/docs.json +9 -5
  113. package/dist/esm/ion-accordion_2.entry.js +2 -2
  114. package/dist/esm/ion-app_8.entry.js +3 -3
  115. package/dist/esm/ion-avatar_3.entry.js +2 -2
  116. package/dist/esm/ion-button_2.entry.js +7 -6
  117. package/dist/esm/ion-card_5.entry.js +4 -4
  118. package/dist/esm/ion-checkbox.entry.js +1 -1
  119. package/dist/esm/ion-chip.entry.js +1 -1
  120. package/dist/esm/ion-datetime_3.entry.js +1 -1
  121. package/dist/esm/ion-divider.entry.js +1 -1
  122. package/dist/esm/ion-input.entry.js +1 -1
  123. package/dist/esm/ion-item-option_3.entry.js +2 -2
  124. package/dist/esm/ion-item_8.entry.js +3 -3
  125. package/dist/esm/ion-modal.entry.js +1 -1
  126. package/dist/esm/ion-progress-bar.entry.js +1 -1
  127. package/dist/esm/ion-radio_2.entry.js +2 -2
  128. package/dist/esm/ion-range.entry.js +1 -1
  129. package/dist/esm/ion-searchbar.entry.js +1 -1
  130. package/dist/esm/ion-segment_2.entry.js +1 -1
  131. package/dist/esm/ion-select-modal.entry.js +1 -1
  132. package/dist/esm/ion-select_3.entry.js +1 -1
  133. package/dist/esm/ion-tab-bar_2.entry.js +2 -2
  134. package/dist/esm/ion-textarea.entry.js +1 -1
  135. package/dist/esm/ion-toast.entry.js +1 -1
  136. package/dist/esm/ion-toggle.entry.js +1 -1
  137. package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
  138. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  139. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  140. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  141. package/dist/esm-es5/ion-card_5.entry.js +1 -1
  142. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  143. package/dist/esm-es5/ion-chip.entry.js +1 -1
  144. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  145. package/dist/esm-es5/ion-divider.entry.js +1 -1
  146. package/dist/esm-es5/ion-input.entry.js +1 -1
  147. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  148. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  149. package/dist/esm-es5/ion-modal.entry.js +1 -1
  150. package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
  151. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  152. package/dist/esm-es5/ion-range.entry.js +1 -1
  153. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  154. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  155. package/dist/esm-es5/ion-select-modal.entry.js +1 -1
  156. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  157. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  158. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  159. package/dist/esm-es5/ion-toast.entry.js +1 -1
  160. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  161. package/dist/html.html-data.json +4 -1
  162. package/dist/ionic/ionic.esm.js +1 -1
  163. package/dist/ionic/p-03f0f489.entry.js +4 -0
  164. package/dist/ionic/p-050d7d1f.entry.js +4 -0
  165. package/dist/ionic/p-05488e5f.entry.js +4 -0
  166. package/dist/ionic/p-19e67d40.system.entry.js +4 -0
  167. package/dist/ionic/p-211efa34.system.entry.js +4 -0
  168. package/dist/ionic/p-21a9241b.system.entry.js +4 -0
  169. package/dist/ionic/p-28253576.system.entry.js +4 -0
  170. package/dist/ionic/{p-19544c40.entry.js → p-2a3df287.entry.js} +1 -1
  171. package/dist/ionic/p-30bae1a8.entry.js +4 -0
  172. package/dist/ionic/p-3f616348.system.entry.js +4 -0
  173. package/dist/ionic/p-41003775.entry.js +4 -0
  174. package/dist/ionic/p-41357931.system.entry.js +4 -0
  175. package/dist/ionic/p-488e56da.system.entry.js +4 -0
  176. package/dist/ionic/p-4ecb7892.entry.js +4 -0
  177. package/dist/ionic/p-577c1150.entry.js +4 -0
  178. package/dist/ionic/p-59d3caf4.entry.js +4 -0
  179. package/dist/ionic/p-5b2f411a.system.entry.js +4 -0
  180. package/dist/ionic/p-5bba46fc.system.entry.js +4 -0
  181. package/dist/ionic/p-5ceac493.entry.js +4 -0
  182. package/dist/ionic/p-5f582e4f.system.entry.js +4 -0
  183. package/dist/ionic/p-63c2257c.system.entry.js +4 -0
  184. package/dist/ionic/p-6b98a989.system.entry.js +4 -0
  185. package/dist/ionic/{p-93f7ddd5.entry.js → p-6c0e6625.entry.js} +1 -1
  186. package/dist/ionic/p-71d87b11.system.entry.js +4 -0
  187. package/dist/ionic/p-73db2a7e.system.entry.js +4 -0
  188. package/dist/ionic/p-75871b9f.entry.js +4 -0
  189. package/dist/ionic/p-7d1774f8.system.entry.js +4 -0
  190. package/dist/ionic/{p-3e161a46.entry.js → p-85c51a6a.entry.js} +1 -1
  191. package/dist/ionic/p-8f56be51.entry.js +4 -0
  192. package/dist/ionic/p-906b0781.entry.js +4 -0
  193. package/dist/ionic/p-9207650a.entry.js +4 -0
  194. package/dist/ionic/p-979f9a47.entry.js +4 -0
  195. package/dist/ionic/p-9acea98c.entry.js +4 -0
  196. package/dist/ionic/p-9bd072c2.system.entry.js +4 -0
  197. package/dist/ionic/p-a42ddbb3.system.entry.js +4 -0
  198. package/dist/ionic/p-a8759b16.entry.js +4 -0
  199. package/dist/ionic/p-a8fd8c07.entry.js +4 -0
  200. package/dist/ionic/p-afe776fc.system.entry.js +4 -0
  201. package/dist/ionic/p-b65e5cc0.system.entry.js +4 -0
  202. package/dist/ionic/p-b9298bee.entry.js +4 -0
  203. package/dist/ionic/p-c419b6b0.system.entry.js +4 -0
  204. package/dist/ionic/p-c8b9efc6.entry.js +4 -0
  205. package/dist/ionic/p-db8ffacb.system.js +1 -1
  206. package/dist/ionic/{p-8131e086.system.entry.js → p-e25667a4.system.entry.js} +1 -1
  207. package/dist/ionic/p-e35f0d82.system.entry.js +4 -0
  208. package/dist/ionic/p-f1bf5430.system.entry.js +4 -0
  209. package/dist/ionic/p-f1d7ea25.system.entry.js +4 -0
  210. package/dist/ionic/p-f3219e90.entry.js +4 -0
  211. package/dist/ionic/p-fdc14546.entry.js +4 -0
  212. package/dist/types/components/button/button.d.ts +5 -4
  213. package/dist/types/components.d.ts +4 -4
  214. package/hydrate/index.js +42 -41
  215. package/hydrate/index.mjs +42 -41
  216. package/package.json +1 -1
  217. package/dist/ionic/p-09072d3b.entry.js +0 -4
  218. package/dist/ionic/p-0d297574.system.entry.js +0 -4
  219. package/dist/ionic/p-16fd70b2.entry.js +0 -4
  220. package/dist/ionic/p-22e704a0.entry.js +0 -4
  221. package/dist/ionic/p-25679df9.system.entry.js +0 -4
  222. package/dist/ionic/p-259dcfa3.entry.js +0 -4
  223. package/dist/ionic/p-25fb485f.system.entry.js +0 -4
  224. package/dist/ionic/p-26d7c6fd.system.entry.js +0 -4
  225. package/dist/ionic/p-3533c471.system.entry.js +0 -4
  226. package/dist/ionic/p-3824cffd.entry.js +0 -4
  227. package/dist/ionic/p-39b0a811.entry.js +0 -4
  228. package/dist/ionic/p-3b98dd61.system.entry.js +0 -4
  229. package/dist/ionic/p-43d6a02c.system.entry.js +0 -4
  230. package/dist/ionic/p-44b1fefc.entry.js +0 -4
  231. package/dist/ionic/p-49664bbc.system.entry.js +0 -4
  232. package/dist/ionic/p-4a767053.entry.js +0 -4
  233. package/dist/ionic/p-548cd1e5.system.entry.js +0 -4
  234. package/dist/ionic/p-67cded2a.system.entry.js +0 -4
  235. package/dist/ionic/p-7c6f71eb.entry.js +0 -4
  236. package/dist/ionic/p-8402b59e.system.entry.js +0 -4
  237. package/dist/ionic/p-840f1c59.entry.js +0 -4
  238. package/dist/ionic/p-84ac0a34.system.entry.js +0 -4
  239. package/dist/ionic/p-85c7c591.system.entry.js +0 -4
  240. package/dist/ionic/p-88aa79f6.entry.js +0 -4
  241. package/dist/ionic/p-940bc10a.system.entry.js +0 -4
  242. package/dist/ionic/p-97a351b5.entry.js +0 -4
  243. package/dist/ionic/p-a47bffd6.system.entry.js +0 -4
  244. package/dist/ionic/p-a6a71315.entry.js +0 -4
  245. package/dist/ionic/p-aba2d55f.system.entry.js +0 -4
  246. package/dist/ionic/p-acee3852.entry.js +0 -4
  247. package/dist/ionic/p-ad3f30b4.system.entry.js +0 -4
  248. package/dist/ionic/p-b5e3859a.entry.js +0 -4
  249. package/dist/ionic/p-b79a47ba.entry.js +0 -4
  250. package/dist/ionic/p-c0b7f342.entry.js +0 -4
  251. package/dist/ionic/p-c18ffa8b.entry.js +0 -4
  252. package/dist/ionic/p-c47e7149.system.entry.js +0 -4
  253. package/dist/ionic/p-c847b24b.system.entry.js +0 -4
  254. package/dist/ionic/p-d2314315.system.entry.js +0 -4
  255. package/dist/ionic/p-d6662277.entry.js +0 -4
  256. package/dist/ionic/p-dbbfcd15.entry.js +0 -4
  257. package/dist/ionic/p-dfb63dc2.system.entry.js +0 -4
  258. package/dist/ionic/p-e09bb245.system.entry.js +0 -4
  259. package/dist/ionic/p-ed4cf0aa.system.entry.js +0 -4
  260. package/dist/ionic/p-f6a03670.entry.js +0 -4
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) {
package/dist/collection/components/item-options/item-options.ionic.css CHANGED
@@ -194,29 +194,29 @@ ion-item-options {
194
194
  .item-options-ionic {
195
195
  align-items: center;
196
196
  background: var(--ion-primitives-base-white, #ffffff);
197
- gap: var(--ion-space-100, 4px);
197
+ gap: var(--ion-space-100, var(--ion-scale-100, 4px));
198
198
  }
199
199
 
200
200
  /* stylelint-disable property-disallowed-list */
201
201
  [dir=ltr] .item-options-start ion-item-option:last-child,
202
202
  [dir=rtl] .item-options-start ion-item-option:first-child {
203
- margin-right: var(--ion-space-200, 8px);
203
+ margin-right: var(--ion-space-200, var(--ion-scale-200, 8px));
204
204
  }
205
205
 
206
206
  [dir=ltr] .item-options-start ion-item-option:first-child,
207
207
  [dir=rtl] .item-options-start ion-item-option:last-child {
208
- margin-left: calc(var(--ion-space-200, 8px) + var(--ion-safe-area-left, 0));
208
+ margin-left: calc(var(--ion-space-200, var(--ion-scale-200, 8px)) + var(--ion-safe-area-left, 0));
209
209
  padding-left: initial;
210
210
  }
211
211
 
212
212
  [dir=ltr] .item-options-end ion-item-option:first-child,
213
213
  [dir=rtl] .item-options-end ion-item-option:last-child {
214
- margin-left: var(--ion-space-200, 8px);
214
+ margin-left: var(--ion-space-200, var(--ion-scale-200, 8px));
215
215
  }
216
216
 
217
217
  [dir=ltr] .item-options-end ion-item-option:last-child,
218
218
  [dir=rtl] .item-options-end ion-item-option:first-child {
219
- margin-right: calc(var(--ion-space-200, 8px) + var(--ion-safe-area-right, 0));
219
+ margin-right: calc(var(--ion-space-200, var(--ion-scale-200, 8px)) + var(--ion-safe-area-right, 0));
220
220
  padding-right: initial;
221
221
  }
222
222
 
package/dist/collection/components/list/list.ionic.css CHANGED
@@ -98,12 +98,12 @@ ion-list {
98
98
  }
99
99
 
100
100
  .list-ionic.list-inset {
101
- -webkit-margin-start: var(--ion-space-100, 4px);
102
- margin-inline-start: var(--ion-space-100, 4px);
103
- -webkit-margin-end: var(--ion-space-100, 4px);
104
- margin-inline-end: var(--ion-space-100, 4px);
105
- margin-top: var(--ion-space-100, 4px);
106
- margin-bottom: var(--ion-space-100, 4px);
101
+ -webkit-margin-start: var(--ion-space-100, var(--ion-scale-100, 4px));
102
+ margin-inline-start: var(--ion-space-100, var(--ion-scale-100, 4px));
103
+ -webkit-margin-end: var(--ion-space-100, var(--ion-scale-100, 4px));
104
+ margin-inline-end: var(--ion-space-100, var(--ion-scale-100, 4px));
105
+ margin-top: var(--ion-space-100, var(--ion-scale-100, 4px));
106
+ margin-bottom: var(--ion-space-100, var(--ion-scale-100, 4px));
107
107
  }
108
108
 
109
109
  .list-ionic-lines-none .item-lines-default {
@@ -124,8 +124,8 @@ ion-list {
124
124
  */
125
125
  border-start-start-radius: initial;
126
126
  border-start-end-radius: initial;
127
- border-end-end-radius: var(--ion-border-radius-400, 16px);
128
- border-end-start-radius: var(--ion-border-radius-400, 16px);
127
+ border-end-end-radius: var(--ion-border-radius-400, var(--ion-scale-400, 16px));
128
+ border-end-start-radius: var(--ion-border-radius-400, var(--ion-scale-400, 16px));
129
129
  }
130
130
  .list-ionic:has(ion-list-header).list-round ion-list-header + * {
131
131
  /**
@@ -133,8 +133,8 @@ ion-list {
133
133
  * The bottom of the first element should not have a border radius
134
134
  * because that would not look connected to the rest.
135
135
  */
136
- border-start-start-radius: var(--ion-border-radius-400, 16px);
137
- border-start-end-radius: var(--ion-border-radius-400, 16px);
136
+ border-start-start-radius: var(--ion-border-radius-400, var(--ion-scale-400, 16px));
137
+ border-start-end-radius: var(--ion-border-radius-400, var(--ion-scale-400, 16px));
138
138
  border-end-end-radius: initial;
139
139
  border-end-start-radius: initial;
140
140
  }
@@ -146,8 +146,8 @@ ion-list {
146
146
  */
147
147
  border-start-start-radius: initial;
148
148
  border-start-end-radius: initial;
149
- border-end-end-radius: var(--ion-border-radius-200, 8px);
150
- border-end-start-radius: var(--ion-border-radius-200, 8px);
149
+ border-end-end-radius: var(--ion-border-radius-200, var(--ion-scale-200, 8px));
150
+ border-end-start-radius: var(--ion-border-radius-200, var(--ion-scale-200, 8px));
151
151
  }
152
152
  .list-ionic:has(ion-list-header).list-soft ion-list-header + * {
153
153
  /**
@@ -155,8 +155,8 @@ ion-list {
155
155
  * The bottom of the first element should not have a border radius
156
156
  * because that would not look connected to the rest.
157
157
  */
158
- border-start-start-radius: var(--ion-border-radius-200, 8px);
159
- border-start-end-radius: var(--ion-border-radius-200, 8px);
158
+ border-start-start-radius: var(--ion-border-radius-200, var(--ion-scale-200, 8px));
159
+ border-start-end-radius: var(--ion-border-radius-200, var(--ion-scale-200, 8px));
160
160
  border-end-end-radius: initial;
161
161
  border-end-start-radius: initial;
162
162
  }
@@ -168,8 +168,8 @@ ion-list {
168
168
  */
169
169
  border-start-start-radius: initial;
170
170
  border-start-end-radius: initial;
171
- border-end-end-radius: var(--ion-border-radius-0, 0px);
172
- border-end-start-radius: var(--ion-border-radius-0, 0px);
171
+ border-end-end-radius: var(--ion-border-radius-0, var(--ion-scale-0, 0px));
172
+ border-end-start-radius: var(--ion-border-radius-0, var(--ion-scale-0, 0px));
173
173
  }
174
174
  .list-ionic:has(ion-list-header).list-rectangular ion-list-header + * {
175
175
  /**
@@ -177,8 +177,8 @@ ion-list {
177
177
  * The bottom of the first element should not have a border radius
178
178
  * because that would not look connected to the rest.
179
179
  */
180
- border-start-start-radius: var(--ion-border-radius-0, 0px);
181
- border-start-end-radius: var(--ion-border-radius-0, 0px);
180
+ border-start-start-radius: var(--ion-border-radius-0, var(--ion-scale-0, 0px));
181
+ border-start-end-radius: var(--ion-border-radius-0, var(--ion-scale-0, 0px));
182
182
  border-end-end-radius: initial;
183
183
  border-end-start-radius: initial;
184
184
  }
@@ -189,26 +189,26 @@ ion-list {
189
189
  /* Rectangular */
190
190
  }
191
191
  .list-ionic:not(:has(ion-list-header)).list-round {
192
- border-radius: var(--ion-border-radius-400, 16px);
192
+ border-radius: var(--ion-border-radius-400, var(--ion-scale-400, 16px));
193
193
  }
194
194
  .list-ionic:not(:has(ion-list-header)).list-soft {
195
- border-radius: var(--ion-border-radius-200, 8px);
195
+ border-radius: var(--ion-border-radius-200, var(--ion-scale-200, 8px));
196
196
  }
197
197
  .list-ionic:not(:has(ion-list-header)).list-rectangular {
198
- border-radius: var(--ion-border-radius-0, 0px);
198
+ border-radius: var(--ion-border-radius-0, var(--ion-scale-0, 0px));
199
199
  }
200
200
 
201
201
  .list-ionic-lines-none .item-lines-default {
202
- --inner-border-width: var(--ion-border-size-0, 0px);
203
- --border-width: var(--ion-border-size-0, 0px);
202
+ --inner-border-width: var(--ion-border-size-0, var(--ion-scale-0, 0px));
203
+ --border-width: var(--ion-border-size-0, var(--ion-scale-0, 0px));
204
204
  }
205
205
 
206
206
  .list-ionic-lines-full .item-lines-default {
207
- --inner-border-width: var(--ion-border-size-0, 0px);
208
- --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);
207
+ --inner-border-width: var(--ion-border-size-0, var(--ion-scale-0, 0px));
208
+ --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));
209
209
  }
210
210
 
211
211
  .list-ionic-lines-inset .item-lines-default {
212
- --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);
213
- --border-width: var(--ion-border-size-0, 0px);
212
+ --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));
213
+ --border-width: var(--ion-border-size-0, var(--ion-scale-0, 0px));
214
214
  }
package/dist/collection/components/list-header/list-header.ionic.css CHANGED
@@ -155,7 +155,7 @@ Do not edit directly, this file was auto-generated.
155
155
  font-size: var(--ion-font-size-350, 0.875rem);
156
156
  font-weight: var(--ion-font-weight-medium, 500);
157
157
  letter-spacing: var(--ion-font-letter-spacing-0, 0%);
158
- line-height: var(--ion-font-line-height-600, 24px);
158
+ line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
159
159
  text-decoration: none;
160
160
  text-transform: none;
161
161
  min-height: calc(var(--ion-scale-1400, 56px) + var(--ion-scale-050, 2px));
@@ -166,19 +166,19 @@ Do not edit directly, this file was auto-generated.
166
166
  */
167
167
  overflow: visible;
168
168
  /* stylelint-disable */
169
- padding-right: calc(var(--ion-safe-area-right, 0px) + var(--ion-space-400, 16px));
170
- padding-left: calc(var(--ion-safe-area-left, 0px) + var(--ion-space-400, 16px));
169
+ padding-right: calc(var(--ion-safe-area-right, 0px) + var(--ion-space-400, var(--ion-scale-400, 16px)));
170
+ padding-left: calc(var(--ion-safe-area-left, 0px) + var(--ion-space-400, var(--ion-scale-400, 16px)));
171
171
  /* stylelint-enable */
172
172
  }
173
173
  :host-context([dir=rtl]) {
174
- padding-right: calc(var(--ion-safe-area-right, 0px) + var(--ion-space-400, 16px));
175
- padding-left: calc(var(--ion-safe-area-left, 0px) + var(--ion-space-400, 16px));
174
+ padding-right: calc(var(--ion-safe-area-right, 0px) + var(--ion-space-400, var(--ion-scale-400, 16px)));
175
+ padding-left: calc(var(--ion-safe-area-left, 0px) + var(--ion-space-400, var(--ion-scale-400, 16px)));
176
176
  }
177
177
 
178
178
  @supports selector(:dir(rtl)) {
179
179
  :host(:dir(rtl)) {
180
- padding-right: calc(var(--ion-safe-area-right, 0px) + var(--ion-space-400, 16px));
181
- padding-left: calc(var(--ion-safe-area-left, 0px) + var(--ion-space-400, 16px));
180
+ padding-right: calc(var(--ion-safe-area-right, 0px) + var(--ion-space-400, var(--ion-scale-400, 16px)));
181
+ padding-left: calc(var(--ion-safe-area-left, 0px) + var(--ion-space-400, var(--ion-scale-400, 16px)));
182
182
  }
183
183
  }
184
184
 
package/dist/collection/components/modal/modal.ionic.css CHANGED
@@ -191,40 +191,40 @@ ion-backdrop {
191
191
  }
192
192
 
193
193
  :host {
194
- --background: var(--ion-bg-surface-default, #ffffff);
194
+ --background: var(--ion-bg-surface-default, var(--ion-primitives-base-white, #ffffff));
195
195
  --box-shadow: var(--ion-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));
196
196
  --backdrop-opacity: 1;
197
- color: var(--ion-text-default, #242424);
197
+ color: var(--ion-text-default, var(--ion-primitives-neutral-1200, #242424));
198
198
  }
199
199
 
200
200
  :host(.modal-round) {
201
- --border-radius: var(--ion-border-radius-1000, 40px);
201
+ --border-radius: var(--ion-border-radius-1000, var(--ion-scale-1000, 40px));
202
202
  }
203
203
 
204
204
  :host(.modal-soft) {
205
- --border-radius: var(--ion-border-radius-400, 16px);
205
+ --border-radius: var(--ion-border-radius-400, var(--ion-scale-400, 16px));
206
206
  }
207
207
 
208
208
  :host(.modal-rectangular) {
209
- --border-radius: var(--ion-border-radius-0, 0px);
209
+ --border-radius: var(--ion-border-radius-0, var(--ion-scale-0, 0px));
210
210
  }
211
211
 
212
212
  .modal-handle {
213
213
  right: 0px;
214
214
  left: 0px;
215
- top: var(--ion-space-300, 12px);
216
- border-radius: var(--ion-border-radius-100, 4px);
215
+ top: var(--ion-space-300, var(--ion-scale-300, 12px));
216
+ border-radius: var(--ion-border-radius-100, var(--ion-scale-100, 4px));
217
217
  width: var(--ion-scale-1100, 44px);
218
218
  height: var(--ion-scale-100, 4px);
219
219
  background-color: var(--ion-primitives-neutral-300, #e0e0e0);
220
220
  }
221
221
  .modal-handle::before {
222
- -webkit-padding-start: var(--ion-space-100, 4px);
223
- padding-inline-start: var(--ion-space-100, 4px);
224
- -webkit-padding-end: var(--ion-space-100, 4px);
225
- padding-inline-end: var(--ion-space-100, 4px);
226
- padding-top: var(--ion-space-100, 4px);
227
- padding-bottom: var(--ion-space-100, 4px);
222
+ -webkit-padding-start: var(--ion-space-100, var(--ion-scale-100, 4px));
223
+ padding-inline-start: var(--ion-space-100, var(--ion-scale-100, 4px));
224
+ -webkit-padding-end: var(--ion-space-100, var(--ion-scale-100, 4px));
225
+ padding-inline-end: var(--ion-space-100, var(--ion-scale-100, 4px));
226
+ padding-top: var(--ion-space-100, var(--ion-scale-100, 4px));
227
+ padding-bottom: var(--ion-space-100, var(--ion-scale-100, 4px));
228
228
  }
229
229
 
230
230
  :host(.modal-sheet) .modal-wrapper {