@inera/ids-design 5.1.3 → 5.2.1

package/components/tabs/tabs.css

@@ -1,11 +1,3 @@
-/* 1177 Typography - no margins */
-/*******
-* FORM
-********/
-/*******
-* Accessibility
-********/
-/* headings */
 .ids-tabs {
   display: flex;
   border-bottom: var(--IDS-TABS_BORDER-BOTTOM);

package/components/tag/tag.css

@@ -1,11 +1,15 @@
-/* 1177 Typography - no margins */
+/*******
+* BUTTONS
+********/
+/*******
+* SCROLLBAR
+********/
 /*******
 * FORM
 ********/
 /*******
-* Accessibility
+* A11Y
 ********/
-/* headings */
 /* css classes that need !important */
 /* @mixin ids-icon-close-svg-important($color) {
   background-color: var($color) !important;

package/components/tooltip/tooltip-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-tooltip{position:relative!important}.ids-tooltip,.ids-tooltip .ids-tooltip__trigger{display:inline-block}.ids-tooltip .ids-tooltip__content{background-color:#fff;border:1px solid var(--tooltip_border-color);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:0 0 10px rgba(0,0,0,.3);box-sizing:border-box;color:var(--tooltip_color);display:none;max-width:90vw;padding:10px 20px;position:absolute;text-align:left;width:max-content;z-index:2}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--top-left{left:0;top:-10px;transform:translateY(-100%)}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--top{left:50%;top:-10px;transform:translate(-50%,-100%)}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--top-right{right:0;top:-10px;transform:translateY(-100%)}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--bottom-left{bottom:-10px;left:0;transform:translateY(100%)}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--bottom{bottom:-10px;left:50%;transform:translate(-50%,100%)}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--bottom-right{bottom:-10px;right:0;transform:translateY(100%)}.ids-tooltip:focus-within .ids-tooltip__content,.ids-tooltip:hover .ids-tooltip__content{display:inline-block}";
+var css_248z = ":host{display:inline-flex}.ids-tooltip{display:inline-block;position:relative!important}.ids-tooltip .ids-tooltip__trigger{display:inline}.ids-tooltip .ids-tooltip__content{background-color:#fff;border:1px solid var(--tooltip_border-color);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:0 0 10px rgba(0,0,0,.3);box-sizing:border-box;color:var(--tooltip_color);display:none;max-width:90vw;padding:10px 20px;position:absolute;text-align:left;width:max-content;z-index:2}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--top-left{left:0;top:-10px;transform:translateY(-100%)}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--top{left:50%;top:-10px;transform:translate(-50%,-100%)}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--top-right{right:0;top:-10px;transform:translateY(-100%)}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--bottom-left{bottom:-10px;left:0;transform:translateY(100%)}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--bottom{bottom:-10px;left:50%;transform:translate(-50%,100%)}.ids-tooltip .ids-tooltip__content.ids-tooltip__content--bottom-right{bottom:-10px;right:0;transform:translateY(100%)}.ids-tooltip:focus-within .ids-tooltip__content,.ids-tooltip:hover .ids-tooltip__content{display:inline-block}";
 
 var tooltipLit = css`${unsafeCSS(css_248z)}`;
 

package/components/tooltip/tooltip.css

@@ -1,41 +1,13 @@
-/* 1177 Typography - no margins */
-/*******
-* FORM
-********/
-/*******
-* Accessibility
-********/
-/* headings */
-/* css classes that need !important */
-/* @mixin ids-icon-close-svg-important($color) {
-  background-color: var($color) !important;
-  mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" role="img" fill="none" width="20" height="20" style="" viewBox="0 0 40 40" aria-hidden="true"><!--%3Flit$332566053$--><path xmlns="http://www.w3.org/2000/svg" d="M4.26777 0.732233C3.29146 -0.244078 1.70854 -0.244078 0.732233 0.732233C-0.244078 1.70854 -0.244078 3.29146 0.732233 4.26777L16.4645 20L0.732233 35.7322C-0.244078 36.7085 -0.244078 38.2915 0.732233 39.2678C1.70854 40.2441 3.29146 40.2441 4.26777 39.2678L20 23.5355L35.7322 39.2678C36.7085 40.2441 38.2915 40.2441 39.2678 39.2678C40.2441 38.2915 40.2441 36.7085 39.2678 35.7322L23.5355 20L39.2678 4.26777C40.2441 3.29146 40.2441 1.70854 39.2678 0.732233C38.2915 -0.244078 36.7085 -0.244078 35.7322 0.732233L20 16.4645L4.26777 0.732233Z" fill="%23396291"></path></svg>') !important;
-  mask-size: cover !important;
+:host {
+  display: inline-flex;
 }
 
-.ids-icon__close {
-  @include ids-icon-close-svg-important(--IDS-ICON-COLOR);
-}
-
-.ids-icon__close-active {
-  @include ids-icon-close-svg-important(--IDS-ICON-ACTIVE-COLOR);
-}
-
-.ids-icon__close-interactive {
-  @include ids-icon-close-svg-important(--IDS-ICON-COLOR);
-
-  &:hover,
-  &:focus,
-  &:active {
-    @include ids-icon-close-svg-important(--IDS-ICON-ACTIVE-COLOR);
-  }
-} */
 .ids-tooltip {
   display: inline-block;
   position: relative !important;
 }
 .ids-tooltip .ids-tooltip__trigger {
-  display: inline-block;
+  display: inline;
 }
 .ids-tooltip .ids-tooltip__content {
   display: none;
@@ -48,7 +20,7 @@
   z-index: 2;
   background-color: white;
   border: 1px solid var(--tooltip_border-color);
-  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   border-radius: var(--IDS-BORDER-RADIUS);
   padding: 10px 20px;
 }

package/global/_partials.css

@@ -1,8 +1,12 @@
-/* 1177 Typography - no margins */
 /*******
-* FORM
+* BUTTONS
 ********/
 /*******
-* Accessibility
+* SCROLLBAR
 ********/
-/* headings */
+/*******
+* FORM
+********/
+/*******
+* A11Y
+********/