@inera/ids-design 4.9.0 → 4.10.0
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.
- package/components/alert/alert-lit.js +1 -1
- package/components/alert/alert.css +1 -1
- package/components/button-group/button-group-lit.js +1 -1
- package/components/button-group/button-group.css +1 -1
- package/components/card/card-lit.js +1 -1
- package/components/card/card.css +1 -1
- package/components/form/select-multiple/select-multiple-lit.js +1 -1
- package/components/form/select-multiple/select-multiple.css +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".ids-alert .ids-alert__close:focus,.ids-alert .ids-alert__expand:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-alert{background-color:var(--IDS-ALERT--INFO__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--INFO__BORDER-COLOR);border-radius:var(--IDS_BORDER-RADIUS);border-style:solid;border-width:.0625rem;color:var(--IDS-ALERT--INFO__COLOR);column-gap:1rem;display:grid;font-size:1rem;grid-template-columns:30px 1fr;line-height:26px;padding:30px}.ids-alert:has(.ids-alert__button){grid-template-columns:30px 1fr auto}.ids-alert.ids-alert--collapsed{padding:20px 30px}.ids-alert.ids-alert--collapsed .ids-alert__content{display:none}.ids-alert.ids-alert--attention{background-color:var(--IDS-ALERT--ATTENTION__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ATTENTION__BORDER-COLOR)}.ids-alert.ids-alert--success{background-color:var(--IDS-ALERT--SUCCESS__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--SUCCESS__BORDER-COLOR)}.ids-alert.ids-alert--error{background-color:var(--IDS-ALERT--ERROR__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ERROR__BORDER-COLOR)}.ids-alert.ids-alert--compact{grid-template-columns:1fr}.ids-alert.ids-alert--compact:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--compact .ids-alert__button{grid-column:2;grid-row:1}.ids-alert.ids-alert--compact .ids-alert__content{align-items:center;display:flex;grid-column-end:2;grid-column-start:1;grid-row-start:1;margin-top:0}@media (max-width:1024px){.ids-alert.ids-alert--compact .ids-alert__content{display:block}}.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{align-self:start;height:50px;margin-right:10px;max-height:50px;max-width:50px;min-height:50px;min-width:50px;width:50px}@media (max-width:1024px){.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{float:left;height:30px;margin-top:-5px;max-height:30px;max-width:30px;min-height:30px;min-width:30px;width:30px}}.ids-alert.ids-alert--compact .ids-alert__button{flex:0 0 auto;width:auto}.ids-alert.ids-alert--compact .ids-alert__button .ids-alert__expand{float:right}.ids-alert .ids-alert__headline *,.ids-alert .ids-alert__headline ::slotted(*){font-family:var(--IDS-ALERT__HEADLINE__FONT-FAMILY)!important;font-size:1.17rem!important;font-weight:var(--IDS-ALERT__HEADLINE__FONT-WEIGHT)!important;margin:0!important}.ids-alert .ids-alert__button{grid-column:3;grid-row:1}.ids-alert .ids-alert__expand{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert .ids-alert__expand .ids-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.ids-alert .ids-alert__close{background:none;border:none;color:inherit;cursor:pointer;font:inherit;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert .ids-alert__content{grid-column:1/-1;grid-row-start:2;margin-top:.5rem}";
|
|
3
|
+
var css_248z = ".ids-alert .ids-alert__close:focus,.ids-alert .ids-alert__expand:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-alert{background-color:var(--IDS-ALERT--INFO__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--INFO__BORDER-COLOR);border-radius:var(--IDS_BORDER-RADIUS);border-style:solid;border-width:.0625rem;color:var(--IDS-ALERT--INFO__COLOR);column-gap:1rem;display:grid;font-size:1rem;grid-template-columns:30px 1fr;line-height:26px;padding:30px}.ids-alert:has(.ids-alert__button){grid-template-columns:30px 1fr auto}.ids-alert.ids-alert--collapsed{padding:20px 30px}.ids-alert.ids-alert--collapsed .ids-alert__content{display:none}.ids-alert.ids-alert--attention{background-color:var(--IDS-ALERT--ATTENTION__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ATTENTION__BORDER-COLOR)}.ids-alert.ids-alert--success{background-color:var(--IDS-ALERT--SUCCESS__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--SUCCESS__BORDER-COLOR)}.ids-alert.ids-alert--error{background-color:var(--IDS-ALERT--ERROR__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ERROR__BORDER-COLOR)}.ids-alert.ids-alert--compact{grid-template-columns:1fr}.ids-alert.ids-alert--compact:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--compact .ids-alert__button{grid-column:2;grid-row:1}.ids-alert.ids-alert--compact .ids-alert__content{align-items:center;display:flex;grid-column-end:2;grid-column-start:1;grid-row-start:1;margin-top:0}@media (max-width:1024px){.ids-alert.ids-alert--compact .ids-alert__content{display:block}}.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{align-self:start;height:50px;margin-right:10px;max-height:50px;max-width:50px;min-height:50px;min-width:50px;width:50px}@media (max-width:1024px){.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{float:left;height:30px;margin-top:-5px;max-height:30px;max-width:30px;min-height:30px;min-width:30px;width:30px}}.ids-alert.ids-alert--compact .ids-alert__button{flex:0 0 auto;width:auto}.ids-alert.ids-alert--compact .ids-alert__button .ids-alert__expand{float:right}.ids-alert.ids-alert--ribbon{grid-template-columns:1fr;padding:16px!important}.ids-alert.ids-alert--ribbon:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--ribbon .ids-alert__button{grid-column:2;grid-row:1}.ids-alert.ids-alert--ribbon .ids-alert__content{align-items:center;display:flex;grid-column-end:2;grid-column-start:1;grid-row-start:1;margin-top:0}@media (max-width:1024px){.ids-alert.ids-alert--ribbon .ids-alert__content{display:block}}.ids-alert.ids-alert--ribbon .ids-alert__content .ids-alert__content__icon{align-self:start;height:50px;margin-right:10px;max-height:50px;max-width:50px;min-height:50px;min-width:50px;width:50px}@media (max-width:1024px){.ids-alert.ids-alert--ribbon .ids-alert__content .ids-alert__content__icon{float:left;height:30px;margin-top:-5px;max-height:30px;max-width:30px;min-height:30px;min-width:30px;width:30px}}.ids-alert.ids-alert--ribbon .ids-alert__button{flex:0 0 auto;width:auto}.ids-alert.ids-alert--ribbon .ids-alert__button .ids-alert__expand{float:right}@media (max-width:640px){.ids-alert.ids-alert--ribbon{padding:8px 12px!important}}.ids-alert.ids-alert--ribbon .ids-alert__button{height:24px;width:24px}.ids-alert.ids-alert--ribbon .ids-alert__button .ids-alert__close{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.ids-alert.ids-alert--ribbon .ids-alert__content__icon{align-self:center!important;height:24px!important;margin-top:0!important;max-height:24px!important;max-width:24px!important;min-height:24px!important;min-width:24px!important;width:24px!important}.ids-alert .ids-alert__headline *,.ids-alert .ids-alert__headline ::slotted(*){font-family:var(--IDS-ALERT__HEADLINE__FONT-FAMILY)!important;font-size:1.17rem!important;font-weight:var(--IDS-ALERT__HEADLINE__FONT-WEIGHT)!important;margin:0!important}.ids-alert .ids-alert__button{grid-column:3;grid-row:1}.ids-alert .ids-alert__expand{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert .ids-alert__expand .ids-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.ids-alert .ids-alert__close{background:none;border:none;color:inherit;cursor:pointer;font:inherit;min-height:24px;min-width:24px;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-alert .ids-alert__content{grid-column:1/-1;grid-row-start:2;margin-top:.5rem}";
|
|
4
4
|
|
|
5
5
|
var alertLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ids-alert .ids-alert__expand:focus,.ids-alert .ids-alert__close:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-alert{color:var(--IDS-ALERT--INFO__COLOR);background-color:var(--IDS-ALERT--INFO__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--INFO__BORDER-COLOR);padding:30px;border-radius:var(--IDS_BORDER-RADIUS);border-style:solid;border-width:0.0625rem;font-size:1rem;line-height:26px;display:grid;grid-template-columns:30px 1fr;column-gap:1rem}.ids-alert:has(.ids-alert__button){grid-template-columns:30px 1fr auto}.ids-alert.ids-alert--collapsed{padding:20px 30px}.ids-alert.ids-alert--collapsed .ids-alert__content{display:none}.ids-alert.ids-alert--attention{background-color:var(--IDS-ALERT--ATTENTION__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ATTENTION__BORDER-COLOR)}.ids-alert.ids-alert--success{background-color:var(--IDS-ALERT--SUCCESS__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--SUCCESS__BORDER-COLOR)}.ids-alert.ids-alert--error{background-color:var(--IDS-ALERT--ERROR__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ERROR__BORDER-COLOR)}.ids-alert.ids-alert--compact{grid-template-columns:1fr}.ids-alert.ids-alert--compact:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--compact .ids-alert__button{grid-row:1;grid-column:2}.ids-alert.ids-alert--compact .ids-alert__content{grid-row-start:1;grid-column-start:1;grid-column-end:2;margin-top:0rem;display:flex;align-items:center}@media (max-width: 1024px){.ids-alert.ids-alert--compact .ids-alert__content{display:block}}.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{align-self:start;margin-right:10px;width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px}@media (max-width: 1024px){.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{margin-top:-5px;float:left;width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px}}.ids-alert.ids-alert--compact .ids-alert__button{flex:0 0 auto;width:auto}.ids-alert.ids-alert--compact .ids-alert__button .ids-alert__expand{float:right}.ids-alert .ids-alert__headline *,.ids-alert .ids-alert__headline ::slotted(*){margin:0px !important;font-size:1.17rem !important;font-weight:var(--IDS-ALERT__HEADLINE__FONT-WEIGHT) !important;font-family:var(--IDS-ALERT__HEADLINE__FONT-FAMILY) !important}.ids-alert .ids-alert__button{grid-row:1;grid-column:3}.ids-alert .ids-alert__expand{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;display:flex;justify-content:center;align-items:center}.ids-alert .ids-alert__expand .ids-icon{display:flex;width:24px;align-items:center;height:24px;justify-content:center}.ids-alert .ids-alert__close{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}.ids-alert .ids-alert__content{grid-row-start:2;grid-column:1/ -1;margin-top:0.5rem}
|
|
1
|
+
.ids-alert .ids-alert__expand:focus,.ids-alert .ids-alert__close:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-alert{color:var(--IDS-ALERT--INFO__COLOR);background-color:var(--IDS-ALERT--INFO__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--INFO__BORDER-COLOR);padding:30px;border-radius:var(--IDS_BORDER-RADIUS);border-style:solid;border-width:0.0625rem;font-size:1rem;line-height:26px;display:grid;grid-template-columns:30px 1fr;column-gap:1rem}.ids-alert:has(.ids-alert__button){grid-template-columns:30px 1fr auto}.ids-alert.ids-alert--collapsed{padding:20px 30px}.ids-alert.ids-alert--collapsed .ids-alert__content{display:none}.ids-alert.ids-alert--attention{background-color:var(--IDS-ALERT--ATTENTION__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ATTENTION__BORDER-COLOR)}.ids-alert.ids-alert--success{background-color:var(--IDS-ALERT--SUCCESS__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--SUCCESS__BORDER-COLOR)}.ids-alert.ids-alert--error{background-color:var(--IDS-ALERT--ERROR__BACKGROUND-COLOR);border-color:var(--IDS-ALERT--ERROR__BORDER-COLOR)}.ids-alert.ids-alert--compact{grid-template-columns:1fr}.ids-alert.ids-alert--compact:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--compact .ids-alert__button{grid-row:1;grid-column:2}.ids-alert.ids-alert--compact .ids-alert__content{grid-row-start:1;grid-column-start:1;grid-column-end:2;margin-top:0rem;display:flex;align-items:center}@media (max-width: 1024px){.ids-alert.ids-alert--compact .ids-alert__content{display:block}}.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{align-self:start;margin-right:10px;width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px}@media (max-width: 1024px){.ids-alert.ids-alert--compact .ids-alert__content .ids-alert__content__icon{margin-top:-5px;float:left;width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px}}.ids-alert.ids-alert--compact .ids-alert__button{flex:0 0 auto;width:auto}.ids-alert.ids-alert--compact .ids-alert__button .ids-alert__expand{float:right}.ids-alert.ids-alert--ribbon{grid-template-columns:1fr;padding:16px !important}.ids-alert.ids-alert--ribbon:has(.ids-alert__button){grid-template-columns:1fr auto}.ids-alert.ids-alert--ribbon .ids-alert__button{grid-row:1;grid-column:2}.ids-alert.ids-alert--ribbon .ids-alert__content{grid-row-start:1;grid-column-start:1;grid-column-end:2;margin-top:0rem;display:flex;align-items:center}@media (max-width: 1024px){.ids-alert.ids-alert--ribbon .ids-alert__content{display:block}}.ids-alert.ids-alert--ribbon .ids-alert__content .ids-alert__content__icon{align-self:start;margin-right:10px;width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px}@media (max-width: 1024px){.ids-alert.ids-alert--ribbon .ids-alert__content .ids-alert__content__icon{margin-top:-5px;float:left;width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px}}.ids-alert.ids-alert--ribbon .ids-alert__button{flex:0 0 auto;width:auto}.ids-alert.ids-alert--ribbon .ids-alert__button .ids-alert__expand{float:right}@media (max-width: 640px){.ids-alert.ids-alert--ribbon{padding:8px 12px !important}}.ids-alert.ids-alert--ribbon .ids-alert__button{height:24px;width:24px}.ids-alert.ids-alert--ribbon .ids-alert__button .ids-alert__close{height:16px;width:16px;display:flex;align-items:center;justify-content:center}.ids-alert.ids-alert--ribbon .ids-alert__content__icon{align-self:center !important;margin-top:0px !important;width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important;max-width:24px !important;max-height:24px !important}.ids-alert .ids-alert__headline *,.ids-alert .ids-alert__headline ::slotted(*){margin:0px !important;font-size:1.17rem !important;font-weight:var(--IDS-ALERT__HEADLINE__FONT-WEIGHT) !important;font-family:var(--IDS-ALERT__HEADLINE__FONT-FAMILY) !important}.ids-alert .ids-alert__button{grid-row:1;grid-column:3}.ids-alert .ids-alert__expand{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;display:flex;justify-content:center;align-items:center}.ids-alert .ids-alert__expand .ids-icon{display:flex;width:24px;align-items:center;height:24px;justify-content:center}.ids-alert .ids-alert__close{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}.ids-alert .ids-alert__content{grid-row-start:2;grid-column:1/ -1;margin-top:0.5rem}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".ids-button-group{align-items:center;display:flex;flex-direction:row;gap:20px}.ids-button-group.ids-button-group--end{justify-content:end}
|
|
3
|
+
var css_248z = ".ids-button-group{align-items:center;display:flex;flex-direction:row;gap:20px}.ids-button-group.ids-button-group--end{justify-content:end}.ids-button-group.ids-button-group--center{justify-content:center}.ids-button-group.ids-button-group--rtl{direction:rtl}@media (max-width:1024px){.ids-button-group.ids-button-group--break-m:not(.ids-button-group--unresponsive){flex-direction:column;flex-direction:center}}@media (max-width:640px){.ids-button-group.ids-button-group--break-s:not(.ids-button-group--unresponsive){flex-direction:column;flex-direction:center}}";
|
|
4
4
|
|
|
5
5
|
var buttonGroupLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ids-button-group{flex-direction:row;display:flex;align-items:center;gap:20px}.ids-button-group.ids-button-group--end{justify-content:end}
|
|
1
|
+
.ids-button-group{flex-direction:row;display:flex;align-items:center;gap:20px}.ids-button-group.ids-button-group--end{justify-content:end}.ids-button-group.ids-button-group--center{justify-content:center}.ids-button-group.ids-button-group--rtl{direction:rtl}@media (max-width: 1024px){.ids-button-group.ids-button-group--break-m:not(.ids-button-group--unresponsive){flex-direction:column;flex-direction:center}}@media (max-width: 640px){.ids-button-group.ids-button-group--break-s:not(.ids-button-group--unresponsive){flex-direction:column;flex-direction:center}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".ids-card
|
|
3
|
+
var css_248z = ".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);padding:15px 20px;position:relative}.ids-card:not(.ids-card--lean):has(.ids-card__border--1),.ids-card:not(.ids-card--lean):has(.ids-card__border--2){padding-top:19px}.ids-card .ids-card__border--1,.ids-card .ids-card__border--2{border-radius:var(--IDS-CARD__BORDER-RADIUS);display:block;height:20px;left:0;overflow:hidden;position:absolute;top:0;width:100%}.ids-card .ids-card__border--1 div{border-top:var(--IDS-CARD--BORDER__INNER__BORDER-TOP)}.ids-card .ids-card__border--2 div{border-top:var(--IDS-CARD--BORDER-2__INNER__BORDER-TOP)}@media (max-width:1024px){.ids-card.ids-card--hide-on-m{background:none!important;border:none!important;box-shadow:none!important;overflow:visible!important;padding:0!important}}@media (max-width:1024px) and (max-width:1024px){.ids-card.ids-card--hide-on-m .ids-card__border{display:none}}@media (max-width:640px){.ids-card.ids-card--hide-on-s{background:none!important;border:none!important;box-shadow:none!important;overflow:visible!important;padding:0!important}}@media (max-width:640px) and (max-width:1024px){.ids-card.ids-card--hide-on-s .ids-card__border{display:none}}.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{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
|
|
1
|
+
.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);padding:15px 20px;position:relative}.ids-card:not(.ids-card--lean):has(.ids-card__border--1),.ids-card:not(.ids-card--lean):has(.ids-card__border--2){padding-top:19px}.ids-card .ids-card__border--1,.ids-card .ids-card__border--2{position:absolute;overflow:hidden;border-radius:var(--IDS-CARD__BORDER-RADIUS);top:0;width:100%;display:block;height:20px;left:0}.ids-card .ids-card__border--1 div{border-top:var(--IDS-CARD--BORDER__INNER__BORDER-TOP)}.ids-card .ids-card__border--2 div{border-top:var(--IDS-CARD--BORDER-2__INNER__BORDER-TOP)}.ids-card.ids-card--lean{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;border:none !important;padding:0px !important}}@media (max-width: 1024px) and (max-width: 1024px){.ids-card.ids-card--hide-on-m .ids-card__border{display:none}}@media (max-width: 640px){.ids-card.ids-card--hide-on-s{box-shadow:none !important;border:none !important;overflow:visible !important;background:none !important;border:none !important;padding:0px !important}}@media (max-width: 640px) and (max-width: 1024px){.ids-card.ids-card--hide-on-s .ids-card__border{display:none}}.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{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,6 +1,6 @@
|
|
|
1
1
|
import { css, unsafeCSS } from 'lit';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".ids-select:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-select{background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-radius:var(--IDS-INPUT_BORDER-RADIUS);color:var(--IDS-INPUT_COLOR);display:block;font-family:var(--font-family_1)!important;font-size:16px;padding:.75rem 1.25rem}.ids-select:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);border:none}.ids-label-wrapper{align-items:center;display:inline-flex;gap:10px}.ids-select :after,.ids-select-wrapper:after{background-image:var(--IDS-SELECT__CHEVRON-ICON);background-position:50%;background-repeat:no-repeat;bottom:0;content:\"\";display:block;height:100%;pointer-events:none;position:absolute;right:25px;top:0;transform:rotate(90deg);width:12px}.ids-select{-webkit-appearance:none!important;-moz-appearance:none!important;border:var(--select_border);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);display:inline-block!important;overflow:hidden;padding-right:40px;text-overflow:ellipsis;width:100%!important}.ids-select.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);border:none}.ids-select:disabled{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR)!important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);border:var(--IDS-FORM-DISABLED_BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}.ids-select.ids-input--light{background-color:#fff}.ids-select-wrapper{position:relative}.ids-select-wrapper:has(.ids-input--invalid):after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}.ids-select-wrapper:has(.ids-select:disabled):after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}.ids-select{text-align:left}.ids-select-multiple__dropdown__wrapper{position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background:#fff;border-radius:var(--select-multiple-dropdown_border-radius);box-shadow:0 0 6px rgba(0,0,0,.3);left:0;
|
|
3
|
+
var css_248z = ".ids-select:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-select{background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-radius:var(--IDS-INPUT_BORDER-RADIUS);color:var(--IDS-INPUT_COLOR);display:block;font-family:var(--font-family_1)!important;font-size:16px;padding:.75rem 1.25rem}.ids-select:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE);border:none}.ids-label-wrapper{align-items:center;display:inline-flex;gap:10px}.ids-select :after,.ids-select-wrapper:after{background-image:var(--IDS-SELECT__CHEVRON-ICON);background-position:50%;background-repeat:no-repeat;bottom:0;content:\"\";display:block;height:100%;pointer-events:none;position:absolute;right:25px;top:0;transform:rotate(90deg);width:12px}.ids-select{-webkit-appearance:none!important;-moz-appearance:none!important;border:var(--select_border);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);display:inline-block!important;overflow:hidden;padding-right:40px;text-overflow:ellipsis;width:100%!important}.ids-select.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);border:none}.ids-select:disabled{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR)!important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);border:var(--IDS-FORM-DISABLED_BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}.ids-select.ids-input--light{background-color:#fff}.ids-select-wrapper{position:relative}.ids-select-wrapper:has(.ids-input--invalid):after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}.ids-select-wrapper:has(.ids-select:disabled):after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}.ids-select{text-align:left}.ids-select-multiple__dropdown__wrapper{position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background:#fff;border-radius:var(--select-multiple-dropdown_border-radius);box-shadow:0 0 6px rgba(0,0,0,.3);left:0;position:absolute;right:0;z-index:10}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--hide{display:none}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{overflow-y:auto;padding:10px}#ids-label-wrapper{align-items:center;display:inline-flex;gap:10px;margin-bottom:5px}.placeholder{color:var(--IDS-FORM__PLACEHOLDER__COLOR)}label{color:var(--IDS-FORM__LABEL__COLOR);font-family:var(--font-family_1)}:host([disabled]) input{background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR)!important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE);border:var(--IDS-FORM-DISABLED_BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important}";
|
|
4
4
|
|
|
5
5
|
var selectMultipleLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ids-select:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-select{font-family:var(--font-family_1) !important;padding:0.75rem 1.25rem;background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);font-size:16px;color:var(--IDS-INPUT_COLOR);display:block}.ids-select:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE)}.ids-label-wrapper{display:inline-flex;gap:10px;align-items:center}.ids-select ::after,.ids-select-wrapper::after{content:"";width:12px;height:100%;display:block;position:absolute;transform:rotate(90deg);right:25px;top:0px;bottom:0px;background-position:center;background-repeat:no-repeat;background-image:var(--IDS-SELECT__CHEVRON-ICON);pointer-events:none}.ids-select:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-select{font-family:var(--font-family_1) !important;padding:0.75rem 1.25rem;background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);font-size:16px;color:var(--IDS-INPUT_COLOR);display:block}.ids-select:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE)}.ids-label-wrapper{display:inline-flex;gap:10px;align-items:center}.ids-select ::after,.ids-select-wrapper::after{content:"";width:12px;height:100%;display:block;position:absolute;transform:rotate(90deg);right:25px;top:0px;bottom:0px;background-position:center;background-repeat:no-repeat;background-image:var(--IDS-SELECT__CHEVRON-ICON);pointer-events:none}.ids-select{-webkit-appearance:none !important;-moz-appearance:none !important;display:inline-block !important;padding-right:40px;overflow:hidden;text-overflow:ellipsis;border:var(--select_border);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);width:100% !important}.ids-select.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);border:none}.ids-select:disabled{color:var(--IDS-FORM--DISABLED__COLOR);background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;border:var(--IDS-FORM-DISABLED_BORDER);font-style:italic !important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE)}.ids-select.ids-input--light{background-color:white}.ids-select-wrapper{position:relative}.ids-select-wrapper:has(.ids-input--invalid)::after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}.ids-select-wrapper:has(.ids-select:disabled)::after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}.ids-select{text-align:left}.ids-select-multiple__dropdown__wrapper{position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background:#FFFFFF;box-shadow:0px 0px 6px rgba(0,0,0,0.3);border-radius:var(--select-multiple-dropdown_border-radius);
|
|
1
|
+
.ids-select:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-select{font-family:var(--font-family_1) !important;padding:0.75rem 1.25rem;background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);font-size:16px;color:var(--IDS-INPUT_COLOR);display:block}.ids-select:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE)}.ids-label-wrapper{display:inline-flex;gap:10px;align-items:center}.ids-select ::after,.ids-select-wrapper::after{content:"";width:12px;height:100%;display:block;position:absolute;transform:rotate(90deg);right:25px;top:0px;bottom:0px;background-position:center;background-repeat:no-repeat;background-image:var(--IDS-SELECT__CHEVRON-ICON);pointer-events:none}.ids-select:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-select{font-family:var(--font-family_1) !important;padding:0.75rem 1.25rem;background:var(--IDS-INPUT_BACKGROUND);border:var(--IDS-INPUT_BORDER);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);border-radius:var(--IDS-INPUT_BORDER-RADIUS);font-size:16px;color:var(--IDS-INPUT_COLOR);display:block}.ids-select:disabled{background:var(--IDS-INPUT--DISABLED_BACKGROUND-COLOR);border:none;background-image:var(--IDS-INPUT--DISABLED_BACKGROUND-IMAGE)}.ids-label-wrapper{display:inline-flex;gap:10px;align-items:center}.ids-select ::after,.ids-select-wrapper::after{content:"";width:12px;height:100%;display:block;position:absolute;transform:rotate(90deg);right:25px;top:0px;bottom:0px;background-position:center;background-repeat:no-repeat;background-image:var(--IDS-SELECT__CHEVRON-ICON);pointer-events:none}.ids-select{-webkit-appearance:none !important;-moz-appearance:none !important;display:inline-block !important;padding-right:40px;overflow:hidden;text-overflow:ellipsis;border:var(--select_border);border-bottom:var(--IDS-INPUT_BORDER-BOTTOM);width:100% !important}.ids-select.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);background-image:var(--IDS-FORM--INVALID__BACKGROUND-IMAGE);border:none}.ids-select:disabled{color:var(--IDS-FORM--DISABLED__COLOR);background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;border:var(--IDS-FORM-DISABLED_BORDER);font-style:italic !important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE)}.ids-select.ids-input--light{background-color:white}.ids-select-wrapper{position:relative}.ids-select-wrapper:has(.ids-input--invalid)::after{background-image:var(--IDS-SELECT--INVALID__CHEVRON-ICON)}.ids-select-wrapper:has(.ids-select:disabled)::after{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)}.ids-select{text-align:left}.ids-select-multiple__dropdown__wrapper{position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background:#FFFFFF;box-shadow:0px 0px 6px rgba(0,0,0,0.3);border-radius:var(--select-multiple-dropdown_border-radius);position:absolute;z-index:10;left:0;right:0}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--hide{display:none}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{padding:10px;overflow-y:auto}#ids-label-wrapper{display:inline-flex;gap:10px;align-items:center;margin-bottom:5px}.placeholder{color:var(--IDS-FORM__PLACEHOLDER__COLOR)}label{font-family:var(--font-family_1);color:var(--IDS-FORM__LABEL__COLOR)}:host([disabled]) input{color:var(--IDS-FORM--DISABLED__COLOR);background-color:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR) !important;border:var(--IDS-FORM-DISABLED_BORDER);font-style:italic !important;background-image:var(--IDS-FORM--DISABLED__BACKGROUND-IMAGE)}
|