@ionic/core 8.7.4-dev.11757430138.13649dec → 8.7.4-dev.11758100307.13cc0353

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 (230) hide show
  1. package/components/backdrop.js +1 -1
  2. package/components/button.js +1 -1
  3. package/components/buttons.js +1 -1
  4. package/components/checkbox.js +1 -1
  5. package/components/header.js +1 -1
  6. package/components/ion-accordion-group.js +1 -1
  7. package/components/ion-accordion.js +1 -1
  8. package/components/ion-avatar.js +1 -1
  9. package/components/ion-badge.js +1 -1
  10. package/components/ion-card-content.js +1 -1
  11. package/components/ion-card-header.js +1 -1
  12. package/components/ion-card-subtitle.js +1 -1
  13. package/components/ion-card.js +1 -1
  14. package/components/ion-chip.js +1 -1
  15. package/components/ion-col.js +1 -1
  16. package/components/ion-datetime.js +1 -1
  17. package/components/ion-divider.js +1 -1
  18. package/components/ion-input-otp.js +1 -1
  19. package/components/ion-input-password-toggle.js +1 -1
  20. package/components/ion-input.js +1 -1
  21. package/components/ion-item-option.js +1 -1
  22. package/components/ion-item-options.js +1 -1
  23. package/components/ion-menu-button.js +1 -1
  24. package/components/ion-progress-bar.js +1 -1
  25. package/components/ion-range.js +1 -1
  26. package/components/ion-row.js +1 -1
  27. package/components/ion-searchbar.js +1 -1
  28. package/components/ion-segment-button.js +1 -1
  29. package/components/ion-segment.js +1 -1
  30. package/components/ion-select.js +1 -1
  31. package/components/ion-tab-bar.js +1 -1
  32. package/components/ion-tab-button.js +1 -1
  33. package/components/ion-textarea.js +1 -1
  34. package/components/ion-toast.js +1 -1
  35. package/components/ion-toggle.js +1 -1
  36. package/components/item.js +1 -1
  37. package/components/list-header.js +1 -1
  38. package/components/list.js +1 -1
  39. package/components/modal.js +1 -1
  40. package/components/radio-group.js +1 -1
  41. package/components/radio.js +1 -1
  42. package/components/ripple-effect.js +1 -1
  43. package/components/select-modal.js +1 -1
  44. package/components/spinner.js +1 -1
  45. package/components/title.js +1 -1
  46. package/components/toolbar.js +1 -1
  47. package/css/ionic/bundle.ionic.css +1 -1
  48. package/css/ionic/bundle.ionic.css.map +1 -1
  49. package/css/ionic/core.ionic.css +1 -1
  50. package/css/ionic/core.ionic.css.map +1 -1
  51. package/css/ionic/global.bundle.ionic.css +1 -1
  52. package/css/ionic/global.bundle.ionic.css.map +1 -1
  53. package/css/ionic/ionic-swiper.ionic.css +1 -1
  54. package/css/ionic/ionic-swiper.ionic.css.map +1 -1
  55. package/css/ionic/link.ionic.css +1 -1
  56. package/css/ionic/link.ionic.css.map +1 -1
  57. package/css/ionic/typography.ionic.css +1 -1
  58. package/css/ionic/typography.ionic.css.map +1 -1
  59. package/css/ionic/utils.bundle.ionic.css +1 -1
  60. package/css/ionic/utils.bundle.ionic.css.map +1 -1
  61. package/dist/cjs/ion-accordion_2.cjs.entry.js +2 -2
  62. package/dist/cjs/ion-app_8.cjs.entry.js +4 -4
  63. package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
  64. package/dist/cjs/ion-backdrop.cjs.entry.js +1 -1
  65. package/dist/cjs/ion-button_2.cjs.entry.js +1 -1
  66. package/dist/cjs/ion-card_5.cjs.entry.js +4 -4
  67. package/dist/cjs/ion-checkbox.cjs.entry.js +1 -1
  68. package/dist/cjs/ion-chip.cjs.entry.js +1 -1
  69. package/dist/cjs/ion-col_3.cjs.entry.js +2 -2
  70. package/dist/cjs/ion-datetime_3.cjs.entry.js +1 -1
  71. package/dist/cjs/ion-divider.cjs.entry.js +1 -1
  72. package/dist/cjs/ion-input-otp.cjs.entry.js +1 -1
  73. package/dist/cjs/ion-input-password-toggle.cjs.entry.js +1 -1
  74. package/dist/cjs/ion-input.cjs.entry.js +1 -1
  75. package/dist/cjs/ion-item-option_3.cjs.entry.js +2 -2
  76. package/dist/cjs/ion-item_8.cjs.entry.js +3 -3
  77. package/dist/cjs/ion-menu_3.cjs.entry.js +1 -1
  78. package/dist/cjs/ion-modal.cjs.entry.js +1 -1
  79. package/dist/cjs/ion-progress-bar.cjs.entry.js +1 -1
  80. package/dist/cjs/ion-radio_2.cjs.entry.js +2 -2
  81. package/dist/cjs/ion-range.cjs.entry.js +1 -1
  82. package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
  83. package/dist/cjs/ion-searchbar.cjs.entry.js +1 -1
  84. package/dist/cjs/ion-segment_2.cjs.entry.js +2 -2
  85. package/dist/cjs/ion-select-modal.cjs.entry.js +1 -1
  86. package/dist/cjs/ion-select_3.cjs.entry.js +1 -1
  87. package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
  88. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +2 -2
  89. package/dist/cjs/ion-textarea.cjs.entry.js +1 -1
  90. package/dist/cjs/ion-toast.cjs.entry.js +1 -1
  91. package/dist/cjs/ion-toggle.cjs.entry.js +1 -1
  92. package/dist/collection/components/accordion/accordion.ionic.css +31 -33
  93. package/dist/collection/components/accordion-group/accordion-group.ionic.css +15 -17
  94. package/dist/collection/components/avatar/avatar.ionic.css +95 -97
  95. package/dist/collection/components/backdrop/backdrop.ionic.css +2 -4
  96. package/dist/collection/components/badge/badge.ionic.css +54 -56
  97. package/dist/collection/components/button/button.ionic.css +82 -84
  98. package/dist/collection/components/buttons/buttons.ionic.css +4 -7
  99. package/dist/collection/components/card/card.ionic.css +11 -13
  100. package/dist/collection/components/card-content/card-content.ionic.css +14 -16
  101. package/dist/collection/components/card-header/card-header.ionic.css +8 -10
  102. package/dist/collection/components/card-subtitle/card-subtitle.ionic.css +6 -8
  103. package/dist/collection/components/checkbox/checkbox.ionic.css +50 -52
  104. package/dist/collection/components/chip/chip.ionic.css +36 -38
  105. package/dist/collection/components/col/col.css +8 -0
  106. package/dist/collection/components/datetime/datetime.ionic.css +111 -113
  107. package/dist/collection/components/divider/divider.ionic.css +16 -18
  108. package/dist/collection/components/header/header.ionic.css +6 -8
  109. package/dist/collection/components/input/input.ionic.css +69 -71
  110. package/dist/collection/components/input-otp/input-otp.ionic.css +49 -51
  111. package/dist/collection/components/input-password-toggle/input-password-toggle.ionic.css +3 -5
  112. package/dist/collection/components/item/item.ionic.css +32 -34
  113. package/dist/collection/components/item-option/item-option.ionic.css +32 -34
  114. package/dist/collection/components/item-options/item-options.ionic.css +7 -9
  115. package/dist/collection/components/list/list.ionic.css +28 -30
  116. package/dist/collection/components/list-header/list-header.ionic.css +14 -16
  117. package/dist/collection/components/menu-button/menu-button.ionic.css +4 -6
  118. package/dist/collection/components/modal/modal.ionic.css +19 -21
  119. package/dist/collection/components/progress-bar/progress-bar.ionic.css +6 -8
  120. package/dist/collection/components/radio/radio.ionic.css +28 -30
  121. package/dist/collection/components/radio-group/radio-group.ionic.css +16 -18
  122. package/dist/collection/components/range/range.ionic.css +61 -63
  123. package/dist/collection/components/ripple-effect/ripple-effect.ionic.css +2 -4
  124. package/dist/collection/components/row/row.css +3 -1
  125. package/dist/collection/components/searchbar/searchbar.ionic.css +100 -102
  126. package/dist/collection/components/segment/segment.ionic.css +2 -4
  127. package/dist/collection/components/segment-button/segment-button.ionic.css +28 -30
  128. package/dist/collection/components/select/select.ionic.css +64 -66
  129. package/dist/collection/components/select-modal/select-modal.ionic.css +14 -16
  130. package/dist/collection/components/spinner/spinner.ionic.css +17 -19
  131. package/dist/collection/components/tab-bar/tab-bar.ionic.css +26 -28
  132. package/dist/collection/components/tab-button/tab-button.ionic.css +28 -30
  133. package/dist/collection/components/textarea/textarea.ionic.css +70 -72
  134. package/dist/collection/components/title/title.ionic.css +9 -11
  135. package/dist/collection/components/toast/toast.ionic.css +44 -46
  136. package/dist/collection/components/toggle/toggle.ionic.css +38 -40
  137. package/dist/collection/components/toolbar/toolbar.ionic.css +18 -20
  138. package/dist/docs.json +8 -2
  139. package/dist/esm/ion-accordion_2.entry.js +2 -2
  140. package/dist/esm/ion-app_8.entry.js +4 -4
  141. package/dist/esm/ion-avatar_3.entry.js +2 -2
  142. package/dist/esm/ion-backdrop.entry.js +1 -1
  143. package/dist/esm/ion-button_2.entry.js +1 -1
  144. package/dist/esm/ion-card_5.entry.js +4 -4
  145. package/dist/esm/ion-checkbox.entry.js +1 -1
  146. package/dist/esm/ion-chip.entry.js +1 -1
  147. package/dist/esm/ion-col_3.entry.js +2 -2
  148. package/dist/esm/ion-datetime_3.entry.js +1 -1
  149. package/dist/esm/ion-divider.entry.js +1 -1
  150. package/dist/esm/ion-input-otp.entry.js +1 -1
  151. package/dist/esm/ion-input-password-toggle.entry.js +1 -1
  152. package/dist/esm/ion-input.entry.js +1 -1
  153. package/dist/esm/ion-item-option_3.entry.js +2 -2
  154. package/dist/esm/ion-item_8.entry.js +3 -3
  155. package/dist/esm/ion-menu_3.entry.js +1 -1
  156. package/dist/esm/ion-modal.entry.js +1 -1
  157. package/dist/esm/ion-progress-bar.entry.js +1 -1
  158. package/dist/esm/ion-radio_2.entry.js +2 -2
  159. package/dist/esm/ion-range.entry.js +1 -1
  160. package/dist/esm/ion-ripple-effect.entry.js +1 -1
  161. package/dist/esm/ion-searchbar.entry.js +1 -1
  162. package/dist/esm/ion-segment_2.entry.js +2 -2
  163. package/dist/esm/ion-select-modal.entry.js +1 -1
  164. package/dist/esm/ion-select_3.entry.js +1 -1
  165. package/dist/esm/ion-spinner.entry.js +1 -1
  166. package/dist/esm/ion-tab-bar_2.entry.js +2 -2
  167. package/dist/esm/ion-textarea.entry.js +1 -1
  168. package/dist/esm/ion-toast.entry.js +1 -1
  169. package/dist/esm/ion-toggle.entry.js +1 -1
  170. package/dist/ionic/ionic.esm.js +1 -1
  171. package/dist/ionic/p-07317db2.entry.js +4 -0
  172. package/dist/ionic/p-0870e5cf.entry.js +4 -0
  173. package/dist/ionic/p-0a4718a4.entry.js +4 -0
  174. package/dist/ionic/p-0e535cb1.entry.js +4 -0
  175. package/dist/ionic/p-11f6cfff.entry.js +4 -0
  176. package/dist/ionic/{p-083bdc4a.entry.js → p-18660f23.entry.js} +1 -1
  177. package/dist/ionic/p-19efbfc2.entry.js +4 -0
  178. package/dist/ionic/{p-abc60b26.entry.js → p-1acc1bfe.entry.js} +1 -1
  179. package/dist/ionic/p-266e8f94.entry.js +4 -0
  180. package/dist/ionic/{p-45b08f61.entry.js → p-2a2897a7.entry.js} +1 -1
  181. package/dist/ionic/p-2e6836c7.entry.js +4 -0
  182. package/dist/ionic/p-304b999f.entry.js +4 -0
  183. package/dist/ionic/p-3f22a9de.entry.js +4 -0
  184. package/dist/ionic/p-4f9d7d26.entry.js +4 -0
  185. package/dist/ionic/p-57bd2088.entry.js +4 -0
  186. package/dist/ionic/p-59c4a194.entry.js +4 -0
  187. package/dist/ionic/p-5f0c7c62.entry.js +4 -0
  188. package/dist/ionic/p-75b29611.entry.js +4 -0
  189. package/dist/ionic/p-845e0158.entry.js +4 -0
  190. package/dist/ionic/p-9149ea07.entry.js +4 -0
  191. package/dist/ionic/{p-0cffd1bf.entry.js → p-9f497b9a.entry.js} +1 -1
  192. package/dist/ionic/p-a08c83ba.entry.js +4 -0
  193. package/dist/ionic/p-a3ea0e64.entry.js +4 -0
  194. package/dist/ionic/p-a5893690.entry.js +4 -0
  195. package/dist/ionic/p-b2aa3ff0.entry.js +4 -0
  196. package/dist/ionic/p-c692cc4a.entry.js +4 -0
  197. package/dist/ionic/p-c7477cd9.entry.js +4 -0
  198. package/dist/ionic/p-d04293de.entry.js +4 -0
  199. package/dist/ionic/p-d6e4bead.entry.js +4 -0
  200. package/dist/ionic/p-e7ecbdce.entry.js +4 -0
  201. package/dist/ionic/{p-bfad272a.entry.js → p-fd72d046.entry.js} +1 -1
  202. package/hydrate/index.js +46 -46
  203. package/hydrate/index.mjs +46 -46
  204. package/package.json +4 -4
  205. package/dist/ionic/p-09ee42c7.entry.js +0 -4
  206. package/dist/ionic/p-0a973339.entry.js +0 -4
  207. package/dist/ionic/p-0edc2fcf.entry.js +0 -4
  208. package/dist/ionic/p-34198a78.entry.js +0 -4
  209. package/dist/ionic/p-3610f001.entry.js +0 -4
  210. package/dist/ionic/p-389093b6.entry.js +0 -4
  211. package/dist/ionic/p-417569b5.entry.js +0 -4
  212. package/dist/ionic/p-637e497f.entry.js +0 -4
  213. package/dist/ionic/p-65d9c265.entry.js +0 -4
  214. package/dist/ionic/p-7918eeaa.entry.js +0 -4
  215. package/dist/ionic/p-80de7b65.entry.js +0 -4
  216. package/dist/ionic/p-80faabb9.entry.js +0 -4
  217. package/dist/ionic/p-8fa42767.entry.js +0 -4
  218. package/dist/ionic/p-905f6505.entry.js +0 -4
  219. package/dist/ionic/p-97bf9127.entry.js +0 -4
  220. package/dist/ionic/p-9af1c2e0.entry.js +0 -4
  221. package/dist/ionic/p-ab387abd.entry.js +0 -4
  222. package/dist/ionic/p-b8c602ec.entry.js +0 -4
  223. package/dist/ionic/p-c6887f5c.entry.js +0 -4
  224. package/dist/ionic/p-c8eb678d.entry.js +0 -4
  225. package/dist/ionic/p-cff18cc5.entry.js +0 -4
  226. package/dist/ionic/p-d207d49c.entry.js +0 -4
  227. package/dist/ionic/p-d9525f67.entry.js +0 -4
  228. package/dist/ionic/p-e6caa048.entry.js +0 -4
  229. package/dist/ionic/p-eea0e705.entry.js +0 -4
  230. package/dist/ionic/p-ff010b26.entry.js +0 -4
