@eui/styles 15.0.0-next.2 → 15.0.0-next.4

package/src/styles/eui-utilities-dev.scss

@@ -0,0 +1,5 @@
+// BASE
+@import '_base';
+
+// UTILITIES
+@import '99-utilities/module';

package/src/styles/eui-utilities.scss

@@ -0,0 +1,7 @@
+$eui-assets-path: '@eui/styles-base/dist/assets';
+
+// BASE
+@import '_base';
+
+// UTILITIES
+@import '99-utilities/module';

package/src/styles/eui.scss

@@ -12,9 +12,6 @@ $eui-assets-path: '@eui/styles-base/dist/assets';
 // ASSETS
 @import '03-assets/module';
 
-// VENDORS and overrides
-@import '04-vendors/module';
-
 // MATERIAL
 // @import '05-material/module';  // TODO v15 migration
 
@@ -30,7 +27,5 @@ $eui-assets-path: '@eui/styles-base/dist/assets';
 // MEDIA
 @import '10-media/module';
 
-// UTILITIES
-@import '99-utilities/module';
-
-
+// EXTRAS CMP & OVERRIDES
+@import '11-extras/module';

package/src/styles/07-elements/legacy/_old/_input-group.scss

@@ -1,56 +0,0 @@
-// APPEND & PREPEND
-.ux-input-group {
-    align-items: stretch;
-    display: flex;
-    flex-wrap: nowrap;  // for append & prepend options it must be nowrap
-    position: relative;
-    width: 100%;
-
-    .ux-input-group-text {
-        align-items: center;
-        background-color: v(eui-base-color-grey-5);
-        border: 1px solid v(eui-base-color-grey-20);
-        border-radius: v(eui-base-border-radius);
-        color: v(eui-base-color-grey-100);
-        display: flex;
-        font-size: v(eui-base-font-size);
-        font-weight: 400;
-        justify-content: center;
-        line-height: v(eui-base-line-height);
-        margin-bottom: 0;
-        min-width: v(eui-base-spacing-2xl);
-        padding: v(eui-base-spacing-2xs);
-        text-align: center;
-        white-space: nowrap;
-    }
-
-    .ux-input-group-prepend {
-        display: flex;
-        margin-right: -1px;
-
-        .ux-input-group-text {
-            border-bottom-right-radius: 0;
-            border-top-right-radius: 0;
-        }
-    }
-
-    .ux-input-group-append {
-        display: flex;
-        margin-left: -1px;
-
-        .ux-input-group-text {
-            border-bottom-left-radius: 0;
-            border-top-left-radius: 0;
-        }
-    }
-
-    .ux-form-control:not(:first-child) {
-        border-bottom-left-radius: 0;
-        border-top-left-radius: 0;
-    }
-
-    .ux-form-control:not(:last-child) {
-        border-bottom-right-radius: 0;
-        border-top-right-radius: 0;
-    }
-}

package/src/styles/07-elements/legacy/_old/_ux-card.scss

@@ -1,35 +0,0 @@
-.ux-card {
-    .ux-card__header {
-        .ux-card__header-left-content {
-            .ux-card__header-left-content-select {
-                input[type=checkbox].ux-input__checkbox,
-                input[type=radio].ux-input__radio {
-                    position: relative;
-
-                    + label {
-                        margin: 0;
-                        padding: 0;
-                    }
-                }
-            }
-            // TODO: this should be fixed in eui-styles-base with eui-u-color-%human% namings
-            ux-a-icon {
-                &.eui-u-color-accent-dark {
-                    color: v(eui-base-color-accent-110);
-                }
-                // This will be automatically fixed with eui-flag-icon fixes
-                .eui-icon {
-                    box-shadow: none;
-                }
-            }
-        }
-    }
-
-    &--selected {
-        .ux-input__checkbox {
-            &::before {
-                @include eui-accessible-focus-outline();
-            }
-        }
-    }
-}

package/src/styles/07-elements/legacy/_old/_ux-control-feedback.scss

@@ -1,8 +0,0 @@
-.ux-control-feedback {
-    .ux-c-control-feedback__message {
-        display: block;
-        font-size: v(eui-base-font-size-s);
-        margin-top: v(eui-base-spacing-2xs);
-        position: relative;
-    }
-}

package/src/styles/07-elements/legacy/_old/_ux-form-control.scss

@@ -1,3 +0,0 @@
-ux-form-control {
-    width: 100%;    // Host
-}

package/src/styles/07-elements/legacy/_old/_ux-tree.scss

@@ -1,12 +0,0 @@
-.ux-tree {
-    &__node {
-        &-wrapper {
-            input[type="checkbox"].ux-input__checkbox {
-                clip: auto;
-                &::after {
-                    top: 0 !important;  // The check/intermediate minus icons
-                }
-            }
-        }
-    }
-}