@inera/ids-design 5.1.2 → 5.2.0

package/themes/reset.css

@@ -21,7 +21,7 @@ body.ids,
 
 body.ids {
   background-color: var(--IDS-COLOR-NEUTRAL-100);
-  color: black;
+  color: var(--IDS-COLOR-NEUTRAL-20);
   font-family: var(--font-family_1);
   font-size: 1rem;
   min-height: 100%;

package/components/description-list/description-list-lit.js

@@ -1,7 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-description-list{border:var(--IDS-DESCRIPTION-LIST__BORDER);border-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);display:var(--IDS-DESCRIPTION-LIST__DISPLAY);flex-direction:column;grid-template-columns:40% 60%;margin:0;padding:0;width:100%}.ids-description-list .ids-description-list__term{background-color:var(--IDS-DESCRIPTION-LIST-TERM__BACKGROUND-COLOR);border-bottom:var(--IDS-DESCRIPTION-LIST__BORDER);border-right:var(--IDS-DESCRIPTION-LIST__BORDER);color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--font-family_1);font-size:16px;font-style:normal;font-weight:700;line-height:24px;overflow-wrap:break-word;padding:var(--IDS-DESCRIPTION-LIST-TERM__PADDING)}.ids-description-list .ids-description-list__term:first-child{border-top-left-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS)}.ids-description-list .ids-description-list__term:nth-last-child(2){border-bottom:0;border-bottom-left-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS)}.ids-description-list .ids-description-list__description{border-bottom:var(--IDS-DESCRIPTION-LIST__BORDER);color:var(--IDS-COLOR-NEUTRAL-20);margin-bottom:var(--IDS-DESCRIPTION-LIST-DESCRIPTION__MARGIN-BOTTOM);padding:var(--IDS-DESCRIPTION-LIST-DESCRIPTION__PADDING)}.ids-description-list .ids-description-list__description:first-child{border-top-right-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS)}.ids-description-list .ids-description-list__description:last-child{border-bottom:0;border-bottom-left-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS)}.ids-description-list.ids-description-list--column{border:var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);border-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);display:var(--IDS-DESCRIPTION-LIST__DISPLAY--COLUMN)}.ids-description-list.ids-description-list--column .ids-description-list__term{background-color:var(--IDS-DESCRIPTION-LIST-TERM__BACKGROUND-COLOR--COLUMN);border-bottom:var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);border-right:var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);padding:var(--IDS-DESCRIPTION-LIST-TERM__PADDING--COLUMN)}.ids-description-list.ids-description-list--column .ids-description-list__term:first-child{border-top-left-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN)}.ids-description-list.ids-description-list--column .ids-description-list__term:nth-last-child(2){border-bottom:0;border-bottom-left-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN)}.ids-description-list.ids-description-list--column .ids-description-list__description{border-bottom:var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);margin-bottom:var(--IDS-DESCRIPTION-LIST-DESCRIPTION__MARGIN-BOTTOM--COLUMN);padding:var(--IDS-DESCRIPTION-LIST-DESCRIPTION__PADDING--COLUMN)}.ids-description-list.ids-description-list--column .ids-description-list__description:first-child{border-top-right-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN)}.ids-description-list.ids-description-list--column .ids-description-list__description:last-child{border-bottom:0;border-bottom-left-radius:var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN)}@media only screen and (min-width:640px){.ids-description-list{grid-template-columns:25% 75%}}";
-
-var descriptionListLit = css`${unsafeCSS(css_248z)}`;
-
-export { descriptionListLit as default };

package/components/description-list/description-list.css

