@inera/ids-design 8.0.0 → 8.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-badge{display:inline}.ids-badge .ids-badge__inner{align-items:center;border-radius:.313rem;box-sizing:border-box;display:inline-flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:400;justify-items:center;line-height:1rem;padding:var(--IDS-BADGE__PADDING-DESKTOP)}.ids-badge .ids-badge__icon{display:flex;margin-right:.5rem}.ids-badge.ids-badge--primary .ids-badge__inner{background-color:var(--IDS-BADGE--PRIMARY__BACKGROUND-COLOR);border:var(--IDS-BADGE__BORDER-THICKNESS) solid var(--IDS-BADGE--PRIMARY__BORDER-COLOR);color:var(--IDS-BADGE--PRIMARY__COLOR)}.ids-badge.ids-badge--secondary .ids-badge__inner{background-color:var(--IDS-BADGE--SECONDARY__BACKGROUND-COLOR);border:var(--IDS-BADGE__BORDER-THICKNESS) solid var(--IDS-BADGE--SECONDARY__BORDER-COLOR);color:var(--IDS-BADGE--SECONDARY__COLOR)}.ids-badge.ids-badge--neutral .ids-badge__inner{background-color:var(--IDS-BADGE--NEUTRAL__BACKGROUND-COLOR);border:var(--IDS-BADGE__BORDER-THICKNESS) solid var(--IDS-BADGE--NEUTRAL__BORDER-COLOR);color:var(--IDS-BADGE--NEUTRAL__COLOR)}.ids-badge.ids-badge--info .ids-badge__inner{background-color:var(--IDS-BADGE--INFO__BACKGROUND-COLOR);border:var(--IDS-BADGE__BORDER-THICKNESS) solid var(--IDS-BADGE--INFO__BORDER-COLOR);color:var(--IDS-BADGE--INFO__COLOR)}.ids-badge.ids-badge--attention .ids-badge__inner{background-color:var(--IDS-BADGE--ATTENTION__BACKGROUND-COLOR);border:var(--IDS-BADGE__BORDER-THICKNESS) solid var(--IDS-BADGE--ATTENTION__BORDER-COLOR);color:var(--IDS-BADGE--ATTENTION__COLOR)}.ids-badge.ids-badge--success .ids-badge__inner{background-color:var(--IDS-BADGE--SUCCESS__BACKGROUND-COLOR);border:var(--IDS-BADGE__BORDER-THICKNESS) solid var(--IDS-BADGE--SUCCESS__BORDER-COLOR);color:var(--IDS-BADGE--SUCCESS__COLOR)}.ids-badge.ids-badge--error .ids-badge__inner{background-color:var(--IDS-BADGE--ERROR__BACKGROUND-COLOR);border:var(--IDS-BADGE__BORDER-THICKNESS) solid var(--IDS-BADGE--ERROR__BORDER-COLOR);color:var(--IDS-BADGE--ERROR__COLOR)}@media (min-width:1024px){.ids-badge .ids-badge__inner{font-size:.
|
|
3
|
+
var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-badge{display:inline}.ids-badge .ids-badge__inner{align-items:center;border-radius:.313rem;box-sizing:border-box;display:inline-flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;font-weight:400;justify-items:center;line-height:1rem;padding:var(--IDS-BADGE__PADDING-DESKTOP)}.ids-badge .ids-badge__icon{display:flex;margin-right:.5rem}.ids-badge.ids-badge--primary .ids-badge__inner{background-color:var(--IDS-BADGE--PRIMARY__BACKGROUND-COLOR);border:var(--IDS-BADGE__BORDER-THICKNESS) solid var(--IDS-BADGE--PRIMARY__BORDER-COLOR);color:var(--IDS-BADGE--PRIMARY__COLOR)}.ids-badge.ids-badge--secondary .ids-badge__inner{background-color:var(--IDS-BADGE--SECONDARY__BACKGROUND-COLOR);border:var(--IDS-BADGE__BORDER-THICKNESS) solid var(--IDS-BADGE--SECONDARY__BORDER-COLOR);color:var(--IDS-BADGE--SECONDARY__COLOR)}.ids-badge.ids-badge--neutral .ids-badge__inner{background-color:var(--IDS-BADGE--NEUTRAL__BACKGROUND-COLOR);border:var(--IDS-BADGE__BORDER-THICKNESS) solid var(--IDS-BADGE--NEUTRAL__BORDER-COLOR);color:var(--IDS-BADGE--NEUTRAL__COLOR)}.ids-badge.ids-badge--info .ids-badge__inner{background-color:var(--IDS-BADGE--INFO__BACKGROUND-COLOR);border:var(--IDS-BADGE__BORDER-THICKNESS) solid var(--IDS-BADGE--INFO__BORDER-COLOR);color:var(--IDS-BADGE--INFO__COLOR)}.ids-badge.ids-badge--attention .ids-badge__inner{background-color:var(--IDS-BADGE--ATTENTION__BACKGROUND-COLOR);border:var(--IDS-BADGE__BORDER-THICKNESS) solid var(--IDS-BADGE--ATTENTION__BORDER-COLOR);color:var(--IDS-BADGE--ATTENTION__COLOR)}.ids-badge.ids-badge--success .ids-badge__inner{background-color:var(--IDS-BADGE--SUCCESS__BACKGROUND-COLOR);border:var(--IDS-BADGE__BORDER-THICKNESS) solid var(--IDS-BADGE--SUCCESS__BORDER-COLOR);color:var(--IDS-BADGE--SUCCESS__COLOR)}.ids-badge.ids-badge--error .ids-badge__inner{background-color:var(--IDS-BADGE--ERROR__BACKGROUND-COLOR);border:var(--IDS-BADGE__BORDER-THICKNESS) solid var(--IDS-BADGE--ERROR__BORDER-COLOR);color:var(--IDS-BADGE--ERROR__COLOR)}@media (min-width:1024px){.ids-badge .ids-badge__inner{font-size:.875rem;padding:var(--IDS-BADGE__PADDING-MOBILE)}}";
|
|
4
4
|
|
|
5
5
|
var badgeLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|