@rdlabo/ionic-theme-ios26 0.0.3 → 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 (141) hide show
  1. package/.github/workflows/lint.yml +40 -0
  2. package/FEEDBACK.md +100 -7
  3. package/FEEDBACK2.md +45 -0
  4. package/README.md +101 -40
  5. package/USING_ION_ITEM_GROUP.md +7 -9
  6. package/demo/eslint.config.js +2 -0
  7. package/demo/src/app/album/album-page.component.html +3 -3
  8. package/demo/src/app/album/album-page.component.scss +0 -14
  9. package/demo/src/app/album/album-page.component.spec.ts +1 -1
  10. package/demo/src/app/health/health-page.component.html +3 -3
  11. package/demo/src/app/health/health-page.component.spec.ts +2 -2
  12. package/demo/src/app/index/index-page.component.html +9 -1
  13. package/demo/src/app/index/index-page.component.spec.ts +6 -6
  14. package/demo/src/app/index/index-page.component.ts +24 -26
  15. package/demo/src/app/index/index.routes.ts +64 -0
  16. package/demo/src/app/index/pages/action-sheet/action-sheet.page.spec.ts +5 -1
  17. package/demo/src/app/index/pages/action-sheet/action-sheet.page.ts +3 -5
  18. package/demo/src/app/index/pages/alert/alert.page.spec.ts +5 -1
  19. package/demo/src/app/index/pages/alert/alert.page.ts +0 -2
  20. package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.html +41 -0
  21. package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.scss +0 -0
  22. package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.spec.ts +21 -0
  23. package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.ts +47 -0
  24. package/demo/src/app/index/pages/button/button.page.html +41 -19
  25. package/demo/src/app/index/pages/button/button.page.scss +3 -0
  26. package/demo/src/app/index/pages/button/button.page.spec.ts +5 -1
  27. package/demo/src/app/index/pages/button/button.page.ts +0 -2
  28. package/demo/src/app/index/pages/card/card.page.html +171 -0
  29. package/demo/src/app/index/pages/card/card.page.scss +0 -0
  30. package/demo/src/app/index/pages/card/card.page.spec.ts +21 -0
  31. package/demo/src/app/index/pages/card/card.page.ts +57 -0
  32. package/demo/src/app/index/pages/checkbox/checkbox.page.spec.ts +5 -1
  33. package/demo/src/app/index/pages/checkbox/checkbox.page.ts +0 -2
  34. package/demo/src/app/index/pages/chip/chip.page.html +72 -0
  35. package/demo/src/app/index/pages/chip/chip.page.scss +0 -0
  36. package/demo/src/app/index/pages/chip/chip.page.spec.ts +21 -0
  37. package/demo/src/app/index/pages/chip/chip.page.ts +47 -0
  38. package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.html +48 -0
  39. package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.scss +0 -0
  40. package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.spec.ts +21 -0
  41. package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.ts +55 -0
  42. package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.html +106 -0
  43. package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.scss +0 -0
  44. package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.spec.ts +21 -0
  45. package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.ts +49 -0
  46. package/demo/src/app/index/pages/menu/menu.page.html +13 -0
  47. package/demo/src/app/index/pages/menu/menu.page.scss +0 -0
  48. package/demo/src/app/index/pages/menu/menu.page.spec.ts +21 -0
  49. package/demo/src/app/index/pages/menu/menu.page.ts +17 -0
  50. package/demo/src/app/index/pages/modal/modal.page.html +37 -0
  51. package/demo/src/app/index/pages/modal/modal.page.scss +0 -0
  52. package/demo/src/app/index/pages/modal/modal.page.spec.ts +21 -0
  53. package/demo/src/app/index/pages/modal/modal.page.ts +77 -0
  54. package/demo/src/app/index/pages/popover/popover.page.html +34 -0
  55. package/demo/src/app/index/pages/popover/popover.page.scss +0 -0
  56. package/demo/src/app/index/pages/popover/popover.page.spec.ts +21 -0
  57. package/demo/src/app/index/pages/popover/popover.page.ts +47 -0
  58. package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.html +28 -0
  59. package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.scss +0 -0
  60. package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.spec.ts +21 -0
  61. package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.ts +47 -0
  62. package/demo/src/app/index/pages/radio/radio.page.html +39 -0
  63. package/demo/src/app/index/pages/radio/radio.page.scss +0 -0
  64. package/demo/src/app/index/pages/radio/radio.page.spec.ts +21 -0
  65. package/demo/src/app/index/pages/radio/radio.page.ts +47 -0
  66. package/demo/src/app/index/pages/range/range.page.html +58 -0
  67. package/demo/src/app/index/pages/range/range.page.scss +0 -0
  68. package/demo/src/app/index/pages/range/range.page.spec.ts +21 -0
  69. package/demo/src/app/index/pages/range/range.page.ts +49 -0
  70. package/demo/src/app/index/pages/searchbar/searchbar.page.html +33 -0
  71. package/demo/src/app/index/pages/searchbar/searchbar.page.scss +0 -0
  72. package/demo/src/app/index/pages/searchbar/searchbar.page.spec.ts +21 -0
  73. package/demo/src/app/index/pages/searchbar/searchbar.page.ts +45 -0
  74. package/demo/src/app/index/pages/segment/segment.page.html +102 -0
  75. package/demo/src/app/index/pages/segment/segment.page.scss +0 -0
  76. package/demo/src/app/index/pages/segment/segment.page.spec.ts +21 -0
  77. package/demo/src/app/index/pages/segment/segment.page.ts +51 -0
  78. package/demo/src/app/index/pages/select/select.page.html +74 -0
  79. package/demo/src/app/index/pages/select/select.page.scss +0 -0
  80. package/demo/src/app/index/pages/select/select.page.spec.ts +21 -0
  81. package/demo/src/app/index/pages/select/select.page.ts +50 -0
  82. package/demo/src/app/index/pages/toast/toast.page.html +32 -0
  83. package/demo/src/app/index/pages/toast/toast.page.scss +0 -0
  84. package/demo/src/app/index/pages/toast/toast.page.spec.ts +21 -0
  85. package/demo/src/app/index/pages/toast/toast.page.ts +66 -0
  86. package/demo/src/app/index/pages/toggle/toggle.page.html +45 -0
  87. package/demo/src/app/index/pages/toggle/toggle.page.scss +0 -0
  88. package/demo/src/app/index/pages/toggle/toggle.page.spec.ts +21 -0
  89. package/demo/src/app/index/pages/toggle/toggle.page.ts +49 -0
  90. package/demo/src/app/settings/settings-page.component.html +4 -7
  91. package/demo/src/app/settings/settings-page.component.spec.ts +2 -2
  92. package/demo/src/app/tabs/tabs.page.html +4 -4
  93. package/demo/src/app/tabs/tabs.page.spec.ts +1 -1
  94. package/demo/src/app/tabs/tabs.routes.ts +0 -1
  95. package/demo/src/global.scss +28 -10
  96. package/demo/src/index.html +1 -1
  97. package/demo/src/test.ts +7 -0
  98. package/demo/src/theme/variables.scss +18 -0
  99. package/demo/util/mocks/angular/angular-delegate.ts +18 -0
  100. package/demo/util/mocks/angular/ion-router-outlet.ts +39 -0
  101. package/demo/util/mocks/angular/modal-controller.ts +7 -0
  102. package/demo/util/mocks/angular/nav-controller.ts +22 -0
  103. package/demo/util/mocks/angular/popover-controller.ts +7 -0
  104. package/demo/util/mocks/util/base.mock.ts +13 -0
  105. package/demo/util/mocks/util/overlay.ts +13 -0
  106. package/demo/util/test.config.ts +54 -0
  107. package/package.json +3 -2
  108. package/src/components/ion-action-sheet.scss +23 -4
  109. package/src/components/ion-alert.scss +17 -2
  110. package/src/components/ion-breadcrumbs.scss +24 -0
  111. package/src/components/ion-button.scss +105 -62
  112. package/src/components/ion-card.scss +5 -1
  113. package/src/components/ion-chip.scss +10 -0
  114. package/src/components/ion-content.scss +13 -0
  115. package/src/components/ion-datetime.scss +9 -0
  116. package/src/components/ion-fab.scss +10 -4
  117. package/src/components/ion-list.scss +7 -2
  118. package/src/components/ion-loading.scss +9 -0
  119. package/src/components/ion-modal.scss +26 -1
  120. package/src/components/ion-picker.scss +4 -0
  121. package/src/components/ion-popover.scss +8 -16
  122. package/src/components/ion-range.scss +21 -0
  123. package/src/components/ion-searchbar.scss +2 -2
  124. package/src/components/ion-segment.scss +40 -5
  125. package/src/components/ion-tabs.scss +2 -2
  126. package/src/components/ion-toast.scss +11 -2
  127. package/src/components/ion-toggle.scss +37 -28
  128. package/src/components/ion-toolbar.scss +27 -0
  129. package/src/{utils/default-variables.scss → default-variables.scss} +3 -1
  130. package/src/ionic-theme-ios26-dark-always.scss +6 -0
  131. package/src/{ionic-theme-dark-class.scss → ionic-theme-ios26-dark-class.scss} +1 -1
  132. package/src/{ionic-theme-dark-system.scss → ionic-theme-ios26-dark-system.scss} +1 -1
  133. package/src/ionic-theme-ios26.scss +8 -17
  134. package/src/utils/api.scss +9 -8
  135. package/src/utils/dark/ion-button.scss +45 -0
  136. package/src/{components-dark → utils}/theme-dark.scss +5 -3
  137. package/src/utils/theme-list-inset.scss +23 -19
  138. package/src/utils/translucent.scss +59 -58
  139. package/build-sass.js +0 -25
  140. package/demo/src/theme/theme-ios26.scss +0 -25
  141. package/src/components-dark/ion-button.scss +0 -28
