@inera/ids-design 4.9.0 → 4.9.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 = ".ids-card.ids-card--interactive:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-card{background:var(--IDS-CARD__BACKGROUND);border:var(--IDS-CARD__BORDER);border-radius:var(--IDS-CARD__BORDER-RADIUS);box-shadow:var(--IDS-CARD__BOX-SHADOW);overflow:hidden}.ids-card .ids-card__inner{padding:15px 20px}@media (max-width:1024px){.ids-card.ids-card--hide-on-m{border:none!important;box-shadow:none!important;overflow:visible!important}.ids-card.ids-card--hide-on-m .ids-card__inner{background:none!important;border:none!important;padding:0!important}}@media (max-width:640px){.ids-card.ids-card--hide-on-s{border:none!important;box-shadow:none!important;overflow:visible!important}.ids-card.ids-card--hide-on-s .ids-card__inner{background:none!important;border:none!important;padding:0!important}}.ids-card.ids-card--border-1{border:var(--IDS-CARD--BORDER__BORDER)}.ids-card.ids-card--border-1 .ids-card__inner{background:var(--IDS-CARD--BORDER__INNER__BACKGROUND);border-top:var(--IDS-CARD--BORDER__INNER__BORDER-TOP)}.ids-card.ids-card--border-2 .ids-card__inner{border-top:var(--IDS-CARD--BORDER-2__INNER__BORDER-TOP)}.ids-card.ids-card--fill-1{background:var(--IDS-CARD--FILL__INNER__BACKGROUND);border:var(--IDS-CARD--FILL__INNER__BORDER)}.ids-card.ids-card--fill-2{background:var(--IDS-CARD--FILL-2__INNER__BACKGROUND);border:var(--IDS-CARD--FILL-2__INNER__BORDER)}.ids-card.ids-card--lean .ids-card__inner{color:var(--IDS-CARD__COLOR);padding:5px 20px}.ids-card.ids-card--interactive:focus,.ids-card.ids-card--interactive:hover{box-shadow:var(--IDS-CARD--HOVER_BOX-SHADOW);cursor:pointer}";
|
|
3
|
+
var css_248z = ".ids-card.ids-card--interactive:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-card{background:var(--IDS-CARD__BACKGROUND);border:var(--IDS-CARD__BORDER);border-radius:var(--IDS-CARD__BORDER-RADIUS);box-shadow:var(--IDS-CARD__BOX-SHADOW);overflow:hidden}.ids-card .ids-card__inner{padding:15px 20px}@media (max-width:1024px){.ids-card.ids-card--hide-on-m{background:none!important;border:none!important;box-shadow:none!important;overflow:visible!important}.ids-card.ids-card--hide-on-m .ids-card__inner{background:none!important;border:none!important;padding:0!important}}@media (max-width:640px){.ids-card.ids-card--hide-on-s{background:none!important;border:none!important;box-shadow:none!important;overflow:visible!important}.ids-card.ids-card--hide-on-s .ids-card__inner{background:none!important;border:none!important;padding:0!important}}.ids-card.ids-card--border-1{border:var(--IDS-CARD--BORDER__BORDER)}.ids-card.ids-card--border-1 .ids-card__inner{background:var(--IDS-CARD--BORDER__INNER__BACKGROUND);border-top:var(--IDS-CARD--BORDER__INNER__BORDER-TOP)}.ids-card.ids-card--border-2 .ids-card__inner{border-top:var(--IDS-CARD--BORDER-2__INNER__BORDER-TOP)}.ids-card.ids-card--fill-1{background:var(--IDS-CARD--FILL__INNER__BACKGROUND);border:var(--IDS-CARD--FILL__INNER__BORDER)}.ids-card.ids-card--fill-2{background:var(--IDS-CARD--FILL-2__INNER__BACKGROUND);border:var(--IDS-CARD--FILL-2__INNER__BORDER)}.ids-card.ids-card--lean .ids-card__inner{color:var(--IDS-CARD__COLOR);padding:5px 20px}.ids-card.ids-card--interactive:focus,.ids-card.ids-card--interactive:hover{box-shadow:var(--IDS-CARD--HOVER_BOX-SHADOW);cursor:pointer}";
|
|
4
4
|
|
|
5
5
|
var cardLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
package/components/card/card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ids-card.ids-card--interactive:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-card{border:var(--IDS-CARD__BORDER);background:var(--IDS-CARD__BACKGROUND);box-shadow:var(--IDS-CARD__BOX-SHADOW);border-radius:var(--IDS-CARD__BORDER-RADIUS);overflow:hidden}.ids-card .ids-card__inner{padding:15px 20px}.ids-card.ids-card--lean .ids-card__inner{padding:5px 20px}@media (max-width: 1024px){.ids-card.ids-card--hide-on-m{box-shadow:none !important;border:none !important;overflow:visible !important}.ids-card.ids-card--hide-on-m .ids-card__inner{background:none !important;border:none !important;padding:0px !important}}@media (max-width: 640px){.ids-card.ids-card--hide-on-s{box-shadow:none !important;border:none !important;overflow:visible !important}.ids-card.ids-card--hide-on-s .ids-card__inner{background:none !important;border:none !important;padding:0px !important}}.ids-card.ids-card--border-1{border:var(--IDS-CARD--BORDER__BORDER)}.ids-card.ids-card--border-1 .ids-card__inner{background:var(--IDS-CARD--BORDER__INNER__BACKGROUND);border-top:var(--IDS-CARD--BORDER__INNER__BORDER-TOP)}.ids-card.ids-card--border-2 .ids-card__inner{border-top:var(--IDS-CARD--BORDER-2__INNER__BORDER-TOP)}.ids-card.ids-card--fill-1{background:var(--IDS-CARD--FILL__INNER__BACKGROUND);border:var(--IDS-CARD--FILL__INNER__BORDER)}.ids-card.ids-card--fill-2{background:var(--IDS-CARD--FILL-2__INNER__BACKGROUND);border:var(--IDS-CARD--FILL-2__INNER__BORDER)}.ids-card.ids-card--lean .ids-card__inner{padding:5px 20px;color:var(--IDS-CARD__COLOR)}.ids-card.ids-card--interactive:hover,.ids-card.ids-card--interactive:focus{box-shadow:var(--IDS-CARD--HOVER_BOX-SHADOW);cursor:pointer}
|
|
1
|
+
.ids-card.ids-card--interactive:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-card{border:var(--IDS-CARD__BORDER);background:var(--IDS-CARD__BACKGROUND);box-shadow:var(--IDS-CARD__BOX-SHADOW);border-radius:var(--IDS-CARD__BORDER-RADIUS);overflow:hidden}.ids-card .ids-card__inner{padding:15px 20px}.ids-card.ids-card--lean .ids-card__inner{padding:5px 20px}@media (max-width: 1024px){.ids-card.ids-card--hide-on-m{box-shadow:none !important;border:none !important;overflow:visible !important;background:none !important}.ids-card.ids-card--hide-on-m .ids-card__inner{background:none !important;border:none !important;padding:0px !important}}@media (max-width: 640px){.ids-card.ids-card--hide-on-s{box-shadow:none !important;border:none !important;overflow:visible !important;background:none !important}.ids-card.ids-card--hide-on-s .ids-card__inner{background:none !important;border:none !important;padding:0px !important}}.ids-card.ids-card--border-1{border:var(--IDS-CARD--BORDER__BORDER)}.ids-card.ids-card--border-1 .ids-card__inner{background:var(--IDS-CARD--BORDER__INNER__BACKGROUND);border-top:var(--IDS-CARD--BORDER__INNER__BORDER-TOP)}.ids-card.ids-card--border-2 .ids-card__inner{border-top:var(--IDS-CARD--BORDER-2__INNER__BORDER-TOP)}.ids-card.ids-card--fill-1{background:var(--IDS-CARD--FILL__INNER__BACKGROUND);border:var(--IDS-CARD--FILL__INNER__BORDER)}.ids-card.ids-card--fill-2{background:var(--IDS-CARD--FILL-2__INNER__BACKGROUND);border:var(--IDS-CARD--FILL-2__INNER__BORDER)}.ids-card.ids-card--lean .ids-card__inner{padding:5px 20px;color:var(--IDS-CARD__COLOR)}.ids-card.ids-card--interactive:hover,.ids-card.ids-card--interactive:focus{box-shadow:var(--IDS-CARD--HOVER_BOX-SHADOW);cursor:pointer}
|