ids-enterprise-wc 1.15.9-patch.3 → 1.15.9-patch.4

package/components/ids-hierarchy/ids-hierarchy.css

@@ -1,21 +1,124 @@
-:root {
-  --background: var(--ids-hierarchy-legend-color-background-default);
+.ids-hierarchy-item {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  padding-inline-start: calc(var(--ids-space-xs) * 12);
+}
+@media all and (max-width: 600px) {
+  .ids-hierarchy-item {
+    padding-inline-start: var(--ids-space-none);
+  }
 }
 
-.ids-hierarchy-legend-item {
-  display: flex;
+.leaf {
+  border: var(--ids-space-4xs) solid var(--ids-hierarchy-item-leaf-color-border);
+  margin-block-end: calc(var(--ids-space-xs) * 4);
+  box-shadow: var(--ids-hierarchy-item-leaf-shadow);
+  border-radius: var(--ids-hierarchy-item-border-radius);
+  position: relative;
+  width: 315px;
+}
+.leaf::before {
+  display: block;
+  position: absolute;
+  border-bottom: 1.34px solid var(--ids-hierarchy-item-leaf-before-color-border);
+  border-inline-start: 1.34px solid var(--ids-hierarchy-item-leaf-before-color-border);
+  content: "";
+  height: 112px;
+  inset-inline-start: -30px;
+  top: -70px;
+  width: 50%;
+  z-index: 0;
+}
+
+.leaf-inside {
   align-items: center;
-  margin-inline-end: calc(var(--ids-space-xs) * 4);
-  margin-block-end: var(--ids-space-xs);
+  background-color: var(--ids-hierarchy-item-color-background);
+  border-inline-start: var(--ids-hierarchy-item-leaf-inside-border-left);
+  box-shadow: var(--ids-hierarchy-item-leaf-inside-shadow);
+  padding: var(--ids-space-xs) calc(var(--ids-space-xs) * 2);
   position: relative;
+  display: flex;
+  z-index: 1;
 }
-.ids-hierarchy-legend-item::before {
-  border-radius: var(--ids-border-radius-circle);
-  content: " ";
+
+.avatar {
+  flex-shrink: 0;
   display: block;
-  height: calc(var(--ids-space-xs) * 2);
-  width: calc(var(--ids-space-xs) * 2);
-  margin-inline-end: var(--ids-space-xs);
-  background-color: var(--background);
+  height: 55px;
+  width: 55px;
+  border: var(--ids-hierarchy-item-border-default);
+  border-radius: 100%;
+  margin-inline-end: calc(var(--ids-space-xs) * 2);
+  overflow: hidden;
+}
+.avatar ::slotted(img) {
+  max-width: 100%;
+}
+
+:host([root-item]) .leaf::before {
+  display: none;
+}
+:host([root-item]) .ids-hierarchy-item {
+  padding-inline-start: var(--ids-space-none);
+}
+
+@media all and (max-width: 600px) {
+  :host([root-item][expanded]) .leaf::before {
+    border-inline-start: none;
+    display: block;
+  }
+}
+
+:host(:focus) {
+  outline: none;
+  border: none;
+  border-color: var(--ids-color-transparent);
+  box-shadow: var(--ids-hierarchy-item-shadow-focus);
+}
+
+:host([selected]) .leaf {
+  box-shadow: var(--ids-hierarchy-item-selected-leaf-shadow);
+}
+
+div[part=actions] {
+  margin-inline-start: auto;
+  display: flex;
+}
+
+ids-button[part=icon-menu] {
+  margin-inline-end: var(--ids-space-2xs);
+}
+ids-button[part=icon-menu] .ids-icon-button {
+  padding: var(--ids-space-2xs);
+}
+
+ids-button[part=icon-btn] {
+  display: none;
+  cursor: pointer;
+}
+ids-button[part=icon-btn] .ids-icon-button {
+  padding: var(--ids-space-2xs);
+}
+
+:host([expanded]) ids-button[part=icon-btn] ids-icon {
+  transform: rotate(180deg);
+}
+
+.has-nested-items ids-button[part=icon-btn] {
+  display: block;
+}
+
+.sub-level {
+  display: none;
+}
+
+:host([expanded]) .sub-level {
+  display: block;
+}
+
+::slotted([slot=menu]) {
+  position: relative;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtaGllcmFyY2h5Iiwic291cmNlcyI6WyJpZHMtaGllcmFyY2h5LWxlZ2VuZC1pdGVtLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyI6aG9zdCB7XG4gIC0tYmFja2dyb3VuZDogdmFyKC0taWRzLWhpZXJhcmNoeS1sZWdlbmQtY29sb3ItYmFja2dyb3VuZC1kZWZhdWx0KTtcbn1cblxuLmlkcy1oaWVyYXJjaHktbGVnZW5kLWl0ZW0ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4taW5saW5lLWVuZDogY2FsYyh2YXIoLS1pZHMtc3BhY2UteHMpICogNCk7XG4gIG1hcmdpbi1ibG9jay1lbmQ6IHZhcigtLWlkcy1zcGFjZS14cyk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmOjpiZWZvcmUge1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWlkcy1ib3JkZXItcmFkaXVzLWNpcmNsZSk7XG4gICAgY29udGVudDogJyAnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGhlaWdodDogY2FsYyh2YXIoLS1pZHMtc3BhY2UteHMpICogMik7XG4gICAgd2lkdGg6IGNhbGModmFyKC0taWRzLXNwYWNlLXhzKSAqIDIpO1xuICAgIG1hcmdpbi1pbmxpbmUtZW5kOiB2YXIoLS1pZHMtc3BhY2UteHMpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQpO1xuICB9XG59XG4iXX0= */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtaGllcmFyY2h5Iiwic291cmNlcyI6WyJpZHMtaGllcmFyY2h5LWl0ZW0uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFQRjtJQVFJOzs7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUE7RUFDRTs7QUFJSjtFQUNFOzs7QUFPRTtFQURGO0lBRUk7SUFDQTs7OztBQU1SO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7OztBQUlBO0VBQ0U7OztBQUlKO0VBQ0U7RUFDQTs7O0FBR0Y7RUFDRTs7QUFFQTtFQUNFOzs7QUFJSjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTs7O0FBTUE7RUFDRTs7O0FBTUo7RUFDRTs7O0FBSUo7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBSUY7RUFDRSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL3RoZW1lcy9taXhpbnMvaWRzLWNvcmUtbWl4aW5zJyBhcyAqO1xuXG4uaWRzLWhpZXJhcmNoeS1pdGVtIHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmctaW5saW5lLXN0YXJ0OiBjYWxjKHZhcigtLWlkcy1zcGFjZS14cykgKiAxMik7XG5cbiAgQG1lZGlhIGFsbCBhbmQgKG1heC13aWR0aDogJGJyZWFrcG9pbnQtc20pIHtcbiAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0taWRzLXNwYWNlLW5vbmUpO1xuICB9XG59XG5cbi5sZWFmIHtcbiAgYm9yZGVyOiB2YXIoLS1pZHMtc3BhY2UtNHhzKSBzb2xpZCB2YXIoLS1pZHMtaGllcmFyY2h5LWl0ZW0tbGVhZi1jb2xvci1ib3JkZXIpO1xuICBtYXJnaW4tYmxvY2stZW5kOiBjYWxjKHZhcigtLWlkcy1zcGFjZS14cykgKiA0KTtcbiAgYm94LXNoYWRvdzogdmFyKC0taWRzLWhpZXJhcmNoeS1pdGVtLWxlYWYtc2hhZG93KTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taWRzLWhpZXJhcmNoeS1pdGVtLWJvcmRlci1yYWRpdXMpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAzMTVweDtcblxuICAmOjpiZWZvcmUge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3JkZXItYm90dG9tOiAxLjM0cHggc29saWQgdmFyKC0taWRzLWhpZXJhcmNoeS1pdGVtLWxlYWYtYmVmb3JlLWNvbG9yLWJvcmRlcik7XG4gICAgYm9yZGVyLWlubGluZS1zdGFydDogMS4zNHB4IHNvbGlkIHZhcigtLWlkcy1oaWVyYXJjaHktaXRlbS1sZWFmLWJlZm9yZS1jb2xvci1ib3JkZXIpO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGhlaWdodDogMTEycHg7XG4gICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAtMzBweDtcbiAgICB0b3A6IC03MHB4O1xuICAgIHdpZHRoOiA1MCU7XG4gICAgei1pbmRleDogMDtcbiAgfVxufVxuXG4ubGVhZi1pbnNpZGUge1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtaGllcmFyY2h5LWl0ZW0tY29sb3ItYmFja2dyb3VuZCk7XG4gIGJvcmRlci1pbmxpbmUtc3RhcnQ6IHZhcigtLWlkcy1oaWVyYXJjaHktaXRlbS1sZWFmLWluc2lkZS1ib3JkZXItbGVmdCk7XG4gIGJveC1zaGFkb3c6IHZhcigtLWlkcy1oaWVyYXJjaHktaXRlbS1sZWFmLWluc2lkZS1zaGFkb3cpO1xuICBwYWRkaW5nOiB2YXIoLS1pZHMtc3BhY2UteHMpIGNhbGModmFyKC0taWRzLXNwYWNlLXhzKSAqIDIpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHotaW5kZXg6IDE7XG59XG5cbi5hdmF0YXIge1xuICBmbGV4LXNocmluazogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogNTVweDtcbiAgd2lkdGg6IDU1cHg7XG4gIGJvcmRlcjogdmFyKC0taWRzLWhpZXJhcmNoeS1pdGVtLWJvcmRlci1kZWZhdWx0KTtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgbWFyZ2luLWlubGluZS1lbmQ6IGNhbGModmFyKC0taWRzLXNwYWNlLXhzKSAqIDIpO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIDo6c2xvdHRlZChpbWcpIHtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gIH1cbn1cblxuOmhvc3QoW3Jvb3QtaXRlbV0pIHtcbiAgLmxlYWYge1xuICAgICY6OmJlZm9yZSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuXG4gIC5pZHMtaGllcmFyY2h5LWl0ZW0ge1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiB2YXIoLS1pZHMtc3BhY2Utbm9uZSk7XG4gIH1cbn1cblxuOmhvc3QoW3Jvb3QtaXRlbV1bZXhwYW5kZWRdKSB7XG4gIC5sZWFmIHtcbiAgICAmOjpiZWZvcmUge1xuICAgICAgQG1lZGlhIGFsbCBhbmQgKG1heC13aWR0aDogJGJyZWFrcG9pbnQtc20pIHtcbiAgICAgICAgYm9yZGVyLWlubGluZS1zdGFydDogbm9uZTtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbjpob3N0KDpmb2N1cykge1xuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0taWRzLWNvbG9yLXRyYW5zcGFyZW50KTtcbiAgYm94LXNoYWRvdzogdmFyKC0taWRzLWhpZXJhcmNoeS1pdGVtLXNoYWRvdy1mb2N1cyk7XG59XG5cbjpob3N0KFtzZWxlY3RlZF0pIHtcbiAgLmxlYWYge1xuICAgIGJveC1zaGFkb3c6IHZhcigtLWlkcy1oaWVyYXJjaHktaXRlbS1zZWxlY3RlZC1sZWFmLXNoYWRvdyk7XG4gIH1cbn1cblxuZGl2W3BhcnQ9J2FjdGlvbnMnXSB7XG4gIG1hcmdpbi1pbmxpbmUtc3RhcnQ6IGF1dG87XG4gIGRpc3BsYXk6IGZsZXg7XG59XG5cbmlkcy1idXR0b25bcGFydD0naWNvbi1tZW51J10ge1xuICBtYXJnaW4taW5saW5lLWVuZDogdmFyKC0taWRzLXNwYWNlLTJ4cyk7XG5cbiAgLmlkcy1pY29uLWJ1dHRvbiB7XG4gICAgcGFkZGluZzogdmFyKC0taWRzLXNwYWNlLTJ4cyk7XG4gIH1cbn1cblxuaWRzLWJ1dHRvbltwYXJ0PSdpY29uLWJ0biddIHtcbiAgZGlzcGxheTogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIC5pZHMtaWNvbi1idXR0b24ge1xuICAgIHBhZGRpbmc6IHZhcigtLWlkcy1zcGFjZS0yeHMpO1xuICB9XG59XG5cbjpob3N0KFtleHBhbmRlZF0pIHtcbiAgaWRzLWJ1dHRvbltwYXJ0PSdpY29uLWJ0biddIHtcbiAgICBpZHMtaWNvbiB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xuICAgIH1cbiAgfVxufVxuXG4uaGFzLW5lc3RlZC1pdGVtcyB7XG4gIGlkcy1idXR0b25bcGFydD0naWNvbi1idG4nXSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbn1cblxuLnN1Yi1sZXZlbCB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbjpob3N0KFtleHBhbmRlZF0pIC5zdWItbGV2ZWwge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLy8gRm9yIGlkcy1wb3B1cC1tZW51IHRvIGNhbGN1bGF0ZSBpdHMgcG9zaXRpb24gY29ycmVjdGx5XG46OnNsb3R0ZWQoW3Nsb3Q9J21lbnUnXSkge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4iXX0= */

package/components/ids-hyperlink/ids-hyperlink.css

@@ -1,194 +1,21 @@
-/* Ids Hyperlink Component */
-.ids-hyperlink {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  border: 1px solid transparent;
-  border-radius: var(--ids-hyperlink-border-radius);
-  cursor: var(--ids-hyperlink-cursor);
-  display: inline-block;
-  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
-  font-size: var(--ids-hyperlink-font-size);
-  font-weight: var(--ids-hyperlink-font-weight);
-  padding: var(--ids-space-3xs) var(--ids-space-2xs);
-  position: relative;
-  margin-block-start: -3px;
-  margin-inline-start: -4px;
-  /* Ids Typography System */
-}
-.ids-hyperlink.disabled, .ids-hyperlink[disabled] {
-  cursor: var(--ids-cursor-default);
-  pointer-events: none;
-  user-select: none;
-}
-.ids-hyperlink.text-ellipsis {
-  display: block;
-  width: inherit;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.ids-hyperlink:focus {
-  outline: none;
-}
-.ids-hyperlink.bold {
-  font-weight: var(--ids-font-weight-bold);
-}
-.ids-hyperlink.semibold {
-  font-weight: var(--ids-font-weight-semibold);
-}
-.ids-hyperlink.hitbox::after {
-  content: "";
-  display: block;
-  height: var(--ids-size-40);
-  top: 50%;
-  left: 0;
-  position: absolute;
-  transform: translateY(-50%);
-  width: 100%;
-}
-.ids-hyperlink.ids-text-10 {
-  font-size: var(--ids-font-size-3xs);
-  text-transform: var(--ids-font-uppercase);
-}
-.ids-hyperlink.ids-text-12, .ids-hyperlink.ids-text-xs {
-  font-size: var(--ids-font-size-2xs);
-  text-transform: var(--ids-font-uppercase);
-}
-.ids-hyperlink.ids-text-14, .ids-hyperlink.ids-text-sm {
-  font-size: var(--ids-font-size-xs);
-}
-.ids-hyperlink.ids-text-16, .ids-hyperlink.ids-text, .ids-hyperlink.ids-text-base {
-  font-size: var(--ids-font-size-sm);
-}
-.ids-hyperlink.ids-text-20 {
-  font-size: var(--ids-font-size-md);
-}
-.ids-hyperlink.ids-text-24, .ids-hyperlink.ids-text-lg {
-  font-size: var(--ids-font-size-xl);
-}
-.ids-hyperlink.ids-text-28 {
-  font-size: var(--ids-font-size-xl);
-}
-.ids-hyperlink.ids-text-32, .ids-hyperlink.ids-text-xl {
-  font-size: var(--ids-font-size-2xl);
-}
-.ids-hyperlink.ids-text-40 {
-  font-size: var(--ids-font-size-3xl);
-}
-.ids-hyperlink.ids-text-48 {
-  font-size: var(--ids-font-size-4xl);
-}
-.ids-hyperlink.ids-text-60 {
-  font-size: var(--ids-font-size-5xl);
-}
-.ids-hyperlink.ids-text-72 {
-  font-size: var(--ids-font-size-6xl);
-  margin-bottom: 0;
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset) {
-  color: var(--ids-hyperlink-color-text-default);
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset).show-visited-color:visited {
-  color: var(--ids-hyperlink-color-text-visited);
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset):focus {
-  border: 1px solid var(--ids-hyperlink-color-text-default);
-  box-shadow: var(--ids-shadow-focus);
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset):hover:not([disabled]):not(.ids-text-decoration-hover):not(.disabled):not(.color-variant-breadcrumb), .ids-hyperlink:not(.ids-hyperlink-color-unset):active:not([disabled]):not(.ids-text-decoration-hover):not(.disabled):not(.color-variant-breadcrumb) {
-  color: var(--ids-hyperlink-color-text-hover);
-  text-decoration-line: underline;
-  text-decoration-style: solid;
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset).disabled, .ids-hyperlink:not(.ids-hyperlink-color-unset)[disabled] {
-  color: var(--ids-hyperlink-color-text-disabled);
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset).hide-focus:focus {
-  border-color: var(--ids-color-transparent);
-  box-shadow: none;
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb {
-  color: var(--ids-breadcrumb-color-text-default);
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb.disabled, .ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb[disabled] {
-  color: var(--ids-breadcrumb-color-text-disabled);
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb.semibold {
-  color: var(--ids-breadcrumb-color-text-selected);
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb.semibold:hover {
-  color: var(--ids-breadcrumb-color-text-selected);
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-breadcrumb:hover {
-  color: var(--ids-breadcrumb-color-text-hover);
-  text-decoration: underline;
-}
-.ids-hyperlink:not(.ids-hyperlink-color-unset).color-variant-alternate {
-  color: var(--ids-breadcrumb-color-text-emphasis);
-}
-.ids-hyperlink.ids-hyperlink-color-unset:focus {
-  --ids-box-shadowed-color-border: 1px solid var(--ids-hyperlink-color-text-default);
-  --ids-box-shadow: var(--ids-box-shadow-focus);
+/* Ids Link List Component */
+.ids-link-list {
+  list-style: none;
+  margin-top: var(--ids-link-list-top-margin);
 }
 
-.ids-text-decoration-none {
-  text-decoration: none;
-}
-.ids-text-decoration-none:hover {
-  text-decoration: none;
-}
-
-.ids-text-decoration-hover {
-  text-decoration: none;
-}
-.ids-text-decoration-hover:hover {
-  text-decoration: underline;
+::slotted(*) {
+  display: list-item;
+  margin-bottom: var(--ids-link-list-item-margin);
+  font-weight: var(--ids-font-weight-semi-bold);
 }
 
-:host(:not([allow-empty-href=false])) .ids-hyperlink:not(.ids-text-decoration-none):not(.color-variant-breadcrumb):not(.ids-text-decoration-hover) {
-  text-decoration: underline;
-}
-
-::slotted(ids-box:not([height])) {
-  --ids-box-height: var(--ids-hyperlink-box-height);
-}
-
-::slotted(ids-box:not([width])) {
-  --ids-box-width: var(--ids-hyperlink-box-width);
-}
-
-.ids-hyperlink.colspan ::slotted(ids-box:not([width])) {
-  --ids-box-width: var(--ids-hyperlink-box-width-double);
-}
-
-::slotted(ids-box) {
-  text-align: center;
-  --ids-icon-height-default: var(--ids-space-2xl);
-  --ids-icon-width-default: var(--ids-space-2xl);
-  --ids-icon-color-default: var(--ids-hyperlink-box-icon-color-text-default);
-  --ids-box-padding: var(--ids-space-xs);
-}
-
-::slotted(ids-box:hover) {
-  --ids-box-shadowed-color-border: 1px solid var(--ids-hyperlink-box-color-border-default);
-}
-
-::slotted(ids-icon) {
-  --ids-icon-color-default: var(--ids-hyperlink-color-text-default);
-  display: inline;
-  margin-inline-end: var(--ids-space-xs);
-  top: var(--ids-space-2xs);
-}
-
-:host(.disabled) .ids-hyperlink,
-:host([disabled]) .ids-hyperlink {
-  color: var(--ids-hyperlink-color-text-disabled);
-  cursor: var(--ids-cursor-default);
-  pointer-events: none;
-  user-select: none;
+ids-text {
+  color: var(--ids-link-list-title-color-text-default);
+  margin-bottom: var(--ids-link-list-title-bottom-margin);
+  display: block;
 }
-:host(.disabled) .ids-hyperlink ::slotted(ids-icon),
-:host([disabled]) .ids-hyperlink ::slotted(ids-icon) {
-  --ids-icon-color-default: var(--ids-hyperlink-color-text-disabled);
+ids-text:empty {
+  margin-bottom: 0;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtaHlwZXJsaW5rIiwic291cmNlcyI6WyJpZHMtaHlwZXJsaW5rLnNjc3MiLCIuLi8uLi90aGVtZXMvbWl4aW5zL2lkcy1jb3JlLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBR0E7RUNPRTtFQUNBO0VETEE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtBQXdDQTs7QUF0Q0E7RUFFRTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFJRjtFQUNFO0VBQ0E7O0FBR0Y7RUFFRTtFQUNBOztBQUdGO0VBRUU7O0FBR0Y7RUFHRTs7QUFHRjtFQUNFOztBQUdGO0VBRUU7O0FBR0Y7RUFDRTs7QUFHRjtFQUVDOztBQUdEO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUFLRjtFQUNFOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBOztBQUdGO0VBRUU7RUFDQTtFQUNBOztBQUdGO0VBRUU7O0FBR0Y7RUFDRTtFQUNBOztBQU1GO0VBQ0U7O0FBRUE7RUFFRTs7QUFHRjtFQUNFOztBQUVBO0VBQ0U7O0FBSUo7RUFDRTtFQUNBOztBQUlKO0VBQ0U7O0FBSUo7RUFDRTtFQUNBOzs7QUFJSjtFQUNFOztBQUVBO0VBQ0U7OztBQUlKO0VBQ0U7O0FBRUE7RUFDRTs7O0FBS0Y7RUFDRTs7O0FBS0o7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBR0Y7RUFDRTs7O0FBR0Y7RUFDRTtFQUVBO0VBQ0E7RUFDQTtFQUNBOzs7QUFHRjtFQUNFOzs7QUFJRjtFQUNFO0VBRUE7RUFDQTtFQUNBOzs7QUFLQTtBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7QUFBQTtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIEh5cGVybGluayBDb21wb25lbnQgKi9cbkB1c2UgJy4uLy4uL3RoZW1lcy9taXhpbnMvaWRzLWNvcmUtbWl4aW5zJyBhcyBtaXhpbnM7XG5cbi5pZHMtaHlwZXJsaW5rIHtcbiAgQGluY2x1ZGUgbWl4aW5zLmFudGlhbGlhc2VkKCk7XG5cbiAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlkcy1oeXBlcmxpbmstYm9yZGVyLXJhZGl1cyk7XG4gIGN1cnNvcjogdmFyKC0taWRzLWh5cGVybGluay1jdXJzb3IpO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1pZHMtZm9udC1mYW1pbHktZGVmYXVsdCksIHZhcigtLWlkcy1mb250LWZhbWlseS1zeXN0ZW0tc2Fucyk7XG4gIGZvbnQtc2l6ZTogdmFyKC0taWRzLWh5cGVybGluay1mb250LXNpemUpO1xuICBmb250LXdlaWdodDogdmFyKC0taWRzLWh5cGVybGluay1mb250LXdlaWdodCk7XG4gIHBhZGRpbmc6IHZhcigtLWlkcy1zcGFjZS0zeHMpIHZhcigtLWlkcy1zcGFjZS0yeHMpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1hcmdpbi1ibG9jay1zdGFydDogLTNweDtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogLTRweDtcblxuICAmLmRpc2FibGVkLFxuICAmW2Rpc2FibGVkXSB7XG4gICAgY3Vyc29yOiB2YXIoLS1pZHMtY3Vyc29yLWRlZmF1bHQpO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICB9XG5cbiAgJi50ZXh0LWVsbGlwc2lzIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB3aWR0aDogaW5oZXJpdDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJi5ib2xkIHtcbiAgICBmb250LXdlaWdodDogdmFyKC0taWRzLWZvbnQtd2VpZ2h0LWJvbGQpO1xuICB9XG5cbiAgJi5zZW1pYm9sZCB7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLWlkcy1mb250LXdlaWdodC1zZW1pYm9sZCk7XG4gIH1cblxuICAmLmhpdGJveDo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGhlaWdodDogdmFyKC0taWRzLXNpemUtNDApO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuXG4gIC8qIElkcyBUeXBvZ3JhcGh5IFN5c3RlbSAqL1xuICAmLmlkcy10ZXh0LTEwIHtcbiAgICBmb250LXNpemU6IHZhcigtLWlkcy1mb250LXNpemUtM3hzKTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdmFyKC0taWRzLWZvbnQtdXBwZXJjYXNlKTtcbiAgfVxuXG4gICYuaWRzLXRleHQtMTIsXG4gICYuaWRzLXRleHQteHMge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0taWRzLWZvbnQtc2l6ZS0yeHMpO1xuICAgIHRleHQtdHJhbnNmb3JtOiB2YXIoLS1pZHMtZm9udC11cHBlcmNhc2UpO1xuICB9XG5cbiAgJi5pZHMtdGV4dC0xNCxcbiAgJi5pZHMtdGV4dC1zbSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1pZHMtZm9udC1zaXplLXhzKTtcbiAgfVxuXG4gICYuaWRzLXRleHQtMTYsXG4gICYuaWRzLXRleHQsXG4gICYuaWRzLXRleHQtYmFzZSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1pZHMtZm9udC1zaXplLXNtKTtcbiAgfVxuXG4gICYuaWRzLXRleHQtMjAge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0taWRzLWZvbnQtc2l6ZS1tZCk7XG4gIH1cblxuICAmLmlkcy10ZXh0LTI0LFxuICAmLmlkcy10ZXh0LWxnIHtcbiAgICBmb250LXNpemU6IHZhcigtLWlkcy1mb250LXNpemUteGwpO1xuICB9XG5cbiAgJi5pZHMtdGV4dC0yOCB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1pZHMtZm9udC1zaXplLXhsKTtcbiAgfVxuXG4gICYuaWRzLXRleHQtMzIsXG4gICYuaWRzLXRleHQteGwge1xuICAgZm9udC1zaXplOiB2YXIoLS1pZHMtZm9udC1zaXplLTJ4bCk7XG4gIH1cblxuICAmLmlkcy10ZXh0LTQwIHtcbiAgICBmb250LXNpemU6IHZhcigtLWlkcy1mb250LXNpemUtM3hsKTtcbiAgfVxuXG4gICYuaWRzLXRleHQtNDgge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0taWRzLWZvbnQtc2l6ZS00eGwpO1xuICB9XG5cbiAgJi5pZHMtdGV4dC02MCB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1pZHMtZm9udC1zaXplLTV4bCk7XG4gIH1cblxuICAmLmlkcy10ZXh0LTcyIHtcbiAgICBmb250LXNpemU6IHZhcigtLWlkcy1mb250LXNpemUtNnhsKTtcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xuICB9XG5cbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgLy8gVGhlbWUgY29sb3JzIGFyZSBhcHBsaWVkIHdoZW4gYGNvbG9yPVwidW5zZXRcImAgaXMgbm90IHNldFxuICAmOm5vdCguaWRzLWh5cGVybGluay1jb2xvci11bnNldCkge1xuICAgIGNvbG9yOiB2YXIoLS1pZHMtaHlwZXJsaW5rLWNvbG9yLXRleHQtZGVmYXVsdCk7XG5cbiAgICAmLnNob3ctdmlzaXRlZC1jb2xvcjp2aXNpdGVkIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1pZHMtaHlwZXJsaW5rLWNvbG9yLXRleHQtdmlzaXRlZCk7XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1pZHMtaHlwZXJsaW5rLWNvbG9yLXRleHQtZGVmYXVsdCk7XG4gICAgICBib3gtc2hhZG93OiB2YXIoLS1pZHMtc2hhZG93LWZvY3VzKTtcbiAgICB9XG5cbiAgICAmOmhvdmVyOm5vdChbZGlzYWJsZWRdKTpub3QoLmlkcy10ZXh0LWRlY29yYXRpb24taG92ZXIpOm5vdCguZGlzYWJsZWQpOm5vdCguY29sb3ItdmFyaWFudC1icmVhZGNydW1iKSxcbiAgICAmOmFjdGl2ZTpub3QoW2Rpc2FibGVkXSk6bm90KC5pZHMtdGV4dC1kZWNvcmF0aW9uLWhvdmVyKTpub3QoLmRpc2FibGVkKTpub3QoLmNvbG9yLXZhcmlhbnQtYnJlYWRjcnVtYikge1xuICAgICAgY29sb3I6IHZhcigtLWlkcy1oeXBlcmxpbmstY29sb3ItdGV4dC1ob3Zlcik7XG4gICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogdW5kZXJsaW5lO1xuICAgICAgdGV4dC1kZWNvcmF0aW9uLXN0eWxlOiBzb2xpZDtcbiAgICB9XG5cbiAgICAmLmRpc2FibGVkLFxuICAgICZbZGlzYWJsZWRdIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1pZHMtaHlwZXJsaW5rLWNvbG9yLXRleHQtZGlzYWJsZWQpO1xuICAgIH1cblxuICAgICYuaGlkZS1mb2N1czpmb2N1cyB7XG4gICAgICBib3JkZXItY29sb3I6IHZhcigtLWlkcy1jb2xvci10cmFuc3BhcmVudCk7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgIH1cblxuXG4gICAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgICAvLyBDb2xvciBWYXJpYW50c1xuICAgICYuY29sb3ItdmFyaWFudC1icmVhZGNydW1iIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1pZHMtYnJlYWRjcnVtYi1jb2xvci10ZXh0LWRlZmF1bHQpO1xuXG4gICAgICAmLmRpc2FibGVkLFxuICAgICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBjb2xvcjogdmFyKC0taWRzLWJyZWFkY3J1bWItY29sb3ItdGV4dC1kaXNhYmxlZCk7XG4gICAgICB9XG5cbiAgICAgICYuc2VtaWJvbGQge1xuICAgICAgICBjb2xvcjogdmFyKC0taWRzLWJyZWFkY3J1bWItY29sb3ItdGV4dC1zZWxlY3RlZCk7XG5cbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6IHZhcigtLWlkcy1icmVhZGNydW1iLWNvbG9yLXRleHQtc2VsZWN0ZWQpO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKC0taWRzLWJyZWFkY3J1bWItY29sb3ItdGV4dC1ob3Zlcik7XG4gICAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgICAgfVxuICAgIH1cblxuICAgICYuY29sb3ItdmFyaWFudC1hbHRlcm5hdGUge1xuICAgICAgY29sb3I6IHZhcigtLWlkcy1icmVhZGNydW1iLWNvbG9yLXRleHQtZW1waGFzaXMpO1xuICAgIH1cbiAgfVxuXG4gICYuaWRzLWh5cGVybGluay1jb2xvci11bnNldDpmb2N1cyB7XG4gICAgLS1pZHMtYm94LXNoYWRvd2VkLWNvbG9yLWJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWlkcy1oeXBlcmxpbmstY29sb3ItdGV4dC1kZWZhdWx0KTtcbiAgICAtLWlkcy1ib3gtc2hhZG93OiB2YXIoLS1pZHMtYm94LXNoYWRvdy1mb2N1cyk7XG4gIH1cbn1cblxuLmlkcy10ZXh0LWRlY29yYXRpb24tbm9uZSB7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcblxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbn1cblxuLmlkcy10ZXh0LWRlY29yYXRpb24taG92ZXIge1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5cbiAgJjpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIH1cbn1cblxuOmhvc3QoOm5vdChbYWxsb3ctZW1wdHktaHJlZj0nZmFsc2UnXSkpIHtcbiAgLmlkcy1oeXBlcmxpbms6bm90KC5pZHMtdGV4dC1kZWNvcmF0aW9uLW5vbmUpOm5vdCguY29sb3ItdmFyaWFudC1icmVhZGNydW1iKTpub3QoLmlkcy10ZXh0LWRlY29yYXRpb24taG92ZXIpIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgfVxufVxuXG4vLyBCb3ggU3R5bGUgTGlua3Ncbjo6c2xvdHRlZChpZHMtYm94Om5vdChbaGVpZ2h0XSkpIHtcbiAgLS1pZHMtYm94LWhlaWdodDogdmFyKC0taWRzLWh5cGVybGluay1ib3gtaGVpZ2h0KTtcbn1cblxuOjpzbG90dGVkKGlkcy1ib3g6bm90KFt3aWR0aF0pKSB7XG4gIC0taWRzLWJveC13aWR0aDogdmFyKC0taWRzLWh5cGVybGluay1ib3gtd2lkdGgpO1xufVxuXG4uaWRzLWh5cGVybGluay5jb2xzcGFuIDo6c2xvdHRlZChpZHMtYm94Om5vdChbd2lkdGhdKSkge1xuICAtLWlkcy1ib3gtd2lkdGg6IHZhcigtLWlkcy1oeXBlcmxpbmstYm94LXdpZHRoLWRvdWJsZSk7XG59XG5cbjo6c2xvdHRlZChpZHMtYm94KSB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcblxuICAtLWlkcy1pY29uLWhlaWdodC1kZWZhdWx0OiB2YXIoLS1pZHMtc3BhY2UtMnhsKTtcbiAgLS1pZHMtaWNvbi13aWR0aC1kZWZhdWx0OiB2YXIoLS1pZHMtc3BhY2UtMnhsKTtcbiAgLS1pZHMtaWNvbi1jb2xvci1kZWZhdWx0OiB2YXIoLS1pZHMtaHlwZXJsaW5rLWJveC1pY29uLWNvbG9yLXRleHQtZGVmYXVsdCk7XG4gIC0taWRzLWJveC1wYWRkaW5nOiB2YXIoLS1pZHMtc3BhY2UteHMpO1xufVxuXG46OnNsb3R0ZWQoaWRzLWJveDpob3Zlcikge1xuICAtLWlkcy1ib3gtc2hhZG93ZWQtY29sb3ItYm9yZGVyOiAxcHggc29saWQgdmFyKC0taWRzLWh5cGVybGluay1ib3gtY29sb3ItYm9yZGVyLWRlZmF1bHQpO1xufVxuXG4vLyBJY29ucyB3aXRoIHRoZSBsaW5rXG46OnNsb3R0ZWQoaWRzLWljb24pIHtcbiAgLS1pZHMtaWNvbi1jb2xvci1kZWZhdWx0OiB2YXIoLS1pZHMtaHlwZXJsaW5rLWNvbG9yLXRleHQtZGVmYXVsdCk7XG5cbiAgZGlzcGxheTogaW5saW5lO1xuICBtYXJnaW4taW5saW5lLWVuZDogdmFyKC0taWRzLXNwYWNlLXhzKTtcbiAgdG9wOiB2YXIoLS1pZHMtc3BhY2UtMnhzKTtcbn1cblxuOmhvc3QoLmRpc2FibGVkKSxcbjpob3N0KFtkaXNhYmxlZF0pIHtcbiAgLmlkcy1oeXBlcmxpbmsge1xuICAgIGNvbG9yOiB2YXIoLS1pZHMtaHlwZXJsaW5rLWNvbG9yLXRleHQtZGlzYWJsZWQpO1xuICAgIGN1cnNvcjogdmFyKC0taWRzLWN1cnNvci1kZWZhdWx0KTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIDo6c2xvdHRlZChpZHMtaWNvbikge1xuICAgICAgLS1pZHMtaWNvbi1jb2xvci1kZWZhdWx0OiB2YXIoLS1pZHMtaHlwZXJsaW5rLWNvbG9yLXRleHQtZGlzYWJsZWQpO1xuICAgIH1cbiAgfVxufVxuIiwiLy8gQnJlYWtwb2ludHMgLSB0aGlzIGNhbnQgYmUgdG9rZW5zXG4kYnJlYWtwb2ludC14eGw6IDE0NDBweDtcbiRicmVha3BvaW50LXhsOiAxMjgwcHg7XG4kYnJlYWtwb2ludC1sZzogMTAyNHB4O1xuJGJyZWFrcG9pbnQtbWQ6IDg0MHB4O1xuJGJyZWFrcG9pbnQtc206IDYwMHB4O1xuJGJyZWFrcG9pbnQteHM6IDMyMHB4O1xuXG4vLyBTZXRzIFRleHQgQW50aWFsaWFzaW5nXG5AbWl4aW4gYW50aWFsaWFzZWQge1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbn1cblxuLy8gdmVuZG9yIHByZWZpeGVkIHRyYW5zaXRpb25zIGZvciByZWd1bGFyIGF0dHJpYnV0ZXMgKG5vbi12ZW5kb3IgcHJlZml4ZWQpXG5AbWl4aW4gdHJhbnNpdGlvbigkdHJhbnNpdGlvbnMtbGlzdC4uLikge1xuICBAZWFjaCAkcHJlZml4IGluICRwcmVmaXhlcyB7XG4gICAgI3skcHJlZml4fXRyYW5zaXRpb246ICR0cmFuc2l0aW9ucy1saXN0O1xuICB9XG59XG5cbi8vIG1ha2UgdGhlIHRleHQgaW52aXNpYmxlIHZpc3VhbGx5IGJ1dCByZWFkYWJsZSBieSBzY3JlZW4gcmVhZGVyc1xuQG1peGluIGF1ZGlibGUoKSB7XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGhlaWdodDogMDtcbiAgbGluZS1oZWlnaHQ6IDA7XG4gIG1pbi1oZWlnaHQ6IDA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbn1cbiJdfQ== */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtaHlwZXJsaW5rIiwic291cmNlcyI6WyJpZHMtbGluay1saXN0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtFQUNFO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIExpbmsgTGlzdCBDb21wb25lbnQgKi9cbi5pZHMtbGluay1saXN0IHtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luLXRvcDogdmFyKC0taWRzLWxpbmstbGlzdC10b3AtbWFyZ2luKTtcbn1cblxuOjpzbG90dGVkKCopIHtcbiAgZGlzcGxheTogbGlzdC1pdGVtO1xuICBtYXJnaW4tYm90dG9tOiB2YXIoLS1pZHMtbGluay1saXN0LWl0ZW0tbWFyZ2luKTtcbiAgZm9udC13ZWlnaHQ6IHZhcigtLWlkcy1mb250LXdlaWdodC1zZW1pLWJvbGQpO1xufVxuXG5pZHMtdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1pZHMtbGluay1saXN0LXRpdGxlLWNvbG9yLXRleHQtZGVmYXVsdCk7XG4gIG1hcmdpbi1ib3R0b206IHZhcigtLWlkcy1saW5rLWxpc3QtdGl0bGUtYm90dG9tLW1hcmdpbik7XG4gIGRpc3BsYXk6IGJsb2NrO1xuXG4gICY6ZW1wdHkge1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIH1cbn1cbiJdfQ== */

package/components/ids-layout-flex/ids-layout-flex.css

@@ -1,8 +1,71 @@
-/* Ids Scroll Container */
-:root {
-  display: flex;
-  flex-flow: column;
-  height: 100%;
+/* Ids Layout Flex Item Component */
+:host([align-self=auto]),
+.ids-layout-flex-item-align-self-auto {
+  align-self: auto;
+}
+
+:host([align-self=baseline]),
+.ids-layout-flex-item-align-self-baseline {
+  align-self: baseline;
+}
+
+:host([align-self=center]),
+.ids-layout-flex-item-align-self-center {
+  align-self: center;
+}
+
+:host([align-self=stretch]),
+.ids-layout-flex-item-align-self-stretch {
+  align-self: stretch;
+}
+
+:host([align-self=flex-start]),
+.ids-layout-flex-item-align-self-flex-start {
+  align-self: flex-start;
+}
+
+:host([align-self=flex-end]),
+.ids-layout-flex-item-align-self-flex-end {
+  align-self: flex-end;
+}
+
+:host([grow="0"]),
+.ids-layout-flex-item-grow-0 {
+  flex-grow: 0;
+}
+
+:host([grow="1"]),
+.ids-layout-flex-item-grow-1 {
+  flex-grow: 1;
+}
+
+:host([shrink="0"]),
+.ids-layout-flex-item-shrink-0 {
+  flex-shrink: 0;
+}
+
+:host([shrink="1"]),
+.ids-layout-flex-item-shrink-1 {
+  flex-shrink: 1;
+}
+
+:host([overflow=auto]),
+.ids-layout-flex-item-overflow-auto {
   overflow: auto;
 }
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtbGF5b3V0LWZsZXgiLCJzb3VyY2VzIjpbImlkcy1zY3JvbGwtY29udGFpbmVyLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIFNjcm9sbCBDb250YWluZXIgKi9cbjpob3N0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1mbG93OiBjb2x1bW47XG4gIGhlaWdodDogMTAwJTtcbiAgb3ZlcmZsb3c6IGF1dG87XG59XG4iXX0= */
+
+:host([overflow=hidden]),
+.ids-layout-flex-item-overflow-hidden {
+  overflow: hidden;
+}
+
+:host([overflow=visible]),
+.ids-layout-flex-item-overflow-visible {
+  overflow: visible;
+}
+
+:host([overflow=scroll]),
+.ids-layout-flex-item-overflow-scroll {
+  overflow: scroll;
+}
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2J1aWxkcy9pbmZvci1kZXNpZ24vZW50ZXJwcmlzZS13Yy9zcmMvY29tcG9uZW50cy9pZHMtbGF5b3V0LWZsZXgiLCJzb3VyY2VzIjpbImlkcy1sYXlvdXQtZmxleC1pdGVtLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFNRTtBQUFBO0VBRUUsWUFMYzs7O0FBR2hCO0FBQUE7RUFFRSxZQUxjOzs7QUFHaEI7QUFBQTtFQUVFLFlBTGM7OztBQUdoQjtBQUFBO0VBRUUsWUFMYzs7O0FBR2hCO0FBQUE7RUFFRSxZQUxjOzs7QUFHaEI7QUFBQTtFQUVFLFlBTGM7OztBQWFoQjtBQUFBO0VBRUUsV0FMYTs7O0FBR2Y7QUFBQTtFQUVFLFdBTGE7OztBQWFmO0FBQUE7RUFFRSxhQUxlOzs7QUFHakI7QUFBQTtFQUVFLGFBTGU7OztBQWFqQjtBQUFBO0VBRUUsVUFMWTs7O0FBR2Q7QUFBQTtFQUVFLFVBTFk7OztBQUdkO0FBQUE7RUFFRSxVQUxZOzs7QUFHZDtBQUFBO0VBRUUsVUFMWSIsInNvdXJjZXNDb250ZW50IjpbIi8qIElkcyBMYXlvdXQgRmxleCBJdGVtIENvbXBvbmVudCAqL1xuXG4vLyBBbGlnbi1zZWxmXG4kYWxpZ24tc2VsZi1saXN0OiBhdXRvIGJhc2VsaW5lIGNlbnRlciBzdHJldGNoIGZsZXgtc3RhcnQgZmxleC1lbmQ7XG5cbkBlYWNoICRhbGlnbi1zZWxmIGluICRhbGlnbi1zZWxmLWxpc3Qge1xuICA6aG9zdChbYWxpZ24tc2VsZj0nI3skYWxpZ24tc2VsZn0nXSksXG4gIC5pZHMtbGF5b3V0LWZsZXgtaXRlbS1hbGlnbi1zZWxmLSN7JGFsaWduLXNlbGZ9IHtcbiAgICBhbGlnbi1zZWxmOiAkYWxpZ24tc2VsZjtcbiAgfVxufVxuXG4vLyBGbGV4LWdyb3dcbiRmbGV4LWdyb3ctbGlzdDogMCAxO1xuXG5AZWFjaCAkZmxleC1ncm93IGluICRmbGV4LWdyb3ctbGlzdCB7XG4gIDpob3N0KFtncm93PScjeyRmbGV4LWdyb3d9J10pLFxuICAuaWRzLWxheW91dC1mbGV4LWl0ZW0tZ3Jvdy0jeyRmbGV4LWdyb3d9IHtcbiAgICBmbGV4LWdyb3c6ICRmbGV4LWdyb3c7XG4gIH1cbn1cblxuLy8gRmxleC1zaHJpbmtcbiRmbGV4LXNocmluay1saXN0OiAwIDE7XG5cbkBlYWNoICRmbGV4LXNocmluayBpbiAkZmxleC1zaHJpbmstbGlzdCB7XG4gIDpob3N0KFtzaHJpbms9JyN7JGZsZXgtc2hyaW5rfSddKSxcbiAgLmlkcy1sYXlvdXQtZmxleC1pdGVtLXNocmluay0jeyRmbGV4LXNocmlua30ge1xuICAgIGZsZXgtc2hyaW5rOiAkZmxleC1zaHJpbms7XG4gIH1cbn1cblxuLy8gT3ZlcmZsb3dcbiRvdmVyZmxvdy1saXN0OiBhdXRvIGhpZGRlbiB2aXNpYmxlIHNjcm9sbDtcblxuQGVhY2ggJG92ZXJmbG93IGluICRvdmVyZmxvdy1saXN0IHtcbiAgOmhvc3QoW292ZXJmbG93PScjeyRvdmVyZmxvd30nXSksXG4gIC5pZHMtbGF5b3V0LWZsZXgtaXRlbS1vdmVyZmxvdy0jeyRvdmVyZmxvd30ge1xuICAgIG92ZXJmbG93OiAkb3ZlcmZsb3c7XG4gIH1cbn1cbiJdfQ== */