@mgdis/mg-components 5.18.0 → 5.19.0

package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.css

@@ -1,233 +0,0 @@
-/**
- * Common style for MGDIS inputs
- */
-:host {
-  display: block;
-}
-
-.mg-input {
-  display: flex;
-  align-items: flex-start;
-  min-height: var(--default-size);
-  max-width: 100%;
-  margin-bottom: var(--mg-inputs-margin-bottom, 0);
-  /* Label */
-  /* Label-on-top */
-}
-.mg-input mg-input-title {
-  flex-shrink: var(--mg-inputs-shrink, 1);
-  width: var(--mg-inputs-title-width, auto);
-  margin-top: calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);
-  margin-right: var(--mg-inputs-title-horizontal-space, var(--mg-inputs-spacer));
-  text-align: right;
-}
-.mg-input.mg-input--label-on-top {
-  flex-direction: column;
-}
-.mg-input.mg-input--label-on-top .mg-input__input-container {
-  width: 100%;
-}
-
-/* Label-on-top */
-.mg-input__title {
-  display: flex;
-  align-items: baseline;
-  margin-bottom: 0.3rem;
-}
-.mg-input__title mg-input-title {
-  flex-shrink: 1;
-  width: auto;
-  margin-top: 0;
-  margin-right: var(--mg-inputs-spacer);
-  text-align: left;
-}
-.mg-input__title mg-tooltip {
-  margin-top: 0;
-}
-.mg-input__title mg-icon {
-  display: inline-flex;
-  vertical-align: text-bottom;
-}
-
-.mg-input__input-container {
-  min-height: var(--default-size);
-  /* Readonly */
-}
-.mg-input__input-container > strong {
-  display: inline-block;
-  margin-top: calc((var(--default-size) - var(--font-size) * var(--line-height)) / 2);
-  min-height: var(--font-size);
-}
-.mg-input__input-container mg-tooltip {
-  display: inline-flex;
-  width: var(--mg-icon-regular-size);
-  height: var(--mg-icon-regular-size);
-  margin-left: var(--mg-inputs-spacer);
-}
-.mg-input__input-container .mg-input__help-text,
-.mg-input__input-container .mg-input__error {
-  text-align: start;
-  font-size: 1.2rem;
-}
-
-.mg-input__input {
-  display: flex;
-  /* Manage space between input and first message */
-  /* Set custom opacity on disabled input */
-}
-.mg-input__input mg-tooltip {
-  margin-top: calc((var(--default-size) - var(--mg-icon-regular-size)) / 2);
-}
-.mg-input__input.mg-input__input--has-error .mg-input__box {
-  border-color: hsl(var(--color-danger));
-}
-.mg-input__input + .mg-input__help-text, .mg-input__input + .mg-input__error {
-  margin-top: 0.5rem;
-}
-.mg-input__input .mg-input__box:disabled, .mg-input__input-group--disabled label, .mg-input.mg-input--toggle-disabled .mg-input__input .mg-input__button-toggle, .mg-input.mg-input--checkbox-multi-disabled .mg-input__input strong {
-  opacity: var(--mg-disabled-opacity);
-}
-
-.mg-input__error {
-  display: inline-block;
-  margin-top: 0.2rem;
-  padding: 0.3rem 0.8rem;
-  border-radius: 0.3rem;
-  background: hsl(var(--mg-inputs-error-bg-color));
-  color: hsl(var(--color-danger));
-}
-
-.mg-input__input mg-icon, .mg-input__error mg-icon {
-  display: flex;
-}
-
-/**
- * A11Y
- */
-.sr-only {
-  border: 0 !important;
-  clip: rect(1px, 1px, 1px, 1px) !important;
-  -webkit-clip-path: inset(50%) !important;
-  clip-path: inset(50%) !important;
-  height: 1px !important;
-  margin: -1px !important;
-  overflow: hidden !important;
-  padding: 0 !important;
-  position: absolute !important;
-  width: 1px !important;
-  white-space: nowrap !important;
-}
-
-*:focus:not(:focus-visible) {
-  outline: none;
-}
-
-@media (prefers-reduced-motion) {
-  .mg-a11y-animation {
-    animation: none !important;
-    transition: none !important;
-  }
-}
-/**
-* Toogle
-*/
-.mg-input.mg-input.mg-input--toggle .mg-input__input-container {
-  flex: auto;
-  min-width: 0;
-}
-
-.mg-input__button-toggle {
-  display: flex;
-  padding: 0.2rem;
-  min-width: 0;
-  background-color: hsl(var(--color-light));
-  border-width: var(--mg-inputs-border-width);
-  border-style: solid;
-  border-color: var(--mg-inputs-color);
-  border-radius: calc((var(--font-size) * var(--line-height) + 2 * (0.7rem + var(--mg-inputs-border-width))) / var(--mg-input-toggle-border-radius-ratio));
-  font-family: var(--font-family);
-  font-size: inherit;
-  line-height: inherit;
-  cursor: pointer;
-}
-.mg-input__button-toggle:disabled {
-  cursor: default;
-}
-
-.mg-input__toggle-item-container {
-  padding: 0.5rem 0.9rem;
-  border: 0;
-  box-sizing: border-box;
-  border-radius: calc((var(--font-size) * var(--line-height) + 1rem) / var(--mg-input-toggle-border-radius-ratio));
-  background-color: unset;
-  font-weight: unset;
-  color: hsl(var(--color-dark));
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.mg-input__toggle-item-container:first-of-type {
-  font-weight: 600;
-  color: hsl(var(--color-info));
-  background-color: hsl(var(--color-info-h), calc(var(--color-info-s) - 64%), calc(var(--color-info-l) + 55%));
-}
-
-.mg-input.mg-input--toggle-is-active .mg-input__toggle-item-container:first-of-type {
-  background-color: unset;
-  font-weight: unset;
-  color: hsl(var(--color-dark));
-}
-.mg-input.mg-input--toggle-is-active .mg-input__toggle-item-container:last-of-type {
-  font-weight: 600;
-  color: hsl(var(--color-info));
-  background-color: hsl(var(--color-info-h), calc(var(--color-info-s) - 64%), calc(var(--color-info-l) + 55%));
-}
-
-.mg-input.mg-input--toggle-icon .mg-input__toggle-item-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: calc(var(--font-size) * var(--line-height) + 1rem);
-  height: calc(var(--font-size) * var(--line-height) + 1rem);
-  padding: 0;
-  visibility: hidden;
-}
-.mg-input.mg-input--toggle-icon .mg-input__toggle-item-container:first-of-type {
-  visibility: visible;
-}
-.mg-input.mg-input--toggle-icon .mg-input__toggle-item-container ::slotted(mg-icon) {
-  display: flex;
-}
-
-.mg-input.mg-input--toggle-icon.mg-input--toggle-is-active .mg-input__toggle-item-container:first-of-type {
-  visibility: hidden;
-}
-.mg-input.mg-input--toggle-icon.mg-input--toggle-is-active .mg-input__toggle-item-container:last-of-type {
-  visibility: visible;
-}
-
-.mg-input.mg-input--toggle-on-off .mg-input__toggle-item-container:first-of-type {
-  font-weight: 600;
-  color: hsl(var(--color-dark));
-  background-color: hsl(var(--color-dark-h), calc(var(--color-dark-s) - 30%), calc(var(--color-dark-l) + 75%));
-}
-.mg-input.mg-input--toggle-on-off.mg-input--toggle-is-active .mg-input__toggle-item-container:first-of-type {
-  background-color: unset;
-  font-weight: unset;
-  color: hsl(var(--color-dark));
-}
-
-.mg-input.mg-input--toggle-readonly .mg-input__button-toggle {
-  border-color: transparent;
-  background-color: transparent;
-  cursor: initial;
-}
-.mg-input.mg-input--toggle-readonly .mg-input__toggle-item-container:last-of-type {
-  display: none;
-}
-.mg-input.mg-input--toggle-readonly.mg-input--toggle-is-active .mg-input__toggle-item-container:first-of-type {
-  display: none;
-}
-.mg-input.mg-input--toggle-readonly.mg-input--toggle-is-active .mg-input__toggle-item-container:last-of-type {
-  display: flex;
-}

