@rdlabo/ionic-theme-ios26 0.0.2 → 0.0.4

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 (205) hide show
  1. package/.cursor/rules/css-compilation.mdc +34 -0
  2. package/.cursor/rules/demo-application.mdc +39 -0
  3. package/.cursor/rules/development-workflow.mdc +41 -0
  4. package/.cursor/rules/project-role.mdc +21 -0
  5. package/.github/FUNDING.yml +15 -0
  6. package/.github/workflows/lint.yml +40 -0
  7. package/.husky/pre-commit +1 -0
  8. package/.lintstagedrc.yml +6 -0
  9. package/.prettierignore +3 -0
  10. package/FEEDBACK.md +118 -0
  11. package/FEEDBACK2.md +45 -0
  12. package/README.md +107 -75
  13. package/USING_ION_ITEM_GROUP.md +56 -0
  14. package/demo/ .cursor/rules/angular-20.mdc +136 -0
  15. package/demo/.browserslistrc +15 -0
  16. package/demo/.editorconfig +16 -0
  17. package/demo/.vscode/extensions.json +5 -0
  18. package/demo/.vscode/settings.json +3 -0
  19. package/demo/angular.json +141 -0
  20. package/demo/capacitor.config.ts +9 -0
  21. package/demo/eslint.config.js +49 -0
  22. package/demo/ionic.config.json +7 -0
  23. package/demo/karma.conf.js +44 -0
  24. package/demo/package-lock.json +20001 -0
  25. package/demo/package.json +60 -0
  26. package/demo/src/app/album/album-page.component.html +24 -0
  27. package/demo/src/app/album/album-page.component.scss +17 -0
  28. package/demo/src/app/album/album-page.component.spec.ts +21 -0
  29. package/demo/src/app/album/album-page.component.ts +24 -0
  30. package/demo/src/app/app.component.html +3 -0
  31. package/demo/src/app/app.component.ts +16 -0
  32. package/demo/src/app/app.config.ts +17 -0
  33. package/demo/src/app/app.routes.ts +8 -0
  34. package/demo/src/app/health/health-page.component.html +17 -0
  35. package/demo/src/app/health/health-page.component.scss +0 -0
  36. package/demo/src/app/health/health-page.component.spec.ts +21 -0
  37. package/demo/src/app/health/health-page.component.ts +14 -0
  38. package/demo/src/app/index/index-page.component.html +49 -0
  39. package/demo/src/app/index/index-page.component.scss +0 -0
  40. package/demo/src/app/index/index-page.component.spec.ts +21 -0
  41. package/demo/src/app/index/index-page.component.ts +100 -0
  42. package/demo/src/app/index/index.routes.ts +89 -0
  43. package/demo/src/app/index/pages/action-sheet/action-sheet.page.html +33 -0
  44. package/demo/src/app/index/pages/action-sheet/action-sheet.page.scss +0 -0
  45. package/demo/src/app/index/pages/action-sheet/action-sheet.page.spec.ts +21 -0
  46. package/demo/src/app/index/pages/action-sheet/action-sheet.page.ts +73 -0
  47. package/demo/src/app/index/pages/action-sheet/action-sheet.util.ts +28 -0
  48. package/demo/src/app/index/pages/alert/alert.page.html +33 -0
  49. package/demo/src/app/index/pages/alert/alert.page.scss +0 -0
  50. package/demo/src/app/index/pages/alert/alert.page.spec.ts +21 -0
  51. package/demo/src/app/index/pages/alert/alert.page.ts +73 -0
  52. package/demo/src/app/index/pages/alert/alert.util.ts +21 -0
  53. package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.html +41 -0
  54. package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.scss +0 -0
  55. package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.spec.ts +21 -0
  56. package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.ts +47 -0
  57. package/demo/src/app/index/pages/button/button.page.html +112 -0
  58. package/demo/src/app/index/pages/button/button.page.scss +3 -0
  59. package/demo/src/app/index/pages/button/button.page.spec.ts +21 -0
  60. package/demo/src/app/index/pages/button/button.page.ts +51 -0
  61. package/demo/src/app/index/pages/card/card.page.html +171 -0
  62. package/demo/src/app/index/pages/card/card.page.scss +0 -0
  63. package/demo/src/app/index/pages/card/card.page.spec.ts +21 -0
  64. package/demo/src/app/index/pages/card/card.page.ts +57 -0
  65. package/demo/src/app/index/pages/checkbox/checkbox.page.html +66 -0
  66. package/demo/src/app/index/pages/checkbox/checkbox.page.scss +0 -0
  67. package/demo/src/app/index/pages/checkbox/checkbox.page.spec.ts +21 -0
  68. package/demo/src/app/index/pages/checkbox/checkbox.page.ts +45 -0
  69. package/demo/src/app/index/pages/chip/chip.page.html +72 -0
  70. package/demo/src/app/index/pages/chip/chip.page.scss +0 -0
  71. package/demo/src/app/index/pages/chip/chip.page.spec.ts +21 -0
  72. package/demo/src/app/index/pages/chip/chip.page.ts +47 -0
  73. package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.html +48 -0
  74. package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.scss +0 -0
  75. package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.spec.ts +21 -0
  76. package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.ts +55 -0
  77. package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.html +106 -0
  78. package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.scss +0 -0
  79. package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.spec.ts +21 -0
  80. package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.ts +49 -0
  81. package/demo/src/app/index/pages/menu/menu.page.html +13 -0
  82. package/demo/src/app/index/pages/menu/menu.page.scss +0 -0
  83. package/demo/src/app/index/pages/menu/menu.page.spec.ts +21 -0
  84. package/demo/src/app/index/pages/menu/menu.page.ts +17 -0
  85. package/demo/src/app/index/pages/modal/modal.page.html +37 -0
  86. package/demo/src/app/index/pages/modal/modal.page.scss +0 -0
  87. package/demo/src/app/index/pages/modal/modal.page.spec.ts +21 -0
  88. package/demo/src/app/index/pages/modal/modal.page.ts +77 -0
  89. package/demo/src/app/index/pages/popover/popover.page.html +34 -0
  90. package/demo/src/app/index/pages/popover/popover.page.scss +0 -0
  91. package/demo/src/app/index/pages/popover/popover.page.spec.ts +21 -0
  92. package/demo/src/app/index/pages/popover/popover.page.ts +47 -0
  93. package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.html +28 -0
  94. package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.scss +0 -0
  95. package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.spec.ts +21 -0
  96. package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.ts +47 -0
  97. package/demo/src/app/index/pages/radio/radio.page.html +39 -0
  98. package/demo/src/app/index/pages/radio/radio.page.scss +0 -0
  99. package/demo/src/app/index/pages/radio/radio.page.spec.ts +21 -0
  100. package/demo/src/app/index/pages/radio/radio.page.ts +47 -0
  101. package/demo/src/app/index/pages/range/range.page.html +58 -0
  102. package/demo/src/app/index/pages/range/range.page.scss +0 -0
  103. package/demo/src/app/index/pages/range/range.page.spec.ts +21 -0
  104. package/demo/src/app/index/pages/range/range.page.ts +49 -0
  105. package/demo/src/app/index/pages/searchbar/searchbar.page.html +33 -0
  106. package/demo/src/app/index/pages/searchbar/searchbar.page.scss +0 -0
  107. package/demo/src/app/index/pages/searchbar/searchbar.page.spec.ts +21 -0
  108. package/demo/src/app/index/pages/searchbar/searchbar.page.ts +45 -0
  109. package/demo/src/app/index/pages/segment/segment.page.html +102 -0
  110. package/demo/src/app/index/pages/segment/segment.page.scss +0 -0
  111. package/demo/src/app/index/pages/segment/segment.page.spec.ts +21 -0
  112. package/demo/src/app/index/pages/segment/segment.page.ts +51 -0
  113. package/demo/src/app/index/pages/select/select.page.html +74 -0
  114. package/demo/src/app/index/pages/select/select.page.scss +0 -0
  115. package/demo/src/app/index/pages/select/select.page.spec.ts +21 -0
  116. package/demo/src/app/index/pages/select/select.page.ts +50 -0
  117. package/demo/src/app/index/pages/toast/toast.page.html +32 -0
  118. package/demo/src/app/index/pages/toast/toast.page.scss +0 -0
  119. package/demo/src/app/index/pages/toast/toast.page.spec.ts +21 -0
  120. package/demo/src/app/index/pages/toast/toast.page.ts +66 -0
  121. package/demo/src/app/index/pages/toggle/toggle.page.html +45 -0
  122. package/demo/src/app/index/pages/toggle/toggle.page.scss +0 -0
  123. package/demo/src/app/index/pages/toggle/toggle.page.spec.ts +21 -0
  124. package/demo/src/app/index/pages/toggle/toggle.page.ts +49 -0
  125. package/demo/src/app/settings/settings-page.component.html +117 -0
  126. package/demo/src/app/settings/settings-page.component.scss +33 -0
  127. package/demo/src/app/settings/settings-page.component.spec.ts +21 -0
  128. package/demo/src/app/settings/settings-page.component.ts +55 -0
  129. package/demo/src/app/tabs/tabs.page.html +23 -0
  130. package/demo/src/app/tabs/tabs.page.scss +9 -0
  131. package/demo/src/app/tabs/tabs.page.spec.ts +26 -0
  132. package/demo/src/app/tabs/tabs.page.ts +28 -0
  133. package/demo/src/app/tabs/tabs.routes.ts +40 -0
  134. package/demo/src/assets/.gitkeep +0 -0
  135. package/demo/src/favicon.ico +0 -0
  136. package/demo/src/global.scss +65 -0
  137. package/demo/src/index.html +24 -0
  138. package/demo/src/main.ts +5 -0
  139. package/demo/src/test.ts +7 -0
  140. package/demo/src/theme/variables.scss +20 -0
  141. package/demo/tsconfig.app.json +14 -0
  142. package/demo/tsconfig.json +30 -0
  143. package/demo/tsconfig.spec.json +17 -0
  144. package/demo/util/mocks/angular/angular-delegate.ts +18 -0
  145. package/demo/util/mocks/angular/ion-router-outlet.ts +39 -0
  146. package/demo/util/mocks/angular/modal-controller.ts +7 -0
  147. package/demo/util/mocks/angular/nav-controller.ts +22 -0
  148. package/demo/util/mocks/angular/popover-controller.ts +7 -0
  149. package/demo/util/mocks/util/base.mock.ts +13 -0
  150. package/demo/util/mocks/util/overlay.ts +13 -0
  151. package/demo/util/test.config.ts +54 -0
  152. package/package.json +39 -11
  153. package/prettier.config.js +18 -0
  154. package/screenshots/ios26.png +0 -0
  155. package/screenshots/why-ion-list-inset.png +0 -0
  156. package/src/components/ion-action-sheet.scss +61 -0
  157. package/src/components/ion-alert.scss +46 -0
  158. package/src/components/ion-breadcrumbs.scss +24 -0
  159. package/src/components/ion-button.scss +154 -0
  160. package/src/components/ion-card.scss +7 -0
  161. package/src/components/ion-chip.scss +10 -0
  162. package/src/components/ion-content.scss +13 -0
  163. package/src/components/ion-datetime.scss +9 -0
  164. package/src/components/ion-fab.scss +22 -0
  165. package/src/components/ion-list.scss +38 -0
  166. package/src/components/ion-loading.scss +9 -0
  167. package/src/components/ion-modal.scss +31 -0
  168. package/src/components/ion-picker.scss +4 -0
  169. package/src/components/ion-popover.scss +13 -0
  170. package/src/components/ion-range.scss +21 -0
  171. package/src/components/ion-searchbar.scss +37 -0
  172. package/src/components/ion-segment.scss +45 -0
  173. package/src/components/ion-tabs.scss +47 -0
  174. package/src/components/ion-toast.scss +12 -0
  175. package/src/components/ion-toggle.scss +56 -0
  176. package/src/components/ion-toolbar.scss +27 -0
  177. package/src/default-variables.scss +12 -0
  178. package/src/ionic-theme-ios26-dark-always.scss +6 -0
  179. package/src/ionic-theme-ios26-dark-class.scss +6 -0
  180. package/src/ionic-theme-ios26-dark-system.scss +8 -0
  181. package/src/ionic-theme-ios26.scss +23 -0
  182. package/src/md-ion-list-inset.scss +19 -0
  183. package/src/utils/api.scss +21 -0
  184. package/src/utils/dark/ion-button.scss +45 -0
  185. package/src/utils/theme-dark.scss +16 -0
  186. package/src/utils/theme-list-inset.scss +96 -0
  187. package/src/utils/translucent.scss +71 -0
  188. package/tsconfig.json +5 -0
  189. package/css/ion-list-inset.css +0 -247
  190. package/css/ion-list-inset.css.map +0 -1
  191. package/css/ionic-theme-ios26.css +0 -349
  192. package/css/ionic-theme-ios26.css.map +0 -1
  193. package/fesm2022/rdlabo-ionic-theme-ios26.mjs +0 -4
  194. package/fesm2022/rdlabo-ionic-theme-ios26.mjs.map +0 -1
  195. package/index.d.ts +0 -3
  196. package/src/assets/ion-list-inset.scss +0 -198
  197. package/src/assets/ios-design/ion-button.scss +0 -68
  198. package/src/assets/ios-design/ion-popover.scss +0 -23
  199. package/src/assets/ios-design/ion-searchbar.scss +0 -44
  200. package/src/assets/ios-design/ion-segment.scss +0 -12
  201. package/src/assets/ios-design/ion-tabs.scss +0 -60
  202. package/src/assets/ios-design/ion-toggle.scss +0 -8
  203. package/src/assets/ios-design/ios-design-dark.scss +0 -28
  204. package/src/assets/ios-design.scss +0 -110
  205. package/src/assets/ios-variables.scss +0 -38
