@eui/mobile-styles 16.0.0-rc.5 → 16.0.0-rc.50

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 (25) hide show
  1. package/dist/styles/eui-mobile.css +1 -7
  2. package/dist/styles/eui-mobile.css.map +1 -1
  3. package/package.json +1 -1
  4. package/src/styles/04-vendors/_module.scss +2 -2
  5. package/src/styles/04-vendors/ionic/_ionic.scss +10 -10
  6. package/src/styles/04-vendors/ionic/_module.scss +2 -2
  7. package/src/styles/04-vendors/ionic/_overrides.scss +4 -0
  8. package/src/styles/04-vendors/ionic/_variables.scss +14 -12
  9. package/src/styles/05-generics/_module.scss +6 -5
  10. package/src/styles/05-generics/euim-select-label.scss +8 -0
  11. package/src/styles/05-generics/euim-u-selected-chip.scss +3 -3
  12. package/src/styles/05-generics/ion-list.scss +13 -0
  13. package/src/styles/05-generics/ion-progress-bar.scss +3 -0
  14. package/src/styles/06-components/_module.scss +3 -0
  15. package/src/styles/06-components/euim-item-divider.scss +34 -0
  16. package/src/styles/06-components/euim-skeleton-text-avatar.scss +5 -0
  17. package/src/styles/_base.scss +1 -1
  18. package/src/styles/eui-mobile.scss +6 -6
  19. package/src/styles/01-ecl/_module-dev-only.scss +0 -1
  20. package/src/styles/01-ecl/_module.scss +0 -1
  21. package/src/styles/04-vendors/euim/_module.scss +0 -1
  22. package/src/styles/05-generics/euim-list-divider.scss +0 -28
  23. package/src/styles/05-generics/euim-u-display-contents.scss +0 -3
  24. /package/src/styles/{04-vendors/euim/components → 05-generics}/ion-segment.scss +0 -0
  25. /package/src/styles/{05-generics → 06-components}/euim-badge-icon.scss +0 -0
package/package.json CHANGED
@@ -6,6 +6,6 @@
6
6
  "LICENSE"
7
7
  ],
8
8
  "license": "EUPL-1.1",
9
- "version": "16.0.0-rc.5",
9
+ "version": "16.0.0-rc.50",
10
10
  "tag": "next"
11
11
  }
package/src/styles/04-vendors/_module.scss CHANGED
@@ -1,2 +1,2 @@
1
- @import 'ionic/module';
2
- @import 'euim/module';
1
+ @import './ionic/module';
2
+ @import './ionic/overrides';
package/src/styles/04-vendors/ionic/_ionic.scss CHANGED
@@ -10,17 +10,17 @@
10
10
  */
11
11
 
12
12
  /* Core CSS required for Ionic components to work properly */
13
- @import "css-new/core";
13
+ @import "./css-new/core";
14
14
 
15
15
  /* Basic CSS for apps built with Ionic */
16
- @import "css-new/normalize";
17
- @import "css-new/structure";
18
- @import "css-new/typography";
19
- @import 'css-new/display';
16
+ @import "./css-new/normalize";
17
+ @import "./css-new/structure";
18
+ @import "./css-new/typography";
19
+ @import './css-new/display';
20
20
 
21
21
  /* Optional CSS utils that can be commented out */
22
- @import "css-new/padding";
23
- @import "css-new/float-elements";
24
- @import "css-new/text-alignment";
25
- @import "css-new/text-transformation";
26
- @import "css-new/flex-utils";
22
+ @import "./css-new/padding";
23
+ //@import "css-new/float-elements";
24
+ //@import "css-new/text-alignment";
25
+ //@import "css-new/text-transformation";
26
+ //@import "css-new/flex-utils";
package/src/styles/04-vendors/ionic/_module.scss CHANGED
@@ -1,2 +1,2 @@
1
- @import 'variables';
2
- @import 'ionic';
1
+ @import './variables';
2
+ @import './ionic';
package/src/styles/04-vendors/ionic/_overrides.scss ADDED
@@ -0,0 +1,4 @@
1
+ :root {
2
+
3
+ }
4
+
package/src/styles/04-vendors/ionic/_variables.scss CHANGED
@@ -41,24 +41,26 @@
41
41
  --ion-color-danger-shade: var(--eui-base-color-danger-120);
42
42
  --ion-color-danger-tint: var(--eui-base-color-danger-75);
43
43
 