package/dist/collection/components/datetime/datetime.ionic.css CHANGED
@@ -4,9 +4,7 @@
4
4
  * @param pixels - Value in pixels to be converted (i.e. px)
5
5
  * @param context (optional) - Baseline value
6
6
  */
7
- /*
8
- Do not edit directly, this file was auto-generated.
9
- */ /**
7
+ /**
10
8
  * A heuristic that applies CSS to tablet
11
9
  * viewports.
12
10
  *
@@ -460,52 +458,52 @@ Do not edit directly, this file was auto-generated.
460
458
  * @prop --focus-ring-color: The color of the ring around the focused element.
461
459
  * @prop --focus-ring-width: The width of the ring around the focused element.
462
460
  */
463
- --background: var(--ion-primitives-base-white, #ffffff);
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));
461
+ --background: var(--token-primitives-base-white, #ffffff);
462
+ --focus-ring-color: var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
463
+ --focus-ring-width: var(--token-border-radius-025, var(--token-scale-050, 2px));
466
464
  }
467
465
 
468
466
  :host .datetime-header {
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));
467
+ -webkit-padding-start: var(--token-space-400, var(--token-scale-400, 16px));
468
+ padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
469
+ -webkit-padding-end: var(--token-space-400, var(--token-scale-400, 16px));
470
+ padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
471
+ padding-top: var(--token-space-200, var(--token-scale-200, 8px));
472
+ padding-bottom: var(--token-space-400, var(--token-scale-400, 16px));
475
473
  display: flex;
