@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.
- package/.github/workflows/lint.yml +40 -0
- package/FEEDBACK.md +100 -7
- package/FEEDBACK2.md +45 -0
- package/README.md +101 -40
- package/USING_ION_ITEM_GROUP.md +7 -9
- package/demo/eslint.config.js +2 -0
- package/demo/src/app/album/album-page.component.html +3 -3
- package/demo/src/app/album/album-page.component.scss +0 -14
- package/demo/src/app/album/album-page.component.spec.ts +1 -1
- package/demo/src/app/health/health-page.component.html +3 -3
- package/demo/src/app/health/health-page.component.spec.ts +2 -2
- package/demo/src/app/index/index-page.component.html +9 -1
- package/demo/src/app/index/index-page.component.spec.ts +6 -6
- package/demo/src/app/index/index-page.component.ts +24 -26
- package/demo/src/app/index/index.routes.ts +64 -0
- package/demo/src/app/index/pages/action-sheet/action-sheet.page.spec.ts +5 -1
- package/demo/src/app/index/pages/action-sheet/action-sheet.page.ts +3 -5
- package/demo/src/app/index/pages/alert/alert.page.spec.ts +5 -1
- package/demo/src/app/index/pages/alert/alert.page.ts +0 -2
- package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.html +41 -0
- package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.scss +0 -0
- package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.spec.ts +21 -0
- package/demo/src/app/index/pages/breadcrumbs/breadcrumbs.page.ts +47 -0
- package/demo/src/app/index/pages/button/button.page.html +41 -19
- package/demo/src/app/index/pages/button/button.page.scss +3 -0
- package/demo/src/app/index/pages/button/button.page.spec.ts +5 -1
- package/demo/src/app/index/pages/button/button.page.ts +0 -2
- package/demo/src/app/index/pages/card/card.page.html +171 -0
- package/demo/src/app/index/pages/card/card.page.scss +0 -0
- package/demo/src/app/index/pages/card/card.page.spec.ts +21 -0
- package/demo/src/app/index/pages/card/card.page.ts +57 -0
- package/demo/src/app/index/pages/checkbox/checkbox.page.spec.ts +5 -1
- package/demo/src/app/index/pages/checkbox/checkbox.page.ts +0 -2
- package/demo/src/app/index/pages/chip/chip.page.html +72 -0
- package/demo/src/app/index/pages/chip/chip.page.scss +0 -0
- package/demo/src/app/index/pages/chip/chip.page.spec.ts +21 -0
- package/demo/src/app/index/pages/chip/chip.page.ts +47 -0
- package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.html +48 -0
- package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.scss +0 -0
- package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.spec.ts +21 -0
- package/demo/src/app/index/pages/date-and-time-pickers/date-and-time-pickers.page.ts +55 -0
- package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.html +106 -0
- package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.scss +0 -0
- package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.spec.ts +21 -0
- package/demo/src/app/index/pages/floating-action-button/floating-action-button.page.ts +49 -0
- package/demo/src/app/index/pages/menu/menu.page.html +13 -0
- package/demo/src/app/index/pages/menu/menu.page.scss +0 -0
- package/demo/src/app/index/pages/menu/menu.page.spec.ts +21 -0
- package/demo/src/app/index/pages/menu/menu.page.ts +17 -0
- package/demo/src/app/index/pages/modal/modal.page.html +37 -0
- package/demo/src/app/index/pages/modal/modal.page.scss +0 -0
- package/demo/src/app/index/pages/modal/modal.page.spec.ts +21 -0
- package/demo/src/app/index/pages/modal/modal.page.ts +77 -0
- package/demo/src/app/index/pages/popover/popover.page.html +34 -0
- package/demo/src/app/index/pages/popover/popover.page.scss +0 -0
- package/demo/src/app/index/pages/popover/popover.page.spec.ts +21 -0
- package/demo/src/app/index/pages/popover/popover.page.ts +47 -0
- package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.html +28 -0
- package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.scss +0 -0
- package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.spec.ts +21 -0
- package/demo/src/app/index/pages/progress-indicators/progress-indicators.page.ts +47 -0
- package/demo/src/app/index/pages/radio/radio.page.html +39 -0
- package/demo/src/app/index/pages/radio/radio.page.scss +0 -0
- package/demo/src/app/index/pages/radio/radio.page.spec.ts +21 -0
- package/demo/src/app/index/pages/radio/radio.page.ts +47 -0
- package/demo/src/app/index/pages/range/range.page.html +58 -0
- package/demo/src/app/index/pages/range/range.page.scss +0 -0
- package/demo/src/app/index/pages/range/range.page.spec.ts +21 -0
- package/demo/src/app/index/pages/range/range.page.ts +49 -0
- package/demo/src/app/index/pages/searchbar/searchbar.page.html +33 -0
- package/demo/src/app/index/pages/searchbar/searchbar.page.scss +0 -0
- package/demo/src/app/index/pages/searchbar/searchbar.page.spec.ts +21 -0
- package/demo/src/app/index/pages/searchbar/searchbar.page.ts +45 -0
- package/demo/src/app/index/pages/segment/segment.page.html +102 -0
- package/demo/src/app/index/pages/segment/segment.page.scss +0 -0
- package/demo/src/app/index/pages/segment/segment.page.spec.ts +21 -0
- package/demo/src/app/index/pages/segment/segment.page.ts +51 -0
- package/demo/src/app/index/pages/select/select.page.html +74 -0
- package/demo/src/app/index/pages/select/select.page.scss +0 -0
- package/demo/src/app/index/pages/select/select.page.spec.ts +21 -0
- package/demo/src/app/index/pages/select/select.page.ts +50 -0
- package/demo/src/app/index/pages/toast/toast.page.html +32 -0
- package/demo/src/app/index/pages/toast/toast.page.scss +0 -0
- package/demo/src/app/index/pages/toast/toast.page.spec.ts +21 -0
- package/demo/src/app/index/pages/toast/toast.page.ts +66 -0
- package/demo/src/app/index/pages/toggle/toggle.page.html +45 -0
- package/demo/src/app/index/pages/toggle/toggle.page.scss +0 -0
- package/demo/src/app/index/pages/toggle/toggle.page.spec.ts +21 -0
- package/demo/src/app/index/pages/toggle/toggle.page.ts +49 -0
- package/demo/src/app/settings/settings-page.component.html +4 -7
- package/demo/src/app/settings/settings-page.component.spec.ts +2 -2
- package/demo/src/app/tabs/tabs.page.html +4 -4
- package/demo/src/app/tabs/tabs.page.spec.ts +1 -1
- package/demo/src/app/tabs/tabs.routes.ts +0 -1
- package/demo/src/global.scss +28 -10
- package/demo/src/index.html +1 -1
- package/demo/src/test.ts +7 -0
- package/demo/src/theme/variables.scss +18 -0
- package/demo/util/mocks/angular/angular-delegate.ts +18 -0
- package/demo/util/mocks/angular/ion-router-outlet.ts +39 -0
- package/demo/util/mocks/angular/modal-controller.ts +7 -0
- package/demo/util/mocks/angular/nav-controller.ts +22 -0
- package/demo/util/mocks/angular/popover-controller.ts +7 -0
- package/demo/util/mocks/util/base.mock.ts +13 -0
- package/demo/util/mocks/util/overlay.ts +13 -0
- package/demo/util/test.config.ts +54 -0
- package/package.json +3 -2
- package/src/components/ion-action-sheet.scss +23 -4
- package/src/components/ion-alert.scss +17 -2
- package/src/components/ion-breadcrumbs.scss +24 -0
- package/src/components/ion-button.scss +105 -62
- package/src/components/ion-card.scss +5 -1
- package/src/components/ion-chip.scss +10 -0
- package/src/components/ion-content.scss +13 -0
- package/src/components/ion-datetime.scss +9 -0
- package/src/components/ion-fab.scss +10 -4
- package/src/components/ion-list.scss +7 -2
- package/src/components/ion-loading.scss +9 -0
- package/src/components/ion-modal.scss +26 -1
- package/src/components/ion-picker.scss +4 -0
- package/src/components/ion-popover.scss +8 -16
- package/src/components/ion-range.scss +21 -0
- package/src/components/ion-searchbar.scss +2 -2
- package/src/components/ion-segment.scss +40 -5
- package/src/components/ion-tabs.scss +2 -2
- package/src/components/ion-toast.scss +11 -2
- package/src/components/ion-toggle.scss +37 -28
- package/src/components/ion-toolbar.scss +27 -0
- package/src/{utils/default-variables.scss → default-variables.scss} +3 -1
- package/src/ionic-theme-ios26-dark-always.scss +6 -0
- package/src/{ionic-theme-dark-class.scss → ionic-theme-ios26-dark-class.scss} +1 -1
- package/src/{ionic-theme-dark-system.scss → ionic-theme-ios26-dark-system.scss} +1 -1
- package/src/ionic-theme-ios26.scss +8 -17
- package/src/utils/api.scss +9 -8
- package/src/utils/dark/ion-button.scss +45 -0
- package/src/{components-dark → utils}/theme-dark.scss +5 -3
- package/src/utils/theme-list-inset.scss +23 -19
- package/src/utils/translucent.scss +59 -58
- package/build-sass.js +0 -25
- package/demo/src/theme/theme-ios26.scss +0 -25
- 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
|
-
}
|