@inera/ids-design 5.2.2 → 5.4.0

package/components/tag/tag.css

@@ -1,103 +0,0 @@
-/*******
-* BUTTONS
-********/
-/*******
-* SCROLLBAR
-********/
-/*******
-* FORM
-********/
-/*******
-* A11Y
-********/
-/* 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;
-}
-
-.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-tag {
-  font-family: var(--IDS-TAG__FONT-FAMILY);
-  font-weight: 400;
-  color: var(--IDS-TAG__COLOR);
-  padding: var(--IDS-TAG__PADDING);
-  border: 1px solid var(--IDS-TAG__BORDER-COLOR);
-  background-color: var(--IDS-TAG__BACKGROUND-COLOR);
-  border-radius: var(--IDS-TAG__BORDER-RADIUS);
-  display: inline-flex;
-  flex-wrap: wrap;
-  line-height: 1rem;
-  justify-content: center;
-  align-content: center;
-  align-items: center;
-}
-.ids-tag.ids-tag--interactive {
-  cursor: pointer;
-  border-color: var(--IDS-TAG--INTERACTIVE__BORDER-COLOR);
-  color: var(--IDS-TAG--INTERACTIVE__COLOR);
-  font-weight: var(--IDS-TAG--INTERACTIVE__FONT-WEIGHT);
-}
-.ids-tag.ids-tag--interactive:focus {
-  outline: var(--focus_outline);
-  outline-offset: var(--focus_outline-offset);
-}
-.ids-tag.ids-tag--interactive:hover {
-  color: var(--IDS-TAG--INTERACTIVE__COLOR--HOVER);
-}
-.ids-tag .ids-tag__close-btn-icon {
-  background-color: var(--IDS-ICON-COLOR);
-  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>');
-  mask-size: cover;
-  width: 14px;
-  height: 14px;
-}
-.ids-tag .ids-tag__close-btn {
-  min-width: 24px;
-  min-height: 24px;
-  background: none;
-  color: inherit;
-  border: none;
-  padding: 0;
-  font: inherit;
-  cursor: pointer;
-  outline: inherit;
-  -moz-user-select: -moz-none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  width: 24px;
-  height: 24px;
-  display: flex;
-  border-radius: 20px;
-  margin: -8px -8px -8px 8px;
-  justify-content: center;
-  align-items: center;
-}
-.ids-tag .ids-tag__close-btn:focus {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: 0 !important;
-}
-.ids-tag .ids-tag__close-btn:hover .ids-tag__close-btn-icon, .ids-tag .ids-tag__close-btn:focus .ids-tag__close-btn-icon, .ids-tag .ids-tag__close-btn:active .ids-tag__close-btn-icon {
-  background-color: var(--IDS-ICON-ACTIVE-COLOR);
-  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>');
-  mask-size: cover;
-}

package/components/tooltip/tooltip-lit.js

@@ -1,7 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-
-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)}`;
-
-export { tooltipLit as default };