44
- --ion-color-dark: #333333;
45
- --ion-color-dark-rgb: 51,51,51;
44
+ --ion-color-dark: var(--eui-base-color-grey-100);
45
+ --ion-color-dark-rgb: 64,64,64;
46
46
  --ion-color-dark-contrast: #ffffff;
47
47
  --ion-color-dark-contrast-rgb: 255,255,255;
48
- --ion-color-dark-shade: #2d2d2d;
49
- --ion-color-dark-tint: #474747;
48
+ --ion-color-dark-shade: #000000;
49
+ --ion-color-dark-tint: var(--eui-base-color-grey-75);
50
50
 
51
- --ion-color-medium: #92949c;
52
- --ion-color-medium-rgb: 146,148,156;
51
+ --ion-color-medium: var(--eui-base-color-grey-50);
52
+ --ion-color-medium-rgb: 160,160,160;
53
53
  --ion-color-medium-contrast: #ffffff;
54
54
  --ion-color-medium-contrast-rgb: 255,255,255;
55
- --ion-color-medium-shade: #808289;
56
- --ion-color-medium-tint: #9d9fa6;
55
+ --ion-color-medium-shade: var(--eui-base-color-grey-75);
56
+ --ion-color-medium-tint: var(--eui-base-color-grey-35);
57
57
 
58
- --ion-color-light: #f4f5f8;
59
- --ion-color-light-rgb: 244,245,248;
58
+ --ion-color-light: var(--eui-base-color-grey-5);
59
+ --ion-color-light-rgb: 245,245,245;
60
60
  --ion-color-light-contrast: #000000;
61
61
  --ion-color-light-contrast-rgb: 0,0,0;
62
- --ion-color-light-shade: #d7d8da;
63
- --ion-color-light-tint: #f5f6f9;
62
+ --ion-color-light-shade: var(--eui-base-color-grey-20);
63
+ --ion-color-light-tint: var(--eui-base-color-grey-2);
64
+
65
+ --ion-text-color: var(--eui-base-color-grey-100);
64
66
  }