476
474
  flex-direction: column;
477
475
  align-items: start;
478
476
  justify-content: space-between;
479
- height: var(--ion-scale-1400, 56px);
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-400, #d5d5d5);
477
+ height: var(--token-scale-1400, 56px);
478
+ margin-bottom: var(--token-space-200, var(--token-scale-200, 8px));
479
+ border-bottom: var(--token-border-style-solid, solid) var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-primitives-neutral-400, #d5d5d5);
482
480
  }
483
481
 
484
482
  :host .datetime-header .datetime-title {
485
- font-size: var(--ion-font-size-450, 1.125rem);
486
- font-weight: var(--ion-font-weight-medium, 500);
487
- letter-spacing: var(--ion-font-letter-spacing-0, 0%);
488
- line-height: var(--ion-font-line-height-700, var(--ion-scale-700, 28px));
483
+ font-size: var(--token-font-size-450, 1.125rem);
484
+ font-weight: var(--token-font-weight-medium, 500);
485
+ letter-spacing: var(--token-font-letter-spacing-0, 0%);
486
+ line-height: var(--token-font-line-height-700, var(--token-scale-700, 28px));
489
487
  text-decoration: none;
490
488
  text-transform: none;
491
- color: var(--ion-primitives-neutral-800, #626262);
489
+ color: var(--token-primitives-neutral-800, #626262);
492
490
  }
493
491
 
494
492
  :host .datetime-header .datetime-selected-date {
495
- font-size: var(--ion-font-size-350, 0.875rem);
496
- font-weight: var(--ion-font-weight-regular, 400);
497
- letter-spacing: var(--ion-font-letter-spacing-0, 0%);
498
- line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
493
+ font-size: var(--token-font-size-350, 0.875rem);
494
+ font-weight: var(--token-font-weight-regular, 400);
495
+ letter-spacing: var(--token-font-letter-spacing-0, 0%);
496
+ line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
499
497
  text-decoration: none;
500
498
  text-transform: none;
501
- color: var(--ion-primitives-neutral-1000, #3b3b3b);
499
+ color: var(--token-primitives-neutral-1000, #3b3b3b);
502
500
  }
503
501
 
504
502
  .calendar-action-buttons {
505
- padding-top: var(--ion-space-200, var(--ion-scale-200, 8px));
506
- padding-bottom: var(--ion-space-200, var(--ion-scale-200, 8px));
503
+ padding-top: var(--token-space-200, var(--token-scale-200, 8px));
504
+ padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
507
505
  align-items: center;
508
- height: var(--ion-scale-1400, 56px);
506
+ height: var(--token-scale-1400, 56px);
509
507
  box-sizing: border-box;
510
508
  }
511
509
 
@@ -514,28 +512,28 @@ Do not edit directly, this file was auto-generated.
514
512
  }
515
513
 
516
514
  .calendar-month-year-toggle {
517
- border-radius: var(--ion-border-radius-full, 999px);
518
- font-size: var(--ion-font-size-400, 1rem);
519
- font-weight: var(--ion-font-weight-medium, 500);
520
- letter-spacing: var(--ion-font-letter-spacing-1, 1%);
521
- line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
515
+ border-radius: var(--token-border-radius-full, 999px);
516
+ font-size: var(--token-font-size-400, 1rem);
517
+ font-weight: var(--token-font-weight-medium, 500);
518
+ letter-spacing: var(--token-font-letter-spacing-1, 1%);
519
+ line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
522
520
  text-decoration: none;
523
521
  text-transform: none;
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
- min-width: var(--ion-scale-1600, 64px);
531
- min-height: var(--ion-scale-1000, 40px);
532
- border: var(--focus-ring-width) var(--ion-border-style-solid, solid) transparent;
533
- color: var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef)));
522
+ -webkit-padding-start: var(--token-space-400, var(--token-scale-400, 16px));
523
+ padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
524
+ -webkit-padding-end: var(--token-space-400, var(--token-scale-400, 16px));
525
+ padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
526
+ padding-top: var(--token-space-200, var(--token-scale-200, 8px));
527
+ padding-bottom: var(--token-space-200, var(--token-scale-200, 8px));
528
+ min-width: var(--token-scale-1600, 64px);
529
+ min-height: var(--token-scale-1000, 40px);
530
+ border: var(--focus-ring-width) var(--token-border-style-solid, solid) transparent;
531
+ color: var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));
534
532
  }
