@inera/ids-design 4.4.3 → 4.4.4
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-list{border-top:1px solid var(--list_border);display:flex;flex-direction:column}.ids-list-item{border-bottom:1px solid var(--list_border);color:var(--list_color)!important;display:flex;gap:20px;padding:20px 0;position:relative}.ids-list-item.ids-list-item--interactive:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive:hover{cursor:pointer}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__header{color:var(--link-colorpreset-1-hover_color)!important;text-decoration:underline!important}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive .ids-list-item__header,.ids-list-item.ids-list-item--interactive ::slotted(ids-link){outline:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover{color:var(--link-colorpreset-1-hover_color)!important;text-decoration:underline!important}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon{display:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon--hover{display:flex}.ids-list-item .ids-list-item__header,.ids-list-item ::slotted([slot=headline]),.ids-list-item ::slotted(ids-link){align-items:center;color:var(--link-colorpreset-1_color);display:flex;font-family:Inter!important;font-size:1.25rem!important;font-style:normal!important;font-weight:700!important;line-height:28px!important;margin-bottom:0;margin-top:0;text-decoration:none}.ids-list-item .ids-list-item__body{margin-top:15px}.ids-list-item .ids-list-item__icon--hover{display:none}.ids-list-item ::slotted([slot=interactive]){bottom:0!important;left:0!important;opacity:0!important;position:absolute!important;right:0!important;top:0!important}.ids-list-item .ids-icon,.ids-list-item .ids-list-item__icon,.ids-list-item .ids-list-item__icon--hover{margin-right:10px}.ids-list-item .ids-list-item__date{font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:1px;line-height:19px;text-transform:uppercase}.ids-list-item .date-label-col{padding-right:20px}.ids-list-item__info{color:var(--list-item-info_color);display:block;font-family:Open Sans;font-size:1rem;font-style:italic;font-weight:400;margin-bottom:10px;margin-top:10px}";
|
|
3
|
+
var css_248z = ".ids-list{border-top:1px solid var(--list_border);display:flex;flex-direction:column}.ids-list-item{border-bottom:1px solid var(--list_border);color:var(--list_color)!important;display:flex;gap:20px;padding:20px 0;position:relative}.ids-list-item.ids-list-item--interactive:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive:hover{cursor:pointer}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__header{color:var(--link-colorpreset-1-hover_color)!important;text-decoration:underline!important}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive .ids-list-item__header,.ids-list-item.ids-list-item--interactive ::slotted(ids-link){outline:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover{color:var(--link-colorpreset-1-hover_color)!important;text-decoration:underline!important}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon{display:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon--hover{display:flex}.ids-list-item .ids-list-item__header,.ids-list-item ::slotted([slot=headline]),.ids-list-item ::slotted(ids-link){align-items:center!important;color:var(--link-colorpreset-1_color)!important;display:flex!important;font-family:Inter!important;font-size:1.25rem!important;font-style:normal!important;font-weight:700!important;line-height:28px!important;margin-bottom:0!important;margin-top:0!important;text-decoration:none}.ids-list-item .ids-list-item__body{margin-top:15px}.ids-list-item .ids-list-item__icon--hover{display:none}.ids-list-item ::slotted([slot=interactive]){bottom:0!important;left:0!important;opacity:0!important;position:absolute!important;right:0!important;top:0!important}.ids-list-item .ids-icon,.ids-list-item .ids-list-item__icon,.ids-list-item .ids-list-item__icon--hover{margin-right:10px}.ids-list-item .ids-list-item__date{font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:1px;line-height:19px;text-transform:uppercase}.ids-list-item .date-label-col{padding-right:20px}.ids-list-item__info{color:var(--list-item-info_color);display:block;font-family:Open Sans;font-size:1rem;font-style:italic;font-weight:400;margin-bottom:10px;margin-top:10px}";
|
|
4
4
|
|
|
5
5
|
var listLit = css`${unsafeCSS(css_248z)}`;
|
|
6
6
|
|
package/components/list/list.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ids-list{border-top:1px solid var(--list_border);display:flex;flex-direction:column}.ids-list-item{padding:20px 0px;display:flex;gap:20px;border-bottom:1px solid var(--list_border);position:relative;color:var(--list_color) !important}.ids-list-item.ids-list-item--interactive:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive:hover{cursor:pointer}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__header{color:var(--link-colorpreset-1-hover_color) !important;text-decoration:underline !important}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive .ids-list-item__header,.ids-list-item.ids-list-item--interactive ::slotted(ids-link){outline:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover{color:var(--link-colorpreset-1-hover_color) !important;text-decoration:underline !important}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon{display:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon--hover{display:flex}.ids-list-item .ids-list-item__header,.ids-list-item ::slotted(ids-link),.ids-list-item ::slotted([slot=headline]){display:flex;align-items:center;margin-bottom:0px;text-decoration:none;font-family:'Inter' !important;font-style:normal !important;font-weight:700 !important;font-size:1.25rem !important;line-height:28px !important;color:var(--link-colorpreset-1_color);margin-top:0px}.ids-list-item .ids-list-item__body{margin-top:15px}.ids-list-item .ids-list-item__icon--hover{display:none}.ids-list-item ::slotted([slot="interactive"]){position:absolute !important;left:0px !important;right:0px !important;top:0px !important;bottom:0px !important;opacity:0 !important}.ids-list-item .ids-list-item__icon,.ids-list-item .ids-list-item__icon--hover,.ids-list-item .ids-icon{margin-right:10px}.ids-list-item .ids-list-item__date{font-family:'Open Sans';font-style:normal;font-weight:400;font-size:0.875rem;line-height:19px;letter-spacing:1px;text-transform:uppercase}.ids-list-item .date-label-col{padding-right:20px}.ids-list-item__info{font-family:'Open Sans';font-style:italic;font-weight:400;font-size:1rem;color:var(--list-item-info_color);display:block;margin-bottom:10px;margin-top:10px}
|
|
1
|
+
.ids-list{border-top:1px solid var(--list_border);display:flex;flex-direction:column}.ids-list-item{padding:20px 0px;display:flex;gap:20px;border-bottom:1px solid var(--list_border);position:relative;color:var(--list_color) !important}.ids-list-item.ids-list-item--interactive:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive:hover{cursor:pointer}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__header{color:var(--link-colorpreset-1-hover_color) !important;text-decoration:underline !important}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive .ids-list-item__header,.ids-list-item.ids-list-item--interactive ::slotted(ids-link){outline:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover{color:var(--link-colorpreset-1-hover_color) !important;text-decoration:underline !important}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon{display:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon--hover{display:flex}.ids-list-item .ids-list-item__header,.ids-list-item ::slotted(ids-link),.ids-list-item ::slotted([slot=headline]){display:flex !important;align-items:center !important;margin-bottom:0px !important;text-decoration:none;font-family:'Inter' !important;font-style:normal !important;font-weight:700 !important;font-size:1.25rem !important;line-height:28px !important;color:var(--link-colorpreset-1_color) !important;margin-top:0px !important}.ids-list-item .ids-list-item__body{margin-top:15px}.ids-list-item .ids-list-item__icon--hover{display:none}.ids-list-item ::slotted([slot="interactive"]){position:absolute !important;left:0px !important;right:0px !important;top:0px !important;bottom:0px !important;opacity:0 !important}.ids-list-item .ids-list-item__icon,.ids-list-item .ids-list-item__icon--hover,.ids-list-item .ids-icon{margin-right:10px}.ids-list-item .ids-list-item__date{font-family:'Open Sans';font-style:normal;font-weight:400;font-size:0.875rem;line-height:19px;letter-spacing:1px;text-transform:uppercase}.ids-list-item .date-label-col{padding-right:20px}.ids-list-item__info{font-family:'Open Sans';font-style:italic;font-weight:400;font-size:1rem;color:var(--list-item-info_color);display:block;margin-bottom:10px;margin-top:10px}
|