@@ -1,25 +0,0 @@
1
- /**
2
- * You should use:
3
- * @use '@rdlabo/ionic-theme-ios26/dist/css/ionic-theme-ios26.min.css';
4
- * Here for development:
5
- */
6
- @use '../../../src/ionic-theme-ios26';
7
-
8
- :root {
9
- --ios26-color-background-rgb: var(--ion-color-light-rgb);
10
- }
11
-
12
- ion-back-button {
13
- --color: var(--ion-color-dark);
14
- }
15
-
16
- section.section-example {
17
- background: var(--ion-background-color, #fff);
18
- border-radius: 24px;
19
- padding: 16px;
20
- margin: 16px;
21
- }
22
-
23
- ion-searchbar .searchbar-input-container {
24
- margin: 0 20px !important;
25
- }
@@ -1,28 +0,0 @@
1
- @use '../utils/api';
2
-
3
- @mixin theme-dark-button {
4
- &.ion-activated {
5
- &::part(native) {
6
- @include api.glass-background-dark-active;
7
- }
8
- ion-icon {
9
- color: rgb(255, 255, 255) !important;
10
- }
11
- }
12
- }
13
-
14
- @mixin ion-button-dark {
15
- ion-header.ios,
16
- ion-footer.ios {
17
- ion-buttons:not(.ios26-no-liquid-glass) ion-button:not(.ios26-no-liquid-glass),
18
- ion-buttons:not(.ios26-no-liquid-glass) ion-back-button:not(.ios26-no-liquid-glass) {
19
- @include theme-dark-button;
20
- }
21
- }
22
-
23
- ion-buttons.ios.ios26-liquid-glass ion-button:not(.ios26-no-liquid-glass),
24
- ion-buttons.ios.ios26-liquid-glass ion-back-button:not(.ios26-no-liquid-glass),
25
- ion-button.ios.ios26-liquid-glass {
26
- @include theme-dark-button;
27
- }
28
- }