@eui/mobile-styles 17.4.2-snapshot-1730191497676 → 18.0.0-next.10

package/src/styles/05-generics/ion-input.scss

@@ -1,35 +0,0 @@
-ion-input, ion-searchbar {
-    --placeholder-opacity: 1 !important;
-
-    input::placeholder {
-        color: var(--eui-base-color-grey-50) !important;
-    }
-
-    input::-webkit-input-placeholder {
-        color: var(--eui-base-color-grey-50) !important;
-    }
-}
-
-ion-textarea {
-    --placeholder-opacity: 1 !important;
-
-    textarea::placeholder {
-        color: var(--eui-base-color-grey-50) !important;
-    }
-
-    textarea::-webkit-input-placeholder {
-        --placeholder-color: var(--eui-base-color-grey-50) !important;
-    }
-}
-
-ion-select {
-    --placeholder-opacity: 1 !important;
-    --placeholder-color: var(--eui-base-color-grey-50) !important;
-}
-
-div[slot="helper"] { 
-    color: var(--eui-base-color-grey-75);
-    @include eui-font(xs);
-}
-
-

package/src/styles/05-generics/ion-item-divider.scss

@@ -1,26 +0,0 @@
-ion-item-divider {
-    font-family: var(--eui-base-font-family) !important;; 
-    color: var(--eui-base-color-grey-75) !important;
-    ion-icon[slot="start"] {
-        margin-inline-end: var(--eui-base-spacing-m);
-    }
-
-    ion-icon[slot] {
-        margin-top: 0;
-        margin-bottom: 0;
-    }
-
-    ion-spinner[slot="start"] {
-        margin-inline-end: var(--eui-base-spacing-m);
-        width: var(--eui-base-spacing-l);
-        height: var(--eui-base-spacing-l);
-    }
-
-    ion-icon:first-child {
-        color: var(--eui-base-color-grey-75);
-    }
-
-    ion-label {
-        font-family: var(--eui-base-font-family) !important; 
-    }
-}

package/src/styles/05-generics/ion-item.scss

@@ -1,9 +0,0 @@
-ion-item {
-    &::part(detail-icon) {
-        width: var(--eui-base-spacing-l);
-        height: var(--eui-base-spacing-l);
-        opacity: 1;
-        color: var(--eui-base-color-grey-50);
-        margin-left: var(--eui-base-spacing-xs);
-    }
-}

package/src/styles/05-generics/ion-list-header.scss

@@ -1,34 +0,0 @@
-ion-list-header {
-    @include eui-font(s);
-    padding-inline-start: var(--eui-base-spacing-m);
-    width: auto;
-
-    ion-item {
-        --min-height: auto !important;
-        --inner-padding-end: 0px;
-        width: 100%;
-
-        &::part(native) {
-            padding: 0;
-        }
-
-        ion-icon {
-            margin: 0;
-            padding-right: var(--eui-base-spacing-m);
-        }
-
-        ion-button {
-            padding-right: calc((3 * (var(--eui-base-spacing-2xs) / 2)));
-        }
-    }
-
-    ion-label,
-    ion-text {
-        @include eui-font(s);
-    }
-
-    ion-label strong {
-        @include eui-font(s);
-        font-weight: bold;
-    }
-}

package/src/styles/05-generics/ion-list.scss

@@ -1,13 +0,0 @@
-ion-list ion-item .euim-avatar-icon {
-    margin-top: var(--eui-base-spacing-xs);
-    margin-bottom: var(--eui-base-spacing-xs);
-}
-
-ion-list ion-item:has(ion-buttons ion-button ion-icon) {
-    --inner-padding-end: var(--eui-base-spacing-2xs);
-}
-
-ion-list ion-item ion-buttons ion-button ion-icon,
-ion-item ion-button ion-icon {
-   color: var(--eui-base-color-grey-75);
-}

package/src/styles/05-generics/ion-note.scss

@@ -1,6 +0,0 @@
-ion-note {
-    @include eui-font(xs);
-    line-height: var(--eui-base-spacing-xl);
-    padding-left: var(--eui-base-spacing-m);
-}
- 

package/src/styles/05-generics/ion-progress-bar.scss

@@ -1,3 +0,0 @@
-ion-progress-bar {
-    background-color:var(--eui-base-color-primary-25);
-}

package/src/styles/05-generics/ion-segment.scss

@@ -1,7 +0,0 @@
-ion-toolbar[color="primary"] ion-segment-button {
-    color: var(--eui-base-color-white);
-}
-
-ion-toolbar ion-segment-button {
-    width: 100%;
-}