package/src/styles/05-generics/_module.scss CHANGED
@@ -1,5 +1,6 @@
1
- @import 'euim-list-divider';
2
- @import 'euim-datepicker-ion-modal';
3
- @import "euim-u-display-contents";
4
- @import "euim-badge-icon";
5
- @import "euim-u-selected-chip";
1
+ @import "./euim-u-selected-chip";
2
+ @import './ion-segment';
3
+ @import './ion-list';
4
+ @import './euim-select-label';
5
+ @import './ion-progress-bar';
6
+ @import './euim-datepicker-ion-modal';
package/src/styles/05-generics/euim-select-label.scss ADDED
@@ -0,0 +1,8 @@
1
+ ion-alert .alert-radio-group .alert-radio-label {
2
+ // ion-select-option now breaks into a new line to fit, instead of showing '...'
3
+ white-space: normal !important;
4
+ }
5
+
6
+ ion-radio-group ion-item ion-label {
7
+ white-space: normal !important;
8
+ }
package/src/styles/05-generics/euim-u-selected-chip.scss CHANGED
@@ -1,4 +1,4 @@
1
- .euim-u-selected-chip {
2
- background-color: var(--eui-base-color-primary);
3
- color: white;
1
+ ion-chip.euim-u-selected-chip {
2
+ background-color: var(--eui-base-color-white) !important;
3
+ color: var(--eui-base-color-grey-100);
4
4
  }
package/src/styles/05-generics/ion-list.scss ADDED
@@ -0,0 +1,13 @@
1
+ ion-list ion-item .euim-avatar-icon {
2
+ margin-top: var(--eui-base-spacing-xs);
3
+ margin-bottom: var(--eui-base-spacing-xs);
4
+ }
5
+
6
+ ion-list ion-item:has(ion-buttons ion-button ion-icon) {
7
+ --inner-padding-end: var(--eui-base-spacing-2xs);
8
+ }
9
+
10
+ ion-list ion-item ion-buttons ion-button ion-icon{
11
+ color: var(--eui-base-color-grey-75);
12
+ }
13
+
package/src/styles/05-generics/ion-progress-bar.scss ADDED
@@ -0,0 +1,3 @@
1
+ ion-progress-bar {
2
+ background-color:var(--eui-base-color-primary-50);
3
+ }
package/src/styles/06-components/_module.scss ADDED
@@ -0,0 +1,3 @@
1
+ @import "./euim-item-divider";
2
+ @import "./euim-badge-icon";
3
+ @import "./euim-skeleton-text-avatar";
package/src/styles/06-components/euim-item-divider.scss ADDED
@@ -0,0 +1,34 @@
1
+ .euim-item-divider {
2
+ --background: var(--eui-base-color-grey-5);
3
+ border: none;
4
+ color: var(--eui-base-color-grey-100);
5
+ font-weight: bold;
6
+
7
+ &:first-child *:not(ion-buttons) {
8
+ margin-right: var(--eui-base-spacing-m);
9
+ margin-left: 0;
10
+ }
11
+
12
+ &:first-child ion-label {
13
+ text-transform: uppercase;
14
+ font: var(--eui-base-font-s) !important;
15
+ font-weight: bold !important;
16
+ margin-top: var(--eui-base-spacing-xs);
17
+ margin-bottom: var(--eui-base-spacing-xs);
18
+ }
19
+
20
+ &:first-child ion-icon {
21
+ margin-top: var(--eui-base-spacing-xs);
22
+ margin-bottom: var(--eui-base-spacing-xs);
23
+ }
24
+
25
+ &:first-child ion-badge {
26
+ margin-top: var(--eui-base-spacing-xs);
27
+ margin-bottom: var(--eui-base-spacing-xs);
28
+ }
29
+
30
+ &:first-child ion-spinner {
31
+ width: var(--eui-base-spacing-m);
32
+ height: var(--eui-base-spacing-m);
33
+ }
34
+ }
package/src/styles/06-components/euim-skeleton-text-avatar.scss ADDED
@@ -0,0 +1,5 @@
1
+ .euim-skeleton-text-avatar {
2
+ --border-radius: 50%;
3
+ width: var(--eui-base-spacing-2xl);
4
+ height: var(--eui-base-spacing-2xl);
5
+ }
package/src/styles/_base.scss CHANGED
@@ -1 +1 @@
1
- @import '02-base/module';
1
+ @import './02-base/module';
package/src/styles/eui-mobile.scss CHANGED
@@ -1,8 +1,8 @@
1
1
  $eui-assets-path: '@eui/styles-base/dist/assets';
2
2
 
3
- @import '00-resets/module';
4
- @import '01-ecl/module';
5
- @import '02-base/module';
6
- @import '03-vars/module';
7
- @import '04-vendors/module';
8
- @import '05-generics/module';
3
+ @import './00-resets/module';
4
+ @import './02-base/module';
5
+ @import './03-vars/module';
6
+ @import './04-vendors/module';
7
+ @import './05-generics/module';
8
+ @import './06-components/module';
package/src/styles/01-ecl/_module-dev-only.scss DELETED
@@ -1 +0,0 @@
1
- @import '../../../../../../eui-styles-base/src/styles/01-ecl/module-ec';
package/src/styles/01-ecl/_module.scss DELETED
@@ -1 +0,0 @@
1
- @import '@eui/styles-base/src/styles/01-ecl/module-ec';
package/src/styles/04-vendors/euim/_module.scss DELETED
@@ -1 +0,0 @@
1
- @import 'components/ion-segment';
package/src/styles/05-generics/euim-list-divider.scss DELETED
@@ -1,28 +0,0 @@
1
- .euim-list-divider {
2
- --padding-start : var(--eui-base-spacing-m);
3
- --background: var(--eui-base-color-grey-5);
4
- height: 100% ;
5
- border-top: 1px solid var(--eui-base-color-grey-20);
6
- border-bottom: 1px solid var(--eui-base-color-grey-20);
7
- }
8
-
9
-
10
- //<euim-card-header imgSrc="img.svg>
11
- // //<div euimDashboardSimpleHeaderImage style="height: 300px;">
12
- // // <img src="/assets/images/image1.png"/>
13
- // //</div>
14
- // <div>
15
- // <div euimDashboardSimpleHeaderTitle >
16
- // Staff Days at the office
17
- // </div>
18
- // <div euimDashboardSimpleHeaderMeta
19
- // testdsfsdfas sadf
20
- // </div>
21
- // <div euimDashboardSimpleHeaderMeta>
22
- // testdsfsdfas sadf
23
- // </div>
24
- //
25
- // <div>
26
- //
27
- //
28
- //</euim-card-header>
package/src/styles/05-generics/euim-u-display-contents.scss DELETED
@@ -1,3 +0,0 @@
1
- .euim-u-display-contents {
2
- display: contents;
3
- }