535
533
 
536
534
  @media (any-hover: hover) {
537
535
  .calendar-month-year-toggle:hover {
538
- background: var(--ion-primitives-neutral-200, #efefef);
536
+ background: var(--token-primitives-neutral-200, #efefef);
539
537
  }
540
538
  }
541
539
  .calendar-month-year-toggle.ion-focused {
@@ -543,141 +541,141 @@ Do not edit directly, this file was auto-generated.
543
541
  }
544
542
 
545
543
  .calendar-month-year-toggle.ion-activated {
546
- background: var(--ion-primitives-neutral-200, #efefef);
544
+ background: var(--token-primitives-neutral-200, #efefef);
547
545
  }
548
546
 
549
547
  .calendar-next-prev ion-button.button-has-icon-only {
550
- --color: var(--ion-primitives-neutral-1000, #3b3b3b);
551
- --background-activated: var(--ion-primitives-neutral-200, #efefef);
552
- --background-hover: var(--ion-primitives-neutral-200, #efefef);
548
+ --color: var(--token-primitives-neutral-1000, #3b3b3b);
549
+ --background-activated: var(--token-primitives-neutral-200, #efefef);
550
+ --background-hover: var(--token-primitives-neutral-200, #efefef);
553
551
  --background-hover-opacity: 1;
554
- min-height: var(--ion-scale-1000, 40px);
552
+ min-height: var(--token-scale-1000, 40px);
555
553
  }
556
554
 
557
555
  .calendar-next-prev ion-button.button-has-icon-only.ion-focused::part(native) {
558
- 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));
556
+ border: var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));
559
557
  outline: none;
560
558
  }
561
559
 
562
560
  .calendar-days-of-week {
563
- font-size: var(--ion-font-size-300, 0.75rem);
564
- font-weight: var(--ion-font-weight-medium, 500);
565
- letter-spacing: var(--ion-font-letter-spacing-2, 1.5%);
566
- line-height: var(--ion-font-line-height-500, var(--ion-scale-500, 20px));
561
+ font-size: var(--token-font-size-300, 0.75rem);
562
+ font-weight: var(--token-font-weight-medium, 500);
563
+ letter-spacing: var(--token-font-letter-spacing-2, 1.5%);
564
+ line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
567
565
  text-decoration: none;
568
566
  text-transform: uppercase;
569
567
  align-content: center;
570
- height: var(--ion-scale-1200, 48px);
571
- color: var(--ion-primitives-neutral-800, #626262);
568
+ height: var(--token-scale-1200, 48px);
569
+ color: var(--token-primitives-neutral-800, #626262);
572
570
  }
573
571
 
574
572
  .calendar-day {
575
- border-radius: var(--ion-border-radius-full, 999px);
576
- -webkit-padding-start: var(--ion-space-100, var(--ion-scale-100, 4px));
577
- padding-inline-start: var(--ion-space-100, var(--ion-scale-100, 4px));
578
- -webkit-padding-end: var(--ion-space-100, var(--ion-scale-100, 4px));
579
- padding-inline-end: var(--ion-space-100, var(--ion-scale-100, 4px));
580
- padding-top: var(--ion-space-100, var(--ion-scale-100, 4px));
581
- padding-bottom: var(--ion-space-100, var(--ion-scale-100, 4px));
582
- font-size: var(--ion-font-size-350, 0.875rem);
583
- font-weight: var(--ion-font-weight-medium, 500);
584
- letter-spacing: var(--ion-font-letter-spacing-1, 1%);
585
- line-height: var(--ion-font-line-height-500, var(--ion-scale-500, 20px));
573
+ border-radius: var(--token-border-radius-full, 999px);
574
+ -webkit-padding-start: var(--token-space-100, var(--token-scale-100, 4px));
575
+ padding-inline-start: var(--token-space-100, var(--token-scale-100, 4px));
576
+ -webkit-padding-end: var(--token-space-100, var(--token-scale-100, 4px));
577
+ padding-inline-end: var(--token-space-100, var(--token-scale-100, 4px));
578
+ padding-top: var(--token-space-100, var(--token-scale-100, 4px));
579
+ padding-bottom: var(--token-space-100, var(--token-scale-100, 4px));
580
+ font-size: var(--token-font-size-350, 0.875rem);
581
+ font-weight: var(--token-font-weight-medium, 500);
582
+ letter-spacing: var(--token-font-letter-spacing-1, 1%);
583
+ line-height: var(--token-font-line-height-500, var(--token-scale-500, 20px));
586
584
  text-decoration: none;
587
585
  text-transform: none;
588
- width: var(--ion-scale-1200, 48px);
589
- min-width: var(--ion-scale-1200, 48px);
590
- height: var(--ion-scale-1200, 48px);
591
- color: var(--ion-primitives-neutral-1200, #242424);
586
+ width: var(--token-scale-1200, 48px);
587
+ min-width: var(--token-scale-1200, 48px);
588
+ height: var(--token-scale-1200, 48px);
589
+ color: var(--token-primitives-neutral-1200, #242424);
592
590
  }
593
591
 
594
592
  .calendar-day[disabled]:not(.calendar-day-constrained) {
595
- color: var(--ion-primitives-neutral-500, #a2a2a2);
593
+ color: var(--token-primitives-neutral-500, #a2a2a2);
596
594
  }
597
595
 
598
596
  .calendar-day.calendar-day-today {
599
- color: var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef)));
597
+ color: var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));
600
598
  }
601
599
 
602
600
  .calendar-day.calendar-day-active,
603
601
  .calendar-day.calendar-day-active.calendar-day-adjacent-day {
604
- background: var(--ion-semantics-primary-100, var(--ion-primitives-blue-100, #f2f4fd));
602
+ background: var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f2f4fd));
605
603
  }
606
604
 
607
605
  .calendar-day:focus-visible {
608
- border: var(--focus-ring-width) var(--ion-border-style-solid, solid) var(--focus-ring-color);
606
+ border: var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);
609
607
  }
610
608
 
611
609
  @media (any-hover: hover) {
612
610
  .calendar-day:not([disabled]):not(:active):hover {
613
- background: var(--ion-semantics-primary-200, var(--ion-primitives-blue-200, #e9ecfc));
611
+ background: var(--token-semantics-primary-200, var(--token-primitives-blue-200, #e9ecfc));
614
612
  }
615
613
  }
616
614
  .calendar-day:active,
617
615
  .calendar-day.calendar-day-adjacent-day:active {
618
- background: var(--ion-bg-primary-subtle-press, var(--ion-semantics-primary-300, var(--ion-primitives-blue-300, #d0d7fa)));
616
+ background: var(--token-bg-primary-subtle-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa)));
619
617
  }
620
618
 
621
619
  .calendar-day.calendar-day-adjacent-day {
622
- color: var(--ion-text-subtlest, var(--ion-primitives-neutral-800, #626262));
620
+ color: var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));
623
621
  }
624
622
 
625
623
  .calendar-day.calendar-day-active.calendar-day-adjacent-day {
626
- color: var(--ion-text-default, var(--ion-primitives-neutral-1200, #242424));
624
+ color: var(--token-text-default, var(--token-primitives-neutral-1200, #242424));
627
625
  }
628
626
 
629
627
  :host .datetime-time {
630
- -webkit-padding-start: var(--ion-space-400, var(--ion-scale-400, 16px));
631
- padding-inline-start: var(--ion-space-400, var(--ion-scale-400, 16px));
632
- -webkit-padding-end: var(--ion-space-400, var(--ion-scale-400, 16px));
633
- padding-inline-end: var(--ion-space-400, var(--ion-scale-400, 16px));
634
- padding-top: var(--ion-space-100, var(--ion-scale-100, 4px));
635
- padding-bottom: var(--ion-space-100, var(--ion-scale-100, 4px));
628
+ -webkit-padding-start: var(--token-space-400, var(--token-scale-400, 16px));
629
+ padding-inline-start: var(--token-space-400, var(--token-scale-400, 16px));
630
+ -webkit-padding-end: var(--token-space-400, var(--token-scale-400, 16px));
631
+ padding-inline-end: var(--token-space-400, var(--token-scale-400, 16px));
632
+ padding-top: var(--token-space-100, var(--token-scale-100, 4px));
633
+ padding-bottom: var(--token-space-100, var(--token-scale-100, 4px));
636
634
  }
637
635
 
638
636
  :host .datetime-time .time-header {
639
- font-size: var(--ion-font-size-400, 1rem);
640
- font-weight: var(--ion-font-weight-medium, 500);
641
- letter-spacing: var(--ion-font-letter-spacing-1, 1%);
642
- line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
637
+ font-size: var(--token-font-size-400, 1rem);
638
+ font-weight: var(--token-font-weight-medium, 500);
639
+ letter-spacing: var(--token-font-letter-spacing-1, 1%);
640
+ line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
643
641
  text-decoration: none;
644
642
  text-transform: none;
645
- color: var(--ion-primitives-neutral-800, #626262);
643
+ color: var(--token-primitives-neutral-800, #626262);
646
644
  }
647
645
 
648
646
  :host .datetime-time button {
649
- -webkit-padding-start: var(--ion-space-200, var(--ion-scale-200, 8px));
650
- padding-inline-start: var(--ion-space-200, var(--ion-scale-200, 8px));
651
- -webkit-padding-end: var(--ion-space-200, var(--ion-scale-200, 8px));
652
- padding-inline-end: var(--ion-space-200, var(--ion-scale-200, 8px));
653
- padding-top: var(--ion-space-0, var(--ion-scale-0, 0px));
654
- padding-bottom: var(--ion-space-0, var(--ion-scale-0, 0px));
655
- font-size: var(--ion-font-size-350, 0.875rem);
656
- font-weight: var(--ion-font-weight-medium, 500);
657
- letter-spacing: var(--ion-font-letter-spacing-0, 0%);
658
- line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
647
+ -webkit-padding-start: var(--token-space-200, var(--token-scale-200, 8px));
648
+ padding-inline-start: var(--token-space-200, var(--token-scale-200, 8px));
649
+ -webkit-padding-end: var(--token-space-200, var(--token-scale-200, 8px));
650
+ padding-inline-end: var(--token-space-200, var(--token-scale-200, 8px));
651
+ padding-top: var(--token-space-0, var(--token-scale-0, 0px));
652
+ padding-bottom: var(--token-space-0, var(--token-scale-0, 0px));
653
+ font-size: var(--token-font-size-350, 0.875rem);
654
+ font-weight: var(--token-font-weight-medium, 500);
655
+ letter-spacing: var(--token-font-letter-spacing-0, 0%);
656
+ line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
659
657
  text-decoration: none;
660
658
  text-transform: none;
661
- border-radius: var(--ion-border-radius-full, 999px);
659
+ border-radius: var(--token-border-radius-full, 999px);
662
660
  display: flex;
663
661
  align-items: center;
664
- height: var(--ion-scale-800, 32px);
665
- background-color: var(--ion-primitives-neutral-100, #f5f5f5);
666
- color: var(--ion-primitives-neutral-1200, #242424);
662
+ height: var(--token-scale-800, 32px);
663
+ background-color: var(--token-primitives-neutral-100, #f5f5f5);
664
+ color: var(--token-primitives-neutral-1200, #242424);
667
665
  }
668
666
 
669
667
  :host .datetime-footer {
670
668
  padding-left: 0;
671
669
  padding-right: 0;
672
- padding-top: var(--ion-space-200, var(--ion-scale-200, 8px));
670
+ padding-top: var(--token-space-200, var(--token-scale-200, 8px));
673
671
  padding-bottom: 0;
674
672
  margin-left: 0;
675
673
  margin-right: 0;
676
- margin-top: var(--ion-space-200, var(--ion-scale-200, 8px));
674
+ margin-top: var(--token-space-200, var(--token-scale-200, 8px));
677
675
  margin-bottom: 0;
678
676
  border-left: 0;
679
677
  border-right: 0;
680
- border-top: var(--ion-border-style-solid, solid) var(--ion-border-size-025, var(--ion-scale-025, 1px)) var(--ion-primitives-neutral-400, #d5d5d5);
678
+ border-top: var(--token-border-style-solid, solid) var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-primitives-neutral-400, #d5d5d5);
681
679
  border-bottom: 0;
682
680
  }
683
681
 
@@ -685,15 +683,15 @@ Do not edit directly, this file was auto-generated.
685
683
  .datetime-action-buttons .datetime-action-buttons-container {
686
684
  flex-flow: column;
687
685
  align-items: stretch;
688
- gap: var(--ion-space-200, var(--ion-scale-200, 8px));
686
+ gap: var(--token-space-200, var(--token-scale-200, 8px));
689
687
  }
690
688
 
691
689
  :host .datetime-buttons ion-buttons ion-button {
692
- font-size: var(--ion-font-size-400, 1rem);
693
- font-weight: var(--ion-font-weight-medium, 500);
694
- letter-spacing: var(--ion-font-letter-spacing-1, 1%);
695
- line-height: var(--ion-font-line-height-600, var(--ion-scale-600, 24px));
690
+ font-size: var(--token-font-size-400, 1rem);
691
+ font-weight: var(--token-font-weight-medium, 500);
692
+ letter-spacing: var(--token-font-letter-spacing-1, 1%);
693
+ line-height: var(--token-font-line-height-600, var(--token-scale-600, 24px));
696
694
  text-decoration: none;
697
695
  text-transform: none;
698
- min-height: var(--ion-space-1200, var(--ion-scale-1200, 48px));
696
+ min-height: var(--token-space-1200, var(--token-scale-1200, 48px));
699
697
  }
package/dist/collection/components/divider/divider.ionic.css CHANGED
@@ -4,9 +4,7 @@
4
4
  * @param pixels - Value in pixels to be converted (i.e. px)
5
5
  * @param context (optional) - Baseline value
6
6
  */
7
- /*
8
- Do not edit directly, this file was auto-generated.
9
- */ /**
7
+ /**
10
8
  * A heuristic that applies CSS to tablet
11
9
  * viewports.
12
10
  *
@@ -111,40 +109,40 @@ Do not edit directly, this file was auto-generated.
111
109
  }
112
110
 
113
111
  :host hr {
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));
112
+ border-top: var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));
115
113
  }
116
114
 
117
115
  :host(.divider-inset) {
118
- --padding-start: var(--ion-space-400, var(--ion-scale-400, 16px));
119
- --padding-end: var(--ion-space-400, var(--ion-scale-400, 16px));
116
+ --padding-start: var(--token-space-400, var(--token-scale-400, 16px));
117
+ --padding-end: var(--token-space-400, var(--token-scale-400, 16px));
120
118
  }
121
119
 
122
120
  :host(.divider-spacing-xsmall) {
123
- --margin-top: var(--ion-space-200, var(--ion-scale-200, 8px));
124
- --margin-bottom: var(--ion-space-200, var(--ion-scale-200, 8px));
121
+ --margin-top: var(--token-space-200, var(--token-scale-200, 8px));
122
+ --margin-bottom: var(--token-space-200, var(--token-scale-200, 8px));
125
123
  }
126
124
 
127
125
  :host(.divider-spacing-small) {
128
- --margin-top: var(--ion-space-300, var(--ion-scale-300, 12px));
129
- --margin-bottom: var(--ion-space-300, var(--ion-scale-300, 12px));
126
+ --margin-top: var(--token-space-300, var(--token-scale-300, 12px));
127
+ --margin-bottom: var(--token-space-300, var(--token-scale-300, 12px));
130
128
  }
131
129
 
132
130
  :host(.divider-spacing-medium) {
133
- --margin-top: var(--ion-space-400, var(--ion-scale-400, 16px));
134
- --margin-bottom: var(--ion-space-400, var(--ion-scale-400, 16px));
131
+ --margin-top: var(--token-space-400, var(--token-scale-400, 16px));
132
+ --margin-bottom: var(--token-space-400, var(--token-scale-400, 16px));
135
133
  }
136
134
 
137
135
  :host(.divider-spacing-large) {
138
- --margin-top: var(--ion-space-600, var(--ion-scale-600, 24px));
139
- --margin-bottom: var(--ion-space-600, var(--ion-scale-600, 24px));
136
+ --margin-top: var(--token-space-600, var(--token-scale-600, 24px));
137
+ --margin-bottom: var(--token-space-600, var(--token-scale-600, 24px));
140
138
  }
141
139
 
142
140
  :host(.divider-spacing-xlarge) {
143
- --margin-top: var(--ion-space-800, var(--ion-scale-800, 32px));
144
- --margin-bottom: var(--ion-space-800, var(--ion-scale-800, 32px));
141
+ --margin-top: var(--token-space-800, var(--token-scale-800, 32px));
142
+ --margin-bottom: var(--token-space-800, var(--token-scale-800, 32px));
145
143
  }
146
144
 
147
145
  :host(.divider-spacing-xxlarge) {
148
- --margin-top: var(--ion-space-1000, var(--ion-scale-1000, 40px));
149
- --margin-bottom: var(--ion-space-1000, var(--ion-scale-1000, 40px));
146
+ --margin-top: var(--token-space-1000, var(--token-scale-1000, 40px));
147
+ --margin-bottom: var(--token-space-1000, var(--token-scale-1000, 40px));
150
148
  }
package/dist/collection/components/header/header.ionic.css CHANGED
@@ -15,9 +15,7 @@ ion-header ion-toolbar:first-of-type {
15
15
  * @param pixels - Value in pixels to be converted (i.e. px)
16
16
  * @param context (optional) - Baseline value
17
17
  */
18
- /*
19
- Do not edit directly, this file was auto-generated.
20
- */ /**
18
+ /**
21
19
  * A heuristic that applies CSS to tablet
22
20
  * viewports.
23
21
  *
@@ -73,16 +71,16 @@ Do not edit directly, this file was auto-generated.
73
71
  * convert to a unit other than $baselineUnit.
74
72
  */
75
73
  ion-header {
76
- box-shadow: var(--ion-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));
74
+ box-shadow: var(--token-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));
77
75
  z-index: 10;
78
76
  }
79
77
  ion-header.header-divider {
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);
78
+ border-bottom: var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-primitives-neutral-300, #e0e0e0);
81
79
  }
82
80
 
83
81
  ion-toolbar + ion-toolbar {
84
- --padding-start: var(--ion-space-400, var(--ion-scale-400, 16px));
85
- --padding-end: var(--ion-space-400, var(--ion-scale-400, 16px));
82
+ --padding-start: var(--token-space-400, var(--token-scale-400, 16px));
83
+ --padding-end: var(--token-space-400, var(--token-scale-400, 16px));
86
84
  }
87
85
 
88
86
  @supports (backdrop-filter: blur(0)) {
@@ -92,7 +90,7 @@ ion-toolbar + ion-toolbar {
92
90
  top: 0;
93
91
  bottom: 0;
94
92
  position: absolute;
95
- backdrop-filter: saturate(180%) blur(var(--ion-scale-100, 4px));
93
+ backdrop-filter: saturate(180%) blur(var(--token-scale-100, 4px));
96
94
  }
97
95
  .header-translucent-ionic ion-toolbar {
98
96
  --opacity: 0.7;