@@ -1,98 +0,0 @@
-@media (max-width: 1023px) {
-  .ids-desktop {
-    display: none !important;
-  }
-}
-
-@media (min-width: 1024px) {
-  .ids-mobile {
-    display: none !important;
-  }
-}
-
-/* 1177 Typography - no margins */
-/*******
-* FORM
-********/
-/*******
-* Accessibility
-********/
-/* headings */
-.ids-description-list {
-  margin: 0;
-  padding: 0;
-  width: 100%;
-  border: var(--IDS-DESCRIPTION-LIST__BORDER);
-  border-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
-  display: var(--IDS-DESCRIPTION-LIST__DISPLAY);
-  flex-direction: column;
-  grid-template-columns: 40% 60%;
-}
-.ids-description-list .ids-description-list__term {
-  border-right: var(--IDS-DESCRIPTION-LIST__BORDER);
-  border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER);
-  padding: var(--IDS-DESCRIPTION-LIST-TERM__PADDING);
-  background-color: var(--IDS-DESCRIPTION-LIST-TERM__BACKGROUND-COLOR);
-  color: var(--IDS-COLOR-NEUTRAL-20);
-  font-family: var(--font-family_1);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: 24px;
-  overflow-wrap: break-word;
-}
-.ids-description-list .ids-description-list__term:first-child {
-  border-top-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
-}
-.ids-description-list .ids-description-list__term:nth-last-child(2) {
-  border-bottom: 0;
-  border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
-}
-.ids-description-list .ids-description-list__description {
-  color: var(--IDS-COLOR-NEUTRAL-20);
-  border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER);
-  padding: var(--IDS-DESCRIPTION-LIST-DESCRIPTION__PADDING);
-  margin-bottom: var(--IDS-DESCRIPTION-LIST-DESCRIPTION__MARGIN-BOTTOM);
-}
-.ids-description-list .ids-description-list__description:first-child {
-  border-top-right-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
-}
-.ids-description-list .ids-description-list__description:last-child {
-  border-bottom: 0;
-  border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS);
-}
-.ids-description-list.ids-description-list--column {
-  border: var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);
-  border-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);
-  display: var(--IDS-DESCRIPTION-LIST__DISPLAY--COLUMN);
-}
-.ids-description-list.ids-description-list--column .ids-description-list__term {
-  border-right: var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);
-  border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);
-  padding: var(--IDS-DESCRIPTION-LIST-TERM__PADDING--COLUMN);
-  background-color: var(--IDS-DESCRIPTION-LIST-TERM__BACKGROUND-COLOR--COLUMN);
-}
-.ids-description-list.ids-description-list--column .ids-description-list__term:first-child {
-  border-top-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);
-}
-.ids-description-list.ids-description-list--column .ids-description-list__term:nth-last-child(2) {
-  border-bottom: 0;
-  border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);
-}
-.ids-description-list.ids-description-list--column .ids-description-list__description {
-  border-bottom: var(--IDS-DESCRIPTION-LIST__BORDER--COLUMN);
-  padding: var(--IDS-DESCRIPTION-LIST-DESCRIPTION__PADDING--COLUMN);
-  margin-bottom: var(--IDS-DESCRIPTION-LIST-DESCRIPTION__MARGIN-BOTTOM--COLUMN);
-}
-.ids-description-list.ids-description-list--column .ids-description-list__description:first-child {
-  border-top-right-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);
-}
-.ids-description-list.ids-description-list--column .ids-description-list__description:last-child {
-  border-bottom: 0;
-  border-bottom-left-radius: var(--IDS-DESCRIPTION-LIST__BORDER-RADIUS--COLUMN);
-}
-@media only screen and (min-width: 640px) {
-  .ids-description-list {
-    grid-template-columns: 25% 75%;
-  }
-}

package/components/form/toggle/toggle-lit.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/components/form/toggle/toggle-lit.js