package/dist/collection/components/molecules/menu/mg-menu/mg-menu.css

@@ -1,37 +0,0 @@
-/**
- * A11Y
- */
-.sr-only {
-  border: 0 !important;
-  clip: rect(1px, 1px, 1px, 1px) !important;
-  -webkit-clip-path: inset(50%) !important;
-  clip-path: inset(50%) !important;
-  height: 1px !important;
-  margin: -1px !important;
-  overflow: hidden !important;
-  padding: 0 !important;
-  position: absolute !important;
-  width: 1px !important;
-  white-space: nowrap !important;
-}
-
-*:focus:not(:focus-visible) {
-  outline: none;
-}
-
-@media (prefers-reduced-motion) {
-  .mg-a11y-animation {
-    animation: none !important;
-    transition: none !important;
-  }
-}
-:host {
-  display: flex;
-  background-color: hsl(var(--mg-menu-background-color-hsl, var(--color-light)));
-}
-
-:host([direction=vertical]) {
-  flex-direction: column;
-  height: 100%;
-  overflow-y: auto;
-}

package/dist/collection/components/molecules/menu/mg-menu-item/mg-menu-item.css

@@ -1,377 +0,0 @@
-/**
- * A11Y
- */
-.sr-only {
-  border: 0 !important;
-  clip: rect(1px, 1px, 1px, 1px) !important;
-  -webkit-clip-path: inset(50%) !important;
-  clip-path: inset(50%) !important;
-  height: 1px !important;
-  margin: -1px !important;
-  overflow: hidden !important;
-  padding: 0 !important;
-  position: absolute !important;
-  width: 1px !important;
-  white-space: nowrap !important;
-}
-
-*:focus:not(:focus-visible) {
-  outline: none;
-}
-
-@media (prefers-reduced-motion) {
-  .mg-a11y-animation {
-    animation: none !important;
-    transition: none !important;
-  }
-}
-.mg-menu-item.mg-menu-item--size-regular .mg-menu-item__navigation-button,
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-regular {
-  padding: 1rem 2rem;
-  height: 3.8rem;
-}
-.mg-menu-item.mg-menu-item--size-regular .mg-menu-item__navigation-button,
-.mg-menu-item.mg-menu-item--size-regular .mg-menu-item__navigation-button ::slotted([slot=label]),
-.mg-menu-item.mg-menu-item--size-regular .mg-menu-item__navigation-button ::slotted([slot=metadata]),
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-regular,
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-regular ::slotted([slot=label]),
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-regular ::slotted([slot=metadata]) {
-  font-size: var(--font-size);
-}
-.mg-menu-item.mg-menu-item--size-regular .mg-menu-item__navigation-button.mg-menu-item__navigation-button--horizontal,
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-regular.mg-menu-item__navigation-button--horizontal {
-  padding-bottom: calc(1rem - 0.3rem);
-}
-.mg-menu-item.mg-menu-item--size-regular .mg-menu-item__navigation-button.mg-menu-item__navigation-button--vertical,
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-regular.mg-menu-item__navigation-button--vertical {
-  padding-left: calc(2rem - 0.3rem);
-}
-
-.mg-menu-item.mg-menu-item--size-medium .mg-menu-item__navigation-button,
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-medium {
-  padding: 1rem 3rem;
-  height: 5.1rem;
-}
-.mg-menu-item.mg-menu-item--size-medium .mg-menu-item__navigation-button,
-.mg-menu-item.mg-menu-item--size-medium .mg-menu-item__navigation-button ::slotted([slot=label]),
-.mg-menu-item.mg-menu-item--size-medium .mg-menu-item__navigation-button ::slotted([slot=metadata]),
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-medium,
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-medium ::slotted([slot=label]),
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-medium ::slotted([slot=metadata]) {
-  font-size: calc(var(--font-size) + 0.2rem);
-}
-.mg-menu-item.mg-menu-item--size-medium .mg-menu-item__navigation-button.mg-menu-item__navigation-button--horizontal,
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-medium.mg-menu-item__navigation-button--horizontal {
-  padding-bottom: calc(1rem - 0.3rem);
-}
-.mg-menu-item.mg-menu-item--size-medium .mg-menu-item__navigation-button.mg-menu-item__navigation-button--vertical,
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-medium.mg-menu-item__navigation-button--vertical {
-  padding-left: calc(3rem - 0.3rem);
-}
-
-.mg-menu-item.mg-menu-item--size-large .mg-menu-item__navigation-button,
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-large {
-  padding: 1rem 4rem;
-  height: 7.1rem;
-}
-.mg-menu-item.mg-menu-item--size-large .mg-menu-item__navigation-button,
-.mg-menu-item.mg-menu-item--size-large .mg-menu-item__navigation-button ::slotted([slot=label]),
-.mg-menu-item.mg-menu-item--size-large .mg-menu-item__navigation-button ::slotted([slot=metadata]),
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-large,
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-large ::slotted([slot=label]),
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-large ::slotted([slot=metadata]) {
-  font-size: calc(var(--font-size) + 0.2rem);
-}
-.mg-menu-item.mg-menu-item--size-large .mg-menu-item__navigation-button.mg-menu-item__navigation-button--horizontal,
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-large.mg-menu-item__navigation-button--horizontal {
-  padding-bottom: calc(1rem - 0.3rem);
-}
-.mg-menu-item.mg-menu-item--size-large .mg-menu-item__navigation-button.mg-menu-item__navigation-button--vertical,
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-large.mg-menu-item__navigation-button--vertical {
-  padding-left: calc(4rem - 0.3rem);
-}
-
-.mg-menu-item__navigation-button {
-  display: flex;
-  align-items: center;
-  column-gap: var(--mg-menu-item-navigation-button-column-gap, 1rem);
-  background-color: unset;
-  border: none;
-  font-family: var(--font-family);
-  font-weight: 400;
-  color: hsl(var(--mg-menu-item-color-hsl, var(--color-dark)));
-  line-height: var(--line-height);
-  text-decoration: none;
-  white-space: nowrap;
-  box-sizing: border-box;
-  cursor: pointer;
-}
-.mg-menu-item__navigation-button:disabled, .mg-menu-item__navigation-button--disabled {
-  cursor: default;
-  opacity: var(--mg-disabled-opacity);
-}
-.mg-menu-item__navigation-button:focus-visible {
-  z-index: 10;
-}
-.mg-menu-item__navigation-button:hover:not(.mg-menu-item__navigation-button--disabled), .mg-menu-item__navigation-button:focus-visible:not(.mg-menu-item__navigation-button--disabled) {
-  background-color: hsl(var(--mg-menu-item-focused-background-color-hsl), 0.1);
-}
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--active {
-  color: hsl(var(--mg-menu-item-color-active-hsl));
-  font-weight: 600;
-}
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--active.mg-menu-item__navigation-button--horizontal {
-  border-bottom-color: hsl(var(--mg-menu-item-border-color-active-hsl));
-}
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--active.mg-menu-item__navigation-button--vertical {
-  border-left-color: hsl(var(--mg-menu-item-border-color-active-hsl));
-}
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--hidden {
-  display: none;
-}
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--horizontal {
-  border-bottom: 0.3rem solid transparent;
-}
-.mg-menu-item__navigation-button.mg-menu-item__navigation-button--vertical {
-  border-left: 0.3rem solid transparent;
-}
-
-:host([data-style-direction-vertical][data-level="1"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-regular {
-  padding-left: calc(1 * 2rem - 0.3rem);
-}
-
-:host([data-level="1"]) .mg-menu-item__collapse-container {
-  z-index: calc(1 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="2"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-regular {
-  padding-left: calc(2 * 2rem - 0.3rem);
-}
-
-:host([data-level="2"]) .mg-menu-item__collapse-container {
-  z-index: calc(2 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="3"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-regular {
-  padding-left: calc(3 * 2rem - 0.3rem);
-}
-
-:host([data-level="3"]) .mg-menu-item__collapse-container {
-  z-index: calc(3 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="4"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-regular {
-  padding-left: calc(4 * 2rem - 0.3rem);
-}
-
-:host([data-level="4"]) .mg-menu-item__collapse-container {
-  z-index: calc(4 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="5"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-regular {
-  padding-left: calc(5 * 2rem - 0.3rem);
-}
-
-:host([data-level="5"]) .mg-menu-item__collapse-container {
-  z-index: calc(5 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="6"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-regular {
-  padding-left: calc(6 * 2rem - 0.3rem);
-}
-
-:host([data-level="6"]) .mg-menu-item__collapse-container {
-  z-index: calc(6 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="1"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-medium {
-  padding-left: calc(1 * 3rem - 0.3rem);
-}
-
-:host([data-level="1"]) .mg-menu-item__collapse-container {
-  z-index: calc(1 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="2"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-medium {
-  padding-left: calc(2 * 3rem - 0.3rem);
-}
-
-:host([data-level="2"]) .mg-menu-item__collapse-container {
-  z-index: calc(2 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="3"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-medium {
-  padding-left: calc(3 * 3rem - 0.3rem);
-}
-
-:host([data-level="3"]) .mg-menu-item__collapse-container {
-  z-index: calc(3 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="4"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-medium {
-  padding-left: calc(4 * 3rem - 0.3rem);
-}
-
-:host([data-level="4"]) .mg-menu-item__collapse-container {
-  z-index: calc(4 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="5"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-medium {
-  padding-left: calc(5 * 3rem - 0.3rem);
-}
-
-:host([data-level="5"]) .mg-menu-item__collapse-container {
-  z-index: calc(5 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="6"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-medium {
-  padding-left: calc(6 * 3rem - 0.3rem);
-}
-
-:host([data-level="6"]) .mg-menu-item__collapse-container {
-  z-index: calc(6 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="1"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-large {
-  padding-left: calc(1 * 4rem - 0.3rem);
-}
-
-:host([data-level="1"]) .mg-menu-item__collapse-container {
-  z-index: calc(1 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="2"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-large {
-  padding-left: calc(2 * 4rem - 0.3rem);
-}
-
-:host([data-level="2"]) .mg-menu-item__collapse-container {
-  z-index: calc(2 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="3"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-large {
-  padding-left: calc(3 * 4rem - 0.3rem);
-}
-
-:host([data-level="3"]) .mg-menu-item__collapse-container {
-  z-index: calc(3 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="4"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-large {
-  padding-left: calc(4 * 4rem - 0.3rem);
-}
-
-:host([data-level="4"]) .mg-menu-item__collapse-container {
-  z-index: calc(4 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="5"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-large {
-  padding-left: calc(5 * 4rem - 0.3rem);
-}
-
-:host([data-level="5"]) .mg-menu-item__collapse-container {
-  z-index: calc(5 * 10);
-}
-
-:host([data-style-direction-vertical][data-level="6"]) .mg-menu-item__navigation-button.mg-menu-item__navigation-button--size-large {
-  padding-left: calc(6 * 4rem - 0.3rem);
-}
-
-:host([data-level="6"]) .mg-menu-item__collapse-container {
-  z-index: calc(6 * 10);
-}
-
-:host {
-  position: relative;
-  display: flex;
-  --mg-popover-padding-vertical: 0;
-  --mg-popover-padding-horizontal: 0;
-  --mg-popover-max-width: unset;
-}
-
-:host([data-style-direction-vertical]) {
-  flex-direction: column;
-}
-:host([data-style-direction-vertical]) .mg-menu-item__navigation-button {
-  width: 100%;
-}
-:host([data-style-direction-vertical]) .mg-menu-item__collapse-container {
-  left: unset;
-  top: unset;
-  position: unset;
-  width: unset;
-}
-:host([data-style-direction-vertical]) .mg-menu-item-chevron {
-  margin-left: auto;
-}
-
-:host([data-style-direction-horizontal]) .mg-menu-item__collapse-container.mg-menu-item__collapse-container--first-level,
-:host([data-overflow-more]) .mg-menu-item__collapse-container.mg-menu-item__collapse-container--first-level {
-  background-color: hsl(var(--color-light));
-}
-:host([data-style-direction-horizontal]) .mg-menu-item__collapse-container.mg-menu-item__collapse-container--first-level ::slotted(mg-menu),
-:host([data-overflow-more]) .mg-menu-item__collapse-container.mg-menu-item__collapse-container--first-level ::slotted(mg-menu) {
-  padding: 1rem 0;
-}
-
-:host([data-overflow-more]) {
-  --mg-menu-item-navigation-button-column-gap: 0;
-}
-:host([data-overflow-more]) .mg-menu-item__navigation-button-chevron {
-  display: none;
-}
-:host([data-overflow-more]) .mg-menu-item__navigation-button-text-content ::slotted([slot=information]) {
-  margin-left: 0;
-}
-:host([data-overflow-more]) ::slotted(mg-menu) {
-  --mg-menu-item-navigation-button-column-gap: 1rem;
-}
-
-.mg-menu-item {
-  max-width: var(--mg-menu-item-navigation-button-max-width);
-}
-.mg-menu-item__collapse-container {
-  width: max-content;
-  z-index: 10;
-}
-.mg-menu-item__navigation-button-center {
-  min-width: 0;
-}
-.mg-menu-item__navigation-button-text-content {
-  width: 100%;
-  display: flex;
-  align-items: center;
-}
-.mg-menu-item__navigation-button-text-content-notification,
-.mg-menu-item__navigation-button-text-content ::slotted([slot=information]) {
-  margin-left: 1rem;
-  font-size: var(--font-size);
-}
-.mg-menu-item__navigation-button-chevron {
-  margin-left: auto;
-  transition: 200ms;
-}
-.mg-menu-item__navigation-button-chevron--rotate.mg-menu-item__navigation-button-chevron {
-  transform: rotate(180deg);
-}
-
-::slotted([slot=label]),
-::slotted([slot=metadata]) {
-  display: block;
-  text-align: left;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-::slotted(*) {
-  display: flex;
-  flex-direction: column;
-}
-
-:host([status=disabled]) {
-  pointer-events: none;
-}
-
-:host([hidden]) {
-  display: none;
-}

package/dist/collection/components/molecules/mg-action-more/mg-action-more.css

@@ -1,39 +0,0 @@
-/**
- * A11Y
- */
-.sr-only {
-  border: 0 !important;
-  clip: rect(1px, 1px, 1px, 1px) !important;
-  -webkit-clip-path: inset(50%) !important;
-  clip-path: inset(50%) !important;
-  height: 1px !important;
-  margin: -1px !important;
-  overflow: hidden !important;
-  padding: 0 !important;
-  position: absolute !important;
-  width: 1px !important;
-  white-space: nowrap !important;
-}
-
-*:focus:not(:focus-visible) {
-  outline: none;
-}
-
-@media (prefers-reduced-motion) {
-  .mg-a11y-animation {
-    animation: none !important;
-    transition: none !important;
-  }
-}
-:host {
-  --mg-popover-padding-vertical: 1rem;
-  --mg-popover-padding-horizontal: 0;
-  --mg-popover-max-width: unset;
-}
-
-.mg-action-more__chevron {
-  transition: 200ms;
-}
-.mg-action-more__chevron--rotate.mg-action-more__chevron {
-  transform: rotate(180deg);
-}