@eui/styles 17.0.0-next.13 → 17.0.0-next.14

package/package.json

@@ -14,6 +14,6 @@
         "npm": "Please use yarn instead of NPM to install dependencies"
     },
     "license": "EUPL-1.1",
-    "version": "17.0.0-next.13",
+    "version": "17.0.0-next.14",
     "tag": "next"
 }

package/src/styles/02-base/mixins/_eui-input.scss

@@ -1,7 +1,7 @@
 // eUI Inputs Layout & states commons
 // Used for: eui-input-text, eui-input-number, eui-select, eui-textarea, eui-datepicker, eui-autocomplete
 @mixin eui-input() {
-    @include eui-font(m, ui);
+    @include eui-font-family();
     appearance: none;
     background-color: v(eui-base-color-white);
     border: 1px solid v(eui-base-color-grey-50);

package/src/styles/02-base/mixins/_eui-scrollbars.scss

@@ -3,7 +3,6 @@
         display: inherit;
         height: $size;      // horizontal scroll
         width: $size;       // vertical scroll
-        // z-index: v(eui-base-z-index-highlighted);        // should be when in edition mode
         @if ($state == active) {
             background-color: $background-color;
         }

package/src/styles/07-elements/directives/_eui-input-maxlength.scss

@@ -3,7 +3,7 @@
     width: 100%;
 
     .eui-input-maxlength {
-        @include eui-font(xs, ui);
+        @include eui-font-family-xs();
         background-color: v(eui-base-color-grey-10);
         border: 1px solid v(eui-base-color-grey-50);
         border-radius: v(eui-base-border-radius);

package/src/styles/07-elements/eui-table-default/_eui-table-default.scss

@@ -22,7 +22,7 @@ table.eui-table-default {
     thead {
         th {
             border-bottom: 1px solid v(eui-base-color-grey-10);
-            color: v(eui-base-color-grey-75);
+            color: v(eui-base-color-grey-100);
             font-size: v(eui-base-font-size);
             padding: v(eui-base-spacing-m) v(eui-base-spacing-s);
             vertical-align: middle;

package/src/styles/08-themes/_module-compact.scss

@@ -12,10 +12,8 @@
 html.eui-t-compact {
     // Exposed CSS variables
     --eui-base-font-size: 14px;                         // Font size base for compact theme
-    --eui-base-line-height: 1.25;                       // Unitless number value is multiplied by the element's font size
     // Setup
     font-size: var(--eui-base-font-size);               // Applies the defined custom font size
-    line-height: var(--eui-base-line-height);           // Applies the defined custom line height ratio
 }
 
 // FORM ELEMENTS
@@ -23,7 +21,6 @@ html.eui-t-compact {
 form.eui-t-form-compact {
     // Exposed CSS variables
     --eui-base-font-size: 14px;                         // Font size base for compact theme
-    --eui-base-line-height: 1.25;                       // Unitless number value is multiplied by the element's font size
     --eui-input-group-spacing: var(--eui-base-spacing-s);   // Spacing between form groups elements
     // Internals
     // See: eui-styles-base\src\styles\02-base\mixins\theming\_compact-vars.scss
@@ -31,7 +28,6 @@ form.eui-t-form-compact {
     // Setup
     --eui-compact-ratio: 0.82;                          // Sets form inputs/elements to 39px height (default: 44px)
     font-size: var(--eui-base-font-size);               // Applies the defined custom font size
-    line-height: var(--eui-base-line-height);           // Applies the defined custom line height ratio
 
     // Internals
     .eui-input-group {
@@ -58,7 +54,6 @@ form.eui-t-form-compact {
 .eui-table.eui-t-table-compact {
     // Exposed CSS variables
     --eui-base-font-size: 14px;                              // Font size base for compact theme
-    --eui-base-line-height: 1.25;                       // Unitless number value is multiplied by the element's font size
     --eui-table-header-padding: var(--eui-base-spacing-s);   // Table header spacer set to 0.75rem
     --eui-table-row-padding: var(--eui-base-spacing-2xs);    // Table body row spacer set to 0.25rem
     --eui-table-footer-padding: var(--eui-base-spacing-s);   // Table footer spacer set to 0.75rem
@@ -66,7 +61,6 @@ form.eui-t-form-compact {
     @include eui-compact-get-tokens();
     // Setup
     font-size: var(--eui-base-font-size);                    // Applies the defined custom font size
-    line-height: var(--eui-base-line-height);           // Applies the defined custom line height ratio
 
     // Internals
     thead {
@@ -105,14 +99,12 @@ form.eui-t-form-compact {
 .eui-card.eui-t-card-compact {
     // Exposed CSS variables
     --eui-base-font-size: 14px;                              // Font size base for compact theme
-    --eui-base-line-height: 1.25;                       // Unitless number value is multiplied by the element's font size
     --eui-card-title-size: var(--eui-base-font-size-m);      // Card title font size
     --eui-card-subtitle-size: var(--eui-base-font-size-s);   // Card subtitle font size
     // Internals
     @include eui-compact-get-tokens();
     // Setup
     font-size: var(--eui-base-font-size);                    // Applies the defined custom font size
-    line-height: var(--eui-base-line-height);           // Applies the defined custom line height ratio
 
     // Internals
     .eui-card {

package/src/styles/999-showcase/_prism-theme.scss

@@ -68,11 +68,12 @@ code[class*="language"] {
    padding: 0 1em;
    display: block;
    overflow: auto;
+   font-size: v(eui-base-font-size);
 }
 
 :not(pre) > code[class*="language-"],
 pre[class*="language-"] {
-    background: #f5f2f0;
+    background: #fff;
 }
 
 /* Inline code */
@@ -113,7 +114,7 @@ pre[class*="language-"] {
 .token.char,
 .token.builtin,
 .token.inserted {
-    color: #690;
+    color: #517b00;
 }
 
 .token.operator,