@@ -1,7 +0,0 @@
-import { css, unsafeCSS } from 'lit';
-
-var css_248z = ".ids-label-wrapper,.ids-toggle-wrapper{align-items:center;display:inline-flex;gap:10px}.ids-toggle-wrapper .ids-toggle-control{border-radius:100px;display:inline-flex;height:30px;position:relative;width:60px}.ids-toggle-wrapper .ids-toggle-control:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-toggle-wrapper .ids-toggle-control ::slotted(input),.ids-toggle-wrapper .ids-toggle-control input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:1}.ids-toggle-wrapper .ids-toggle-control.ids-toggle-control--disabled ::slotted(input),.ids-toggle-wrapper .ids-toggle-control.ids-toggle-control--disabled input{cursor:default}.ids-toggle-wrapper .ids-toggle-control.ids-toggle-control--disabled.ids-toggle-control--checked .ids-toggle-control-knob{-webkit-transform:translateX(28px);-ms-transform:translateX(28px);transform:translateX(28px)}.ids-toggle-wrapper .ids-toggle-control.ids-toggle-control--disabled.ids-toggle-control--checked:hover{cursor:default}.ids-toggle-wrapper .ids-toggle-control.ids-toggle-control--disabled .ids-toggle-control-slider{background-color:var(--IDS-TOGGLE--DISABLED__BACKGROUND-COLOR)!important;border:var(--IDS-TOGGLE-SLIDER--DISABLED__BORDER)}.ids-toggle-wrapper .ids-toggle-control.ids-toggle-control--disabled .ids-toggle-control-knob{background-color:var(--IDS-TOGGLE-KNOB--DISABLED__BACKGROUND-COLOR);bottom:2px}.ids-toggle-wrapper .ids-toggle-control .ids-toggle-control-slider{background-color:#ccc;background-color:var(--IDS-TOGGLE__BACKGROUND-COLOR);border-radius:100px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;-webkit-transition:.4s;transition:.4s}.ids-toggle-wrapper .ids-toggle-control .ids-toggle-control-knob{align-items:center;background-color:#fff;border-radius:100px;bottom:3px;content:\"\";display:flex;height:24px;justify-content:center;left:3px;max-height:24px;max-width:24px;position:absolute;-webkit-transition:.3s;transition:all .3s;width:24px}.ids-toggle-wrapper .ids-toggle-control .ids-toggle-control-knob .ids-icon{right:auto;top:auto;transform:none}.ids-toggle-wrapper .ids-toggle-control .ids-toggle-control-knob .ids-toggle-control-know--inactive{display:block}.ids-toggle-wrapper .ids-toggle-control .ids-toggle-control-knob .ids-toggle-control-know--active{display:none}.ids-toggle-wrapper .ids-label,.ids-toggle-wrapper .ids-toggle-label,.ids-toggle-wrapper ::slotted(.ids-label),.ids-toggle-wrapper label{cursor:pointer}.ids-toggle-wrapper .ids-label.ids-label--disabled,.ids-toggle-wrapper .ids-toggle-label.ids-toggle-label--disabled,.ids-toggle-wrapper ::slotted(.ids-label.ids-label--disabled){cursor:default}.ids-toggle-control input:checked+.ids-toggle-control-slider{background-color:var(--IDS-TOGGLE--ACTIVE__BACKGROUND-COLOR)}.ids-toggle-control input:checked+.ids-toggle-control-slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.ids-toggle-control input:checked+.ids-toggle-control-slider .ids-toggle-control-knob{-webkit-transform:translateX(29px);-ms-transform:translateX(29px);transform:translateX(29px)}.ids-toggle-control input:checked+.ids-toggle-control-slider .ids-toggle-control-knob .ids-toggle-control-know--inactive{display:none}.ids-toggle-control input:checked+.ids-toggle-control-slider .ids-toggle-control-knob .ids-toggle-control-know--active{display:block}.ids-toggle-control.ids-toggle-control--checked .ids-toggle-control-knob,.ids-toggle-control.ids-toggle-control--checked input:checked+.ids-toggle-control-knob{-webkit-transform:translateX(29px);-ms-transform:translateX(29px);transform:translateX(29px)}.ids-toggle-control.ids-toggle-control--checked .ids-toggle-control-knob .ids-toggle-control-know--inactive,.ids-toggle-control.ids-toggle-control--checked input:checked+.ids-toggle-control-knob .ids-toggle-control-know--inactive{display:none}.ids-toggle-control.ids-toggle-control--checked .ids-toggle-control-knob .ids-toggle-control-know--active,.ids-toggle-control.ids-toggle-control--checked input:checked+.ids-toggle-control-knob .ids-toggle-control-know--active{display:block}.ids-toggle-control.ids-toggle-control--checked .ids-toggle-control-slider{background-color:var(--IDS-TOGGLE--ACTIVE__BACKGROUND-COLOR)}.ids-toggle-control.ids-toggle-control--checked .ids-toggle-control-slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}";
-
-var toggleLit = css`${unsafeCSS(css_248z)}`;
-
-export { toggleLit as default };

package/components/form/toggle/toggle.css