package/src/styles/05-generics/ion-select.scss

@@ -1,17 +0,0 @@
-ion-alert .alert-radio-group {
-    .alert-radio-label {
-        padding-top: 0;
-        padding-bottom: 0;
-    }
-
-    .alert-radio-button {
-        contain: none;
-        height: 100%;
-        margin-top: var(--eui-base-spacing-m);
-        margin-bottom: var(--eui-base-spacing-m);
-    }
-}
-ion-select {
-    max-width: none !important;
-}
- 

package/src/styles/05-generics/ion-textarea.scss

@@ -1,3 +0,0 @@
-ion-textarea.sc-ion-textarea-md-h {
-    @include eui-font(m);
-}

package/src/styles/05-generics/ion-toolbar.scss

@@ -1,6 +0,0 @@
-ion-toolbar.euim-toolbar--transparent {
-    position: absolute;
-    box-shadow: none;
-    --background: transparent;
-    --color: white;
-}

package/src/styles/06-components/_module.scss

@@ -1,6 +0,0 @@
-@import "./euim-divider";
-@import "./euim-list-header";
-@import "./euim-list-item";
-@import "./euim-read-only-form";
-@import "./euim-skeleton-text-avatar";
-

package/src/styles/06-components/euim-divider.scss

@@ -1,9 +0,0 @@
-.euim-divider {
-
-    &--lines-none {
-        border-bottom: none;
-    }
-    &--lines-full {
-
-    }
-}

package/src/styles/06-components/euim-list-header.scss

@@ -1,8 +0,0 @@
-.euim-list-header {
-    &--border-top {
-        border-top: 1px solid var(--eui-base-color-grey-20);
-    }
-    &--border-bottom {
-        border-bottom: 1px solid var(--eui-base-color-grey-20);
-    }
-}

package/src/styles/06-components/euim-list-item.scss

@@ -1,6 +0,0 @@
-.euim-list-item {
-    &--no-paddings {
-        --inner-padding-end: 0px;
-        --padding-start: 0px
-    }
-}

package/src/styles/06-components/euim-read-only-form.scss

@@ -1,55 +0,0 @@
-.euim-read-only-form {
-    padding: 0 var(--eui-base-spacing-m);
-
-    &::part(native) {
-        padding-inline-start: 0;
-        padding-inline-end: 0;
-        display: flex;
-    }
-
-    ion-icon {
-        margin: 0 var(--eui-base-spacing-m) 0 0;
-        min-width: var(--eui-base-spacing-l);
-        min-height: var(--eui-base-spacing-l);
-    }
-
-    ion-icon.euim-align-top {
-        margin-top: var(--eui-base-spacing-2xs);
-    }
-
-    ion-label {
-        margin: 0;
-    }
-
-    a [euimReadOnlyFormValue] {
-        color: inherit;
-    }
-
-    a {
-        text-decoration: none;
-    }
-
-    [euimReadOnlyFormLabel] {
-        @include eui-font(xs);
-        margin-bottom: var(--eui-base-spacing-2xs);
-        margin-top: var(--eui-base-spacing-xs);
-    }
-
-    [euimReadOnlyFormValue] {
-        @include eui-font(m);
-        margin: 0 0 var(--eui-base-spacing-2xs) 0;
-    }
-    [euimReadOnlyFormValue] > * {
-        margin: 0;
-        @include eui-font(m);
-    }
-
-    [euimReadOnlyFormValue] ul {
-        margin: 0;
-        padding-left: var(--eui-base-spacing-l);
-    }
-
-    [euimReadOnlyFormValue], [euimReadOnlyFormLabel] {
-        color: var(--eui-base-color-grey-100);
-    }
-}

package/src/styles/06-components/euim-skeleton-text-avatar.scss

@@ -1,5 +0,0 @@
-.euim-skeleton-text-avatar {
-    --border-radius: 50%;
-    width: var(--eui-base-spacing-2xl);
-    height: var(--eui-base-spacing-2xl);
-}

package/src/styles/_base.scss

@@ -1 +0,0 @@
-@import './02-base/module';

package/src/styles/eui-mobile.scss

@@ -1,9 +0,0 @@
-$eui-assets-path: '@eui/styles-base/dist/assets';
-
-@import './00-resets/module';
-@import './02-base/module';
-@import './03-vars/module';
-@import './04-vendors/module';
-@import './05-generics/module';
-@import './06-components/module';
-@import '@angular/material/prebuilt-themes/deeppurple-amber.css';