@@ -1,247 +0,0 @@
1
- ion-content[color=light] ion-list:not(.list-inset),
2
- .ion-list-inset ion-list:not(.list-inset),
3
- ion-accordion ion-list:not(.list-inset) {
4
- margin: 16px 0;
5
- padding: 0;
6
- }
7
- ion-content[color=light] ion-list:not(.list-inset) ion-item:last-child,
8
- .ion-list-inset ion-list:not(.list-inset) ion-item:last-child,
9
- ion-accordion ion-list:not(.list-inset) ion-item:last-child {
10
- --border-width: 0px;
11
- --show-full-highlight: 0;
12
- --inner-border-width: 0px;
13
- --show-inset-highlight: 0;
14
- }
15
- ion-content[color=light] ion-list.list-inset ion-item > ion-button[slot=end] > ion-icon[slot=icon-only],
16
- .ion-list-inset ion-list.list-inset ion-item > ion-button[slot=end] > ion-icon[slot=icon-only],
17
- ion-accordion ion-list.list-inset ion-item > ion-button[slot=end] > ion-icon[slot=icon-only] {
18
- font-size: 1.2rem !important;
19
- transform: translateY(4px);
20
- }
21
- ion-content[color=light] ion-list.list-inset ion-item ion-text[slot=end],
22
- .ion-list-inset ion-list.list-inset ion-item ion-text[slot=end],
23
- ion-accordion ion-list.list-inset ion-item ion-text[slot=end] {
24
- padding-left: 8px;
25
- }
26
- ion-content[color=light] ion-list.list-inset ion-item.item-disabled,
27
- .ion-list-inset ion-list.list-inset ion-item.item-disabled,
28
- ion-accordion ion-list.list-inset ion-item.item-disabled {
29
- opacity: 1;
30
- }
31
- ion-content[color=light] ion-list.list-inset ion-item.item-disabled > *,
32
- .ion-list-inset ion-list.list-inset ion-item.item-disabled > *,
33
- ion-accordion ion-list.list-inset ion-item.item-disabled > * {
34
- opacity: 0.4;
35
- }
36
- ion-content[color=light] ion-list.list-inset ion-item.item-disabled::part(detail-icon),
37
- .ion-list-inset ion-list.list-inset ion-item.item-disabled::part(detail-icon),
38
- ion-accordion ion-list.list-inset ion-item.item-disabled::part(detail-icon) {
39
- opacity: 0.1;
40
- }
41
- ion-content[color=light] ion-list.list-inset.ios ion-list-header ion-label,
42
- .ion-list-inset ion-list.list-inset.ios ion-list-header ion-label,
43
- ion-accordion ion-list.list-inset.ios ion-list-header ion-label {
44
- font-size: 1.1rem;
45
- }
46
- ion-content[color=light] ion-list.list-inset.md ion-list-header,
47
- .ion-list-inset ion-list.list-inset.md ion-list-header,
48
- ion-accordion ion-list.list-inset.md ion-list-header {
49
- font-weight: bold;
50
- margin-top: 16px;
51
- }
52
- ion-content[color=light] ion-list.list-inset.md ion-list-header ion-label,
53
- .ion-list-inset ion-list.list-inset.md ion-list-header ion-label,
54
- ion-accordion ion-list.list-inset.md ion-list-header ion-label {
55
- font-size: 1.1rem;
56
- }
57
- ion-content[color=light] ion-list.list-inset.list-inset,
58
- .ion-list-inset ion-list.list-inset.list-inset,
59
- ion-accordion ion-list.list-inset.list-inset {
60
- background: transparent;
61
- }
62
- ion-content[color=light] ion-list.list-inset.list-inset.md:not(:last-child),
63
- .ion-list-inset ion-list.list-inset.list-inset.md:not(:last-child),
64
- ion-accordion ion-list.list-inset.list-inset.md:not(:last-child) {
65
- margin-bottom: 0;
66
- }
67
- ion-content[color=light] ion-list.list-inset.list-inset ion-list-header,
68
- .ion-list-inset ion-list.list-inset.list-inset ion-list-header,
69
- ion-accordion ion-list.list-inset.list-inset ion-list-header {
70
- display: flex;
71
- align-items: center;
72
- }
73
- ion-content[color=light] ion-list.list-inset.list-inset ion-list-header.md,
74
- .ion-list-inset ion-list.list-inset.list-inset ion-list-header.md,
75
- ion-accordion ion-list.list-inset.list-inset ion-list-header.md {
76
- margin-top: 0;
77
- }
78
- ion-content[color=light] ion-list.list-inset.list-inset ion-list-header ion-label,
79
- .ion-list-inset ion-list.list-inset.list-inset ion-list-header ion-label,
80
- ion-accordion ion-list.list-inset.list-inset ion-list-header ion-label {
81
- font-size: 0.9rem;
82
- margin: 8px 4px 4px;
83
- color: var(--ion-color-medium-tint);
84
- }
85
- ion-content[color=light] ion-list.list-inset.list-inset ion-list-header ion-button,
86
- .ion-list-inset ion-list.list-inset.list-inset ion-list-header ion-button,
87
- ion-accordion ion-list.list-inset.list-inset ion-list-header ion-button {
88
- margin-top: 8px;
89
- }
90
- ion-content[color=light] ion-list.list-inset.list-inset ion-list-header ion-note,
91
- .ion-list-inset ion-list.list-inset.list-inset ion-list-header ion-note,
92
- ion-accordion ion-list.list-inset.list-inset ion-list-header ion-note {
93
- font-size: 0.9rem;
94
- margin: 8px 16px 4px 0;
95
- }
96
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group.ios,
97
- ion-content[color=light] ion-list.list-inset.list-inset ion-reorder-group.ios,
98
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group.ios,
99
- .ion-list-inset ion-list.list-inset.list-inset ion-reorder-group.ios,
100
- ion-accordion ion-list.list-inset.list-inset ion-item-group.ios,
101
- ion-accordion ion-list.list-inset.list-inset ion-reorder-group.ios {
102
- border-radius: 24px;
103
- overflow: hidden;
104
- }
105
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group.ios ion-item:first-child,
106
- ion-content[color=light] ion-list.list-inset.list-inset ion-reorder-group.ios ion-item:first-child,
107
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group.ios ion-item:first-child,
108
- .ion-list-inset ion-list.list-inset.list-inset ion-reorder-group.ios ion-item:first-child,
109
- ion-accordion ion-list.list-inset.list-inset ion-item-group.ios ion-item:first-child,
110
- ion-accordion ion-list.list-inset.list-inset ion-reorder-group.ios ion-item:first-child {
111
- --padding-top: 4px;
112
- }
113
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group.ios ion-item:last-child,
114
- ion-content[color=light] ion-list.list-inset.list-inset ion-reorder-group.ios ion-item:last-child,
115
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group.ios ion-item:last-child,
116
- .ion-list-inset ion-list.list-inset.list-inset ion-reorder-group.ios ion-item:last-child,
117
- ion-accordion ion-list.list-inset.list-inset ion-item-group.ios ion-item:last-child,
118
- ion-accordion ion-list.list-inset.list-inset ion-reorder-group.ios ion-item:last-child {
119
- --padding-bottom: 4px;
120
- }
121
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group > :is(ion-item, section.autocomplete):last-child,
122
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group > ion-item-sliding:last-child ion-item,
123
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group > :is(ion-item, section.autocomplete):last-child,
124
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group > ion-item-sliding:last-child ion-item,
125
- ion-accordion ion-list.list-inset.list-inset ion-item-group > :is(ion-item, section.autocomplete):last-child,
126
- ion-accordion ion-list.list-inset.list-inset ion-item-group > ion-item-sliding:last-child ion-item {
127
- --border-width: 0 !important;
128
- --show-full-highlight: 0 !important;
129
- --inner-border-width: 0 !important;
130
- --show-inset-highlight: 0 !important;
131
- }
132
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group.not-first-child,
133
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group.not-first-child,
134
- ion-accordion ion-list.list-inset.list-inset ion-item-group.not-first-child {
135
- margin: 16px 0;
136
- }
137
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group > ion-item > div.item-title-wrapper,
138
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group > ion-item > div.item-title-wrapper,
139
- ion-accordion ion-list.list-inset.list-inset ion-item-group > ion-item > div.item-title-wrapper {
140
- width: 100%;
141
- text-align: center;
142
- padding: 32px 16px 16px;
143
- }
144
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group > ion-item > div.item-title-wrapper ion-icon,
145
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group > ion-item > div.item-title-wrapper ion-icon,
146
- ion-accordion ion-list.list-inset.list-inset ion-item-group > ion-item > div.item-title-wrapper ion-icon {
147
- font-size: 2.8rem;
148
- }
149
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group > ion-item > div.item-title-wrapper h2,
150
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group > ion-item > div.item-title-wrapper h2,
151
- ion-accordion ion-list.list-inset.list-inset ion-item-group > ion-item > div.item-title-wrapper h2 {
152
- font-size: 1rem;
153
- font-weight: bold;
154
- margin-top: 8px;
155
- }
156
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group > ion-item > div.item-title-wrapper ion-text,
157
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group > ion-item > div.item-title-wrapper ion-text,
158
- ion-accordion ion-list.list-inset.list-inset ion-item-group > ion-item > div.item-title-wrapper ion-text {
159
- font-size: 0.9rem;
160
- }
161
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group > ion-item.ios,
162
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group > ion-item.ios,
163
- ion-accordion ion-list.list-inset.list-inset ion-item-group > ion-item.ios {
164
- --inner-padding-end: 0;
165
- }
166
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group > ion-item.ios::part(native),
167
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group > ion-item.ios::part(native),
168
- ion-accordion ion-list.list-inset.list-inset ion-item-group > ion-item.ios::part(native) {
169
- padding-right: 16px;
170
- }
171
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group > ion-item > ion-input.md[labelplacement=floating],
172
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group > ion-item > ion-input.md[labelplacement=floating],
173
- ion-accordion ion-list.list-inset.list-inset ion-item-group > ion-item > ion-input.md[labelplacement=floating] {
174
- transition: transform 0.2s ease;
175
- }
176
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group > ion-item > ion-input.md[labelplacement=floating]:not(.label-floating),
177
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group > ion-item > ion-input.md[labelplacement=floating]:not(.label-floating),
178
- ion-accordion ion-list.list-inset.list-inset ion-item-group > ion-item > ion-input.md[labelplacement=floating]:not(.label-floating) {
179
- transform: translateY(-7px);
180
- }
181
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group > ion-item > ion-input.md[labelplacement=floating].label-floating,
182
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group > ion-item > ion-input.md[labelplacement=floating].label-floating,
183
- ion-accordion ion-list.list-inset.list-inset ion-item-group > ion-item > ion-input.md[labelplacement=floating].label-floating {
184
- transform: translateY(-4px);
185
- }
186
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group > ion-item > ion-input.ios[labelplacement=floating],
187
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group > ion-item > ion-input.ios[labelplacement=floating],
188
- ion-accordion ion-list.list-inset.list-inset ion-item-group > ion-item > ion-input.ios[labelplacement=floating] {
189
- transition: transform 0.2s ease;
190
- }
191
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group > ion-item > ion-input.ios[labelplacement=floating]:not(.label-floating),
192
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group > ion-item > ion-input.ios[labelplacement=floating]:not(.label-floating),
193
- ion-accordion ion-list.list-inset.list-inset ion-item-group > ion-item > ion-input.ios[labelplacement=floating]:not(.label-floating) {
194
- transform: translateY(-2px);
195
- }
196
- ion-content[color=light] ion-list.list-inset.list-inset ion-item-group > ion-item ion-button[slot=end].ion-align-self-end,
197
- .ion-list-inset ion-list.list-inset.list-inset ion-item-group > ion-item ion-button[slot=end].ion-align-self-end,
198
- ion-accordion ion-list.list-inset.list-inset ion-item-group > ion-item ion-button[slot=end].ion-align-self-end {
199
- transform: translateY(-7px);
200
- }
201
- ion-content[color=light] ion-list.list-inset.list-inset > ion-note,
202
- ion-content[color=light] ion-list.list-inset.list-inset ion-note.note,
203
- .ion-list-inset ion-list.list-inset.list-inset > ion-note,
204
- .ion-list-inset ion-list.list-inset.list-inset ion-note.note,
205
- ion-accordion ion-list.list-inset.list-inset > ion-note,
206
- ion-accordion ion-list.list-inset.list-inset ion-note.note {
207
- color: var(--ion-color-medium-tint);
208
- font-size: 0.9rem;
209
- display: block;
210
- margin: 8px 16px;
211
- }
212
- ion-content[color=light] ion-list.list-inset.list-inset ion-note.note,
213
- .ion-list-inset ion-list.list-inset.list-inset ion-note.note,
214
- ion-accordion ion-list.list-inset.list-inset ion-note.note {
215
- margin: 8px 0;
216
- }
217
-
218
- ion-content:not([color=light]) ion-list :not(ion-item-group) ion-item.ios:last-child {
219
- --border-width: 0px 0px 0.55px 0px;
220
- --inner-border-width: 0px;
221
- --show-inset-highlight: 0;
222
- --show-full-highlight: 1;
223
- }
224
- ion-content:not([color=light]) ion-list :not(ion-item-group) ion-item.md:last-child {
225
- --border-width: 0px 0px 1px 0px;
226
- --inner-border-width: 0;
227
- --show-full-highlight: 1;
228
- --show-inset-highlight: 0;
229
- }
230
- ion-content:not([color=light]) ion-list ion-item-group ion-item:last-child {
231
- --border-width: 0px;
232
- --show-full-highlight: 0;
233
- --inner-border-width: 0px;
234
- --show-inset-highlight: 0;
235
- }
236
- ion-content:not([color=light]) ion-list[slot=content] {
237
- padding: 0;
238
- margin: 0;
239
- }
240
- ion-content:not([color=light]) ion-list[slot=content] ion-item.ios:last-child {
241
- --border-width: 0;
242
- --inner-border-width: 0px;
243
- --show-inset-highlight: 0;
244
- --show-full-highlight: 0;
245
- }
246
-
247
- /*# sourceMappingURL=ion-list-inset.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../src/assets/ion-list-inset.scss"],"names":[],"mappings":"AAGE;AAAA;AAAA;EACE;EACA;;AAIA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;AAAA;EACE;EACA;;AAIA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;EACE;;AACA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;EACE;;AAKN;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;EACA;;AACA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;EACA;;AACA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;EACE;EACA;EACA;;AAEF;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;EACE;EACA;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AAQA;AAAA;AAAA;EACE;EACA;EACA;;AACA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;EACE;EACA;EACA;;AAEF;AAAA;AAAA;EACE;;AAGJ;AAAA;AAAA;EACE;;AACA;AAAA;AAAA;EACE;;AAGJ;AAAA;AAAA;EACE;;AACA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;EACE;;AAGJ;AAAA;AAAA;EACE;;AACA;AAAA;AAAA;EACE;;AAGJ;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;;AAQJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA","file":"ion-list-inset.css"}
@@ -1,349 +0,0 @@
1
- :root {
2
- --system-dark-rgb: 0, 0, 0;
3
- --system-light-rgb: 255, 255, 255;
4
- --system-tab-active-rgb: 16, 16, 16;
5
- --system-shadow-rgb: 224, 224, 224;
6
- --system-background-rgb: 255, 255, 255;
7
- --system-edge-rgb: 255, 255, 255;
8
- }
9
-
10
- .ion-palette-dark {
11
- --system-dark-rgb: 255, 255, 255;
12
- --system-light-rgb: 58, 58, 58;
13
- --system-tab-active-rgb: 255, 255, 255;
14
- --system-shadow-rgb: translarent;
15
- --system-background-rgb: 0, 0, 0;
16
- --system-edge-rgb: 120, 120, 120;
17
- }
18
-
19
- .ios ion-popover {
20
- --backdrop-opacity: 0.04;
21
- }
22
- .ios ion-popover:not(.popover-exclude-content)::part(content) {
23
- background: rgba(var(--system-light-rgb), 0.6);
24
- backdrop-filter: saturate(240%) blur(6px);
25
- box-shadow: inset 0 0 8px 0 rgba(var(--system-shadow-rgb), 0.2), 0 0 12px 0 rgba(var(--system-shadow-rgb), 0.8);
26
- border-top: 0.5px solid rgba(var(--system-edge-rgb), 1);
27
- border-right: 0.5px solid rgba(var(--system-edge-rgb), 0.8);
28
- border-bottom: 0.5px solid rgba(var(--system-edge-rgb), 1);
29
- border-left: 0.5px solid rgba(var(--system-edge-rgb), 0.6);
30
- transition: box-shadow 0.1s ease;
31
- border-radius: 24px;
32
- padding: 0;
33
- }
34
- .ios ion-popover ion-list {
35
- background: transparent;
36
- }
37
- .ios ion-popover ion-list ion-item {
38
- --background: transparent;
39
- }
40
-
41
- .ios .toolbar-searchbar::part(container) {
42
- padding-top: 3px;
43
- padding-bottom: 3px;
44
- }
45
- .ios ion-modal ion-searchbar:not(.area-searchbar) .searchbar-input-container {
46
- margin: 0 6px;
47
- }
48
- .ios ion-modal ion-searchbar:not(.area-searchbar) .searchbar-input-container input.searchbar-input {
49
- backdrop-filter: none;
50
- }
51
- .ios ion-searchbar:not(.area-searchbar) {
52
- min-height: 60px;
53
- padding: 0;
54
- }
55
- .ios ion-searchbar:not(.area-searchbar) ion-icon.searchbar-search-icon {
56
- inset-inline-start: 12px;
57
- }
58
- .ios ion-searchbar:not(.area-searchbar) .searchbar-input-container {
59
- margin: 0 8px 0 16px;
60
- align-self: center;
61
- justify-self: center;
62
- }
63
- .ios ion-searchbar:not(.area-searchbar) .searchbar-input-container input.searchbar-input {
64
- min-height: 44px;
65
- background: rgba(var(--system-light-rgb), 0.4);
66
- backdrop-filter: saturate(240%) blur(6px);
67
- box-shadow: inset 0 0 8px 0 rgba(var(--system-shadow-rgb), 0.2), 0 0 12px 0 rgba(var(--system-shadow-rgb), 0.8);
68
- border-top: 0.5px solid rgba(var(--system-edge-rgb), 1);
69
- border-right: 0.5px solid rgba(var(--system-edge-rgb), 0.8);
70
- border-bottom: 0.5px solid rgba(var(--system-edge-rgb), 1);
71
- border-left: 0.5px solid rgba(var(--system-edge-rgb), 0.6);
72
- transition: box-shadow 0.1s ease;
73
- border-radius: 20px;
74
- padding-inline-start: 2.4rem !important;
75
- }
76
- .ios ion-searchbar:not(.area-searchbar) .searchbar-input-container .searchbar-clear-button {
77
- padding-inline-end: 2rem !important;
78
- }
79
-
80
- .ios ion-fab.inner-tab-bar {
81
- right: calc(16px + var(--ion-safe-area-right, 0px));
82
- bottom: var(--max-safe-area);
83
- }
84
- .ios ion-fab.inner-tab-bar ion-fab-button {
85
- --background-activated: rgba(var(--system-light-rgb), 0.3);
86
- }
87
- .ios ion-fab.inner-tab-bar ion-fab-button::part(native) {
88
- background: rgba(var(--system-light-rgb), 0.4);
89
- backdrop-filter: saturate(240%) blur(6px);
90
- box-shadow: inset 0 0 8px 0 rgba(var(--system-shadow-rgb), 0.2), 0 0 12px 0 rgba(var(--system-shadow-rgb), 0.8);
91
- border-top: 0.5px solid rgba(var(--system-edge-rgb), 1);
92
- border-right: 0.5px solid rgba(var(--system-edge-rgb), 0.8);
93
- border-bottom: 0.5px solid rgba(var(--system-edge-rgb), 1);
94
- border-left: 0.5px solid rgba(var(--system-edge-rgb), 0.6);
95
- transition: box-shadow 0.1s ease;
96
- color: rgb(var(--system-dark-rgb));
97
- }
98
- .ios ion-tab-bar {
99
- background: rgba(var(--system-light-rgb), 0.4);
100
- backdrop-filter: saturate(240%) blur(6px);
101
- box-shadow: inset 0 0 8px 0 rgba(var(--system-shadow-rgb), 0.2), 0 0 12px 0 rgba(var(--system-shadow-rgb), 0.8);
102
- border-top: 0.5px solid rgba(var(--system-edge-rgb), 1);
103
- border-right: 0.5px solid rgba(var(--system-edge-rgb), 0.8);
104
- border-bottom: 0.5px solid rgba(var(--system-edge-rgb), 1);
105
- border-left: 0.5px solid rgba(var(--system-edge-rgb), 0.6);
106
- transition: box-shadow 0.1s ease;
107
- z-index: 2;
108
- border-radius: 40px;
109
- width: calc(100% - 56px - 16px - 16px - 4px - 16px);
110
- max-width: 400px;
111
- padding: 2px 2px;
112
- bottom: var(--max-safe-area);
113
- left: calc(16px + var(--ion-safe-area-left, 0px));
114
- position: absolute;
115
- margin: auto;
116
- transition: transform 100ms ease-out;
117
- will-change: transform;
118
- }
119
- .ios ion-tab-bar:active {
120
- transform: scale(1.02);
121
- }
122
- .ios ion-tab-bar ion-tab-button {
123
- background: rgba(var(--system-light-rgb), 0);
124
- height: auto;
125
- }
126
- .ios ion-tab-bar ion-tab-button > ion-icon {
127
- font-size: 30px;
128
- }
129
- .ios ion-tab-bar ion-tab-button::part(native) {
130
- overflow: visible;
131
- }
132
- .ios ion-tab-bar ion-tab-button.tab-selected::part(native) {
133
- backdrop-filter: blur(7px);
134
- background: rgba(var(--system-tab-active-rgb), 0.1);
135
- transition: background 0.2s ease;
136
- border-radius: 32px;
137
- }
138
- .ios ion-tab-bar ion-tab-button.tab-selected.ion-activated::part(native) {
139
- background: rgba(var(--system-shadow-rgb), 0.02);
140
- }
141
-
142
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-button:not(.link-setting),
143
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-back-button,
144
- .ios ion-buttons.liquid-glass-buttons ion-button {
145
- max-height: inherit;
146
- margin: 8px;
147
- font-size: 1.05rem !important;
148
- transition: transform 100ms ease-out;
149
- will-change: transform;
150
- color: var(--ion-text-color, #000);
151
- }
152
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-button:not(.link-setting)::part(native),
153
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-back-button::part(native),
154
- .ios ion-buttons.liquid-glass-buttons ion-button::part(native) {
155
- background: rgba(var(--system-light-rgb), 0.4);
156
- backdrop-filter: saturate(240%) blur(6px);
157
- box-shadow: inset 0 0 8px 0 rgba(var(--system-shadow-rgb), 0.2), 0 0 12px 0 rgba(var(--system-shadow-rgb), 0.8);
158
- border-top: 0.5px solid rgba(var(--system-edge-rgb), 1);
159
- border-right: 0.5px solid rgba(var(--system-edge-rgb), 0.8);
160
- border-bottom: 0.5px solid rgba(var(--system-edge-rgb), 1);
161
- border-left: 0.5px solid rgba(var(--system-edge-rgb), 0.6);
162
- transition: box-shadow 0.1s ease;
163
- border-radius: 25px;
164
- }
165
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-button:not(.link-setting).ion-activated,
166
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-back-button.ion-activated,
167
- .ios ion-buttons.liquid-glass-buttons ion-button.ion-activated {
168
- transform: scale(1.2);
169
- box-shadow: none;
170
- }
171
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-button:not(.link-setting)[color=primary][fill=outline],
172
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-back-button[color=primary][fill=outline],
173
- .ios ion-buttons.liquid-glass-buttons ion-button[color=primary][fill=outline] {
174
- color: rgba(var(--ion-color-primary-rgb), 1);
175
- transition: transform 100ms ease-out, color 50ms ease;
176
- }
177
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-button:not(.link-setting)[color=primary][fill=outline].ion-activated::part(native),
178
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-back-button[color=primary][fill=outline].ion-activated::part(native),
179
- .ios ion-buttons.liquid-glass-buttons ion-button[color=primary][fill=outline].ion-activated::part(native) {
180
- color: rgba(var(--ion-color-primary-rgb), 0.2);
181
- }
182
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-button:not(.link-setting)[color=primary][fill=outline].ion-activated::part(native)::after,
183
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-back-button[color=primary][fill=outline].ion-activated::part(native)::after,
184
- .ios ion-buttons.liquid-glass-buttons ion-button[color=primary][fill=outline].ion-activated::part(native)::after {
185
- transform: scale(1.2);
186
- background: rgba(var(--system-light-rgb), 0.4);
187
- backdrop-filter: saturate(240%) blur(6px);
188
- box-shadow: inset 0 0 8px 0 rgba(var(--system-shadow-rgb), 0.2), 0 0 12px 0 rgba(var(--system-shadow-rgb), 0.8);
189
- border-top: 0.5px solid rgba(var(--system-edge-rgb), 1);
190
- border-right: 0.5px solid rgba(var(--system-edge-rgb), 0.8);
191
- border-bottom: 0.5px solid rgba(var(--system-edge-rgb), 1);
192
- border-left: 0.5px solid rgba(var(--system-edge-rgb), 0.6);
193
- transition: box-shadow 0.1s ease;
194
- box-shadow: none;
195
- }
196
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-button:not(.link-setting).button-has-icon-only::part(native), .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-button:not(.link-setting).back-button-has-icon-only::part(native),
197
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-back-button.button-has-icon-only::part(native),
198
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-back-button.back-button-has-icon-only::part(native),
199
- .ios ion-buttons.liquid-glass-buttons ion-button.button-has-icon-only::part(native),
200
- .ios ion-buttons.liquid-glass-buttons ion-button.back-button-has-icon-only::part(native) {
201
- border-radius: 50%;
202
- width: 44px;
203
- height: 44px;
204
- padding: 2px;
205
- }
206
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-button:not(.link-setting).button-has-icon-only ion-icon, .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-button:not(.link-setting).back-button-has-icon-only ion-icon,
207
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-back-button.button-has-icon-only ion-icon,
208
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-back-button.back-button-has-icon-only ion-icon,
209
- .ios ion-buttons.liquid-glass-buttons ion-button.button-has-icon-only ion-icon,
210
- .ios ion-buttons.liquid-glass-buttons ion-button.back-button-has-icon-only ion-icon {
211
- font-size: 1.4rem !important;
212
- }
213
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-button:not(.link-setting).button-has-icon-only ion-icon[name=close-outline], .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-button:not(.link-setting).back-button-has-icon-only ion-icon[name=close-outline],
214
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-back-button.button-has-icon-only ion-icon[name=close-outline],
215
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-back-button.back-button-has-icon-only ion-icon[name=close-outline],
216
- .ios ion-buttons.liquid-glass-buttons ion-button.button-has-icon-only ion-icon[name=close-outline],
217
- .ios ion-buttons.liquid-glass-buttons ion-button.back-button-has-icon-only ion-icon[name=close-outline] {
218
- font-size: 2rem !important;
219
- }
220
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-button:not(.link-setting):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native),
221
- .ios .ion-page ion-header > ion-toolbar > ion-buttons ion-back-button:not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native),
222
- .ios ion-buttons.liquid-glass-buttons ion-button:not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native) {
223
- padding: 0 16px;
224
- min-height: 44px;
225
- }
226
-
227
- .ios ion-toolbar:not(.minimum-segment-toolbar) ion-segment {
228
- width: calc(100% - 16px);
229
- border-radius: 16px;
230
- }
231
- .ios ion-toolbar:not(.minimum-segment-toolbar) ion-segment ion-segment-button::part(indicator-background) {
232
- border-radius: 16px;
233
- }
234
-
235
- ion-toggle.ios {
236
- --handle-width: 38px;
237
- --handle-height: 28px;
238
- }
239
- ion-toggle.ios::part(track) {
240
- height: 28px;
241
- width: 64px;
242
- }
243
-
244
- .ion-palette-dark.ios .ion-page ion-header > ion-toolbar > ion-buttons *:not(.link-setting),
245
- .ion-palette-dark.ios .ion-page ion-footer > ion-toolbar > ion-buttons *:not(.link-setting) {
246
- opacity: 1;
247
- }
248
- .ion-palette-dark.ios .ion-page ion-header > ion-toolbar > ion-buttons *:not(.link-setting)::part(native),
249
- .ion-palette-dark.ios .ion-page ion-footer > ion-toolbar > ion-buttons *:not(.link-setting)::part(native) {
250
- opacity: 1;
251
- }
252
- .ion-palette-dark.ios .ion-page ion-header > ion-toolbar > ion-buttons *.ion-activated::part(native),
253
- .ion-palette-dark.ios .ion-page ion-footer > ion-toolbar > ion-buttons *.ion-activated::part(native) {
254
- background: rgba(var(--system-tab-active-rgb), 0.25);
255
- backdrop-filter: saturate(180%) blur(7px);
256
- box-shadow: inset 0 0 8px 0 rgba(var(--system-tab-active-rgb), 0.2);
257
- border: 0.5px solid rgba(var(--system-tab-active-rgb), 0.7);
258
- transition: box-shadow 0.1s ease;
259
- }
260
- .ion-palette-dark.ios .ion-page ion-header > ion-toolbar > ion-buttons *.ion-activated ion-icon,
261
- .ion-palette-dark.ios .ion-page ion-footer > ion-toolbar > ion-buttons *.ion-activated ion-icon {
262
- color: rgb(255, 255, 255) !important;
263
- }
264
- .ion-palette-dark.ios .ion-page ion-header > ion-toolbar > ion-buttons *[color=primary][fill=outline]::part(native),
265
- .ion-palette-dark.ios .ion-page ion-footer > ion-toolbar > ion-buttons *[color=primary][fill=outline]::part(native) {
266
- color: var(--ion-color-primary-contrast) !important;
267
- }
268
-
269
- .ios ion-toast {
270
- --border-radius: 24px;
271
- }
272
- .ios ion-card {
273
- border-radius: 24px;
274
- }
275
- .ios ion-action-sheet {
276
- --button-color: var(--ion-color-medium);
277
- }
278
- .ios .can-go-back ion-header ion-toolbar:not(.md):first-child,
279
- .ios .enable-back-button ion-header ion-toolbar:not(.md):first-child {
280
- --border-width: 0;
281
- }
282
- .ios ion-header.header-translucent .header-background,
283
- .ios ion-header.header-translucent .footer-background,
284
- .ios ion-footer.footer-translucent .header-background,
285
- .ios ion-footer.footer-translucent .footer-background {
286
- backdrop-filter: none;
287
- }
288
- .ios ion-header.header-translucent ion-toolbar,
289
- .ios ion-footer.footer-translucent ion-toolbar {
290
- --border-width: 0;
291
- --background: transparent;
292
- --opacity: 1 !important;
293
- }
294
- .ios ion-header ion-toolbar:first-child {
295
- padding-right: calc(var(--ion-safe-area-right) + 4px);
296
- padding-left: calc(var(--ion-safe-area-left) + 4px);
297
- }
298
- .ios ion-content:not(:has(cdk-virtual-scroll-viewport)) {
299
- --padding-bottom: calc(56px + var(--max-safe-area));
300
- }
301
- .ios .ion-page :not(:has(ion-footer)) cdk-virtual-scroll-viewport {
302
- margin-bottom: calc((56px + var(--max-safe-area)) * -1);
303
- padding-bottom: calc(56px + var(--max-safe-area));
304
- }
305
- .ios .ion-page ion-content > ion-header > ion-toolbar:first-child {
306
- --min-height: 66px;
307
- }
308
- .ios .ion-page.enable-back-button ion-content > ion-header > ion-toolbar:first-child, .ios .ion-page.ion-page.can-go-back ion-content > ion-header > ion-toolbar:first-child {
309
- --min-height: auto;
310
- }
311
- .ios .ion-page ion-header > ion-toolbar.ion-color-primary > ion-buttons *::part(native) {
312
- box-shadow: none !important;
313
- border-radius: 25px;
314
- background: var(--ion-color-primary) !important;
315
- border-color: var(--ion-color-primary-contrast) !important;
316
- border-width: 1px !important;
317
- }
318
- .ios .ion-page ion-header > ion-toolbar.ion-color-primary > ion-buttons *.ion-activated {
319
- opacity: 0.4;
320
- }
321
- .ios .ion-page ion-header > ion-toolbar.ion-color-primary > ion-buttons *.ion-activated ion-icon {
322
- border-color: var(--ion-color-primary-contrast) !important;
323
- }
324
- .ios .ion-page ion-header > ion-toolbar.ion-color-primary > ion-buttons *.ion-activated::part(native)::after {
325
- background: transparent !important;
326
- }
327
- .ios .ion-page ion-content:not(.background-transparent)::after,
328
- .ios ion-footer.footer-translucent::after {
329
- content: "";
330
- position: absolute;
331
- bottom: 0;
332
- width: 100%;
333
- height: calc(56px + var(--max-safe-area));
334
- box-shadow: inset 0 0 0 0 rgba(var(--system-background-rgb), 0), inset 0 calc(-56px - var(--max-safe-area)) 40px -40px rgba(var(--system-background-rgb), 0.8);
335
- pointer-events: none;
336
- z-index: 1;
337
- }
338
- .ios ion-header.header-translucent::after {
339
- content: "";
340
- position: absolute;
341
- top: 0;
342
- width: 100%;
343
- height: calc(66px + var(--ion-safe-area-top));
344
- box-shadow: inset 0 0 0 0 rgba(var(--system-background-rgb), 0), inset 0 calc(66px + var(--ion-safe-area-top)) 20px -20px rgba(var(--system-background-rgb), 1);
345
- pointer-events: none;
346
- z-index: 1;
347
- }
348
-
349
- /*# sourceMappingURL=ionic-theme-ios26.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../src/assets/ios-variables.scss","../src/assets/ios-design/ion-popover.scss","../src/assets/ios-design/ion-searchbar.scss","../src/assets/ios-design/ion-tabs.scss","../src/assets/ios-design/ion-button.scss","../src/assets/ios-design/ion-segment.scss","../src/assets/ios-design/ion-toggle.scss","../src/assets/ios-design/ios-design-dark.scss","../src/assets/ios-design.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACZA;EACE;;AAKE;EDUJ;EACA;EACA,YACE;EAEF;EACA;EACA;EACA;EACA;ECjBM;EACA;;AAGJ;EACE;;AACA;EACE;;;ACfN;EACE;EACA;;AAKE;EACE;;AACA;EAEE;;AAMR;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AACA;EACE;EFdN;EACA;EACA,YACE;EAEF;EACA;EACA;EACA;EACA;EEOM;EACA;;AAEF;EACE;;;ACpCN;EACE;EACA;;AACA;EAKE;;AAJA;EHYJ;EACA;EACA,YACE;EAEF;EACA;EACA;EACA;EACA;EGnBM;;AAMN;EHIA;EACA;EACA,YACE;EAEF;EACA;EACA;EACA;EACA;EGXE;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AACA;EACE;;AAGF;EAIE;EACA;;AAJA;EACE;;AAIF;EACE;;AAIA;EACE;EACA;EACA;EACA;;AAGF;EACE;;;ACnDR;AAAA;AAAA;EAGE;EAKA;EAEA;EAEA;EACA;EACA;;AAVA;AAAA;AAAA;EJYF;EACA;EACA,YACE;EAEF;EACA;EACA;EACA;EACA;EInBI;;AASF;AAAA;AAAA;EACE;EACA;;AAMF;AAAA;AAAA;EACE;EACA,YACE;;AAIF;AAAA;AAAA;EACE;;AACA;AAAA;AAAA;EACE;EJjBR;EACA;EACA,YACE;EAEF;EACA;EACA;EACA;EACA;EIUQ;;AAOJ;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EACE;;AACA;AAAA;AAAA;AAAA;AAAA;EACE;;AAMJ;AAAA;AAAA;EACE;EACA;;;AC7DJ;EACE;EACA;;AAEA;EACE;;;ACPR;EACE;EACA;;AACA;EACE;EACA;;;ACAA;AAAA;EACE;;AACA;AAAA;EACE;;AAKF;AAAA;EPmBJ;EACA;EACA;EACA;EACA;;AOpBI;AAAA;EACE;;AAKF;AAAA;EACE;;;ACZN;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAIA;AAAA;AAAA;AAAA;EAEE;;AAEF;AAAA;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AAEF;EACE;;AAIA;EACE;EACA;;AAEF;EACE;;AAKA;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AACA;EACE;;AAGA;EACE;;AAKR;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA,YACE;EAEF;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA,YACE;EAEF;EACA","file":"ionic-theme-ios26.css"}
@@ -1,4 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- //# sourceMappingURL=rdlabo-ionic-theme-ios26.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"rdlabo-ionic-theme-ios26.mjs","sources":["../../../projects/ionic-theme-ios26/src/rdlabo-ionic-theme-ios26.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG"}
package/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- type dummy = {};
2
-
3
- export type { dummy };