@@ -1,154 +0,0 @@
-/* 1177 Typography - no margins */
-/*******
-* FORM
-********/
-.ids-label-wrapper {
-  display: inline-flex;
-  gap: 10px;
-  align-items: center;
-}
-
-/*******
-* Accessibility
-********/
-/* headings */
-.ids-toggle-wrapper {
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-}
-.ids-toggle-wrapper .ids-toggle-control {
-  display: inline-flex;
-  width: 60px;
-  height: 30px;
-  border-radius: 100px;
-  position: relative;
-}
-.ids-toggle-wrapper .ids-toggle-control:focus-within {
-  outline: var(--focus_outline);
-  outline-offset: var(--focus_outline-offset);
-}
-.ids-toggle-wrapper .ids-toggle-control ::slotted(input),
-.ids-toggle-wrapper .ids-toggle-control input {
-  position: absolute;
-  cursor: pointer;
-  opacity: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-}
-.ids-toggle-wrapper .ids-toggle-control.ids-toggle-control--disabled ::slotted(input),
-.ids-toggle-wrapper .ids-toggle-control.ids-toggle-control--disabled input {
-  cursor: default;
-}
-.ids-toggle-wrapper .ids-toggle-control.ids-toggle-control--disabled.ids-toggle-control--checked .ids-toggle-control-knob {
-  -webkit-transform: translateX(28px);
-  -ms-transform: translateX(28px);
-  transform: translateX(28px);
-}
-.ids-toggle-wrapper .ids-toggle-control.ids-toggle-control--disabled.ids-toggle-control--checked:hover {
-  cursor: default;
-}
-.ids-toggle-wrapper .ids-toggle-control.ids-toggle-control--disabled .ids-toggle-control-slider {
-  background-color: var(--IDS-TOGGLE--DISABLED__BACKGROUND-COLOR) !important;
-  border: var(--IDS-TOGGLE-SLIDER--DISABLED__BORDER);
-}
-.ids-toggle-wrapper .ids-toggle-control.ids-toggle-control--disabled .ids-toggle-control-knob {
-  background-color: var(--IDS-TOGGLE-KNOB--DISABLED__BACKGROUND-COLOR);
-  bottom: 2px;
-}
-.ids-toggle-wrapper .ids-toggle-control .ids-toggle-control-slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  border-radius: 100px;
-  background-color: #ccc;
-  background-color: var(--IDS-TOGGLE__BACKGROUND-COLOR);
-  -webkit-transition: 0.4s;
-  transition: 0.4s;
-}
-.ids-toggle-wrapper .ids-toggle-control .ids-toggle-control-knob {
-  position: absolute;
-  content: "";
-  max-height: 24px;
-  max-width: 24px;
-  height: 24px;
-  width: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  left: 3px;
-  bottom: 3px;
-  border-radius: 100px;
-  background-color: white;
-  -webkit-transition: 0.3s;
-  transition: all 0.3s;
-}
-.ids-toggle-wrapper .ids-toggle-control .ids-toggle-control-knob .ids-icon {
-  right: auto;
-  top: auto;
-  transform: none;
-}
-.ids-toggle-wrapper .ids-toggle-control .ids-toggle-control-knob .ids-toggle-control-know--inactive {
-  display: block;
-}
-.ids-toggle-wrapper .ids-toggle-control .ids-toggle-control-knob .ids-toggle-control-know--active {
-  display: none;
-}
-.ids-toggle-wrapper .ids-label,
-.ids-toggle-wrapper label,
-.ids-toggle-wrapper .ids-toggle-label,
-.ids-toggle-wrapper ::slotted(.ids-label) {
-  cursor: pointer;
-}
-.ids-toggle-wrapper .ids-label.ids-label--disabled,
-.ids-toggle-wrapper .ids-toggle-label.ids-toggle-label--disabled,
-.ids-toggle-wrapper ::slotted(.ids-label.ids-label--disabled) {
-  cursor: default;
-}
-
-/* The slider */
-.ids-toggle-control input:checked + .ids-toggle-control-slider {
-  background-color: var(--IDS-TOGGLE--ACTIVE__BACKGROUND-COLOR);
-}
-.ids-toggle-control input:checked + .ids-toggle-control-slider:before {
-  -webkit-transform: translateX(26px);
-  -ms-transform: translateX(26px);
-  transform: translateX(26px);
-}
-.ids-toggle-control input:checked + .ids-toggle-control-slider .ids-toggle-control-knob {
-  -webkit-transform: translateX(29px);
-  -ms-transform: translateX(29px);
-  transform: translateX(29px);
-}
-.ids-toggle-control input:checked + .ids-toggle-control-slider .ids-toggle-control-knob .ids-toggle-control-know--inactive {
-  display: none;
-}
-.ids-toggle-control input:checked + .ids-toggle-control-slider .ids-toggle-control-knob .ids-toggle-control-know--active {
-  display: block;
-}
-.ids-toggle-control.ids-toggle-control--checked input:checked + .ids-toggle-control-knob,
-.ids-toggle-control.ids-toggle-control--checked .ids-toggle-control-knob {
-  -webkit-transform: translateX(29px);
-  -ms-transform: translateX(29px);
-  transform: translateX(29px);
-}
-.ids-toggle-control.ids-toggle-control--checked input:checked + .ids-toggle-control-knob .ids-toggle-control-know--inactive,
-.ids-toggle-control.ids-toggle-control--checked .ids-toggle-control-knob .ids-toggle-control-know--inactive {
-  display: none;
-}
-.ids-toggle-control.ids-toggle-control--checked input:checked + .ids-toggle-control-knob .ids-toggle-control-know--active,
-.ids-toggle-control.ids-toggle-control--checked .ids-toggle-control-knob .ids-toggle-control-know--active {
-  display: block;
-}
-.ids-toggle-control.ids-toggle-control--checked .ids-toggle-control-slider {
-  background-color: var(--IDS-TOGGLE--ACTIVE__BACKGROUND-COLOR);
-}
-.ids-toggle-control.ids-toggle-control--checked .ids-toggle-control-slider:before {
-  -webkit-transform: translateX(26px);
-  -ms-transform: translateX(26px);
-  transform: translateX(26px);
-}