npm - acinguiux-ds-react-framework - Versions diffs - 0.1.24 → 0.1.26 - Mend

acinguiux-ds-react-framework 0.1.24 → 0.1.26

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.

Files changed (1553) hide show

package/build/esm/components/Menu/styles/subMenu.styles.js CHANGED Viewed

@@ -1,51 +1,51 @@
-import { css as r } from "styled-components";
+import { css as a } from "styled-components";
 import { Sizes as f, ZIndexes as O, Directions as g } from "../../../react-base/src/consts/index.js";
 import { Variables as s } from "../../../react-base/src/theme/types/layer.js";
 import * as I from "../../../react-base/src/components/Menu/Menu.consts.js";
 import { consts as i } from "../../../react-base/src/components/Menu/Menu.consts.js";
 import { FabricsVariables as n } from "acinguiux-ds-fabrics";
 import { getFocusStyles as M } from "../../../react-base/src/utils/stylesUtils.js";
-import { getBackgroundColor as b, getSubMenuSelectedIndicatorStyle as x, getModeIndicatorPosition as S } from "../Menu.utils.js";
+import { getModeIndicatorPosition as x, getBackgroundColor as r, getSubMenuSelectedIndicatorStyle as S } from "../Menu.utils.js";
 import { getIndicatorPositionStyle as v } from "./indicator.styles.js";
-import { MENU_CLASS as e, BADGE_CLASS as F } from "../../../react-base/src/consts/classes.js";
-const { consts: m } = I, _ = r`
-  ${({ theme: o, $size: t, $muted: u, inlineCollapsed: k, $indicatorPosition: d, $iconPosition: l, mode: a }) => {
-  const w = `${m[t].subMenuOffestPadding}px`, y = `${m[t].indent}px`, h = `${m[t].indent - (t === f.XSmall ? 6 : 10)}px`, $ = `${m[t].iconSize}px`, L = `${m[t].gap}px`, c = o.layer({ foundation: n.Foundations.Section, muted: u }), p = o.layer({
+import { MENU_CLASS as t, BADGE_CLASS as F } from "../../../react-base/src/consts/classes.js";
+const { consts: c } = I, _ = a`
+  ${({ theme: o, $size: e, $muted: u, inlineCollapsed: k, $indicatorPosition: b, $iconPosition: $, mode: l }) => {
+  const w = `${c[e].subMenuOffestPadding}px`, y = `${c[e].indent}px`, h = `${c[e].indent - (e === f.XSmall ? 6 : 10)}px`, m = `${c[e].iconSize}px`, L = `${c[e].gap}px`, d = o.layer({ foundation: n.Foundations.Section, muted: u }), p = o.layer({
     foundation: n.Foundations.Section,
     muted: u,
     disabled: !0
   });
-  return r`
-      .${e}-submenu {
+  return a`
+      .${t}-submenu {
         cursor: pointer;
         display: flex;
         flex-direction: column;
         /* Default */
-        &.${e}-submenu, &.${e}-submenu-active {
-          .${e}-submenu-title .${e}-submenu-title-content .${e}-label {
-            color: ${c[s.TextOnFoundationSubtle]};
+        &.${t}-submenu, &.${t}-submenu-active {
+          .${t}-submenu-title .${t}-submenu-title-content .${t}-label {
+            color: ${d[s.TextOnFoundationSubtle]};
             *:not(.${F}) svg {
-              fill: ${c[s.TextOnFoundationSubtle]};
+              fill: ${d[s.TextOnFoundationSubtle]};
             }
           }
         }
         /* Active */
-        &.${e}-submenu-selected {
-          > .${e}-submenu-title .${e}-submenu-title-content .${e}-label {
-            color: ${c[s.TextOnFoundationStrong]};
+        &.${t}-submenu-selected {
+          > .${t}-submenu-title .${t}-submenu-title-content .${t}-label {
+            color: ${d[s.TextOnFoundationStrong]};
             *:not(.${F}) svg {
-              fill: ${c[s.TextOnFoundationStrong]};
+              fill: ${d[s.TextOnFoundationStrong]};
             }
           }
         }
         /* Disabled */
-        &.${e}-submenu-disabled {
-          > .${e}-submenu-title .${e}-submenu-title-content .${e}-label {
+        &.${t}-submenu-disabled {
+          > .${t}-submenu-title .${t}-submenu-title-content .${t}-label {
             color: ${p[s.TextOnFoundationSubtle]};
             cursor: not-allowed;
@@ -55,22 +55,21 @@ const { consts: m } = I, _ = r`
           }
         }
-        &.${e}-submenu-selected:not(.${e}-submenu-open).${e}-submenu-disabled
-          > .${e}-submenu-title {
+        &.${t}-submenu-selected:not(.${t}-submenu-open).${t}-submenu-disabled
+          > .${t}-submenu-title {
           &::after {
             ${v({
-    indicatorPosition: S(d, a),
-    size: t,
+    indicatorPosition: x(b, l),
+    size: e,
     state: "resting",
     active: !0,
     disabled: !0,
-    muted: u,
-    iconPosition: l
+    muted: u
   })};
           }
         }
-        .${e}-submenu-title {
+        .${t}-submenu-title {
           position: relative;
           display: flex;
           align-items: center;
@@ -81,54 +80,54 @@ const { consts: m } = I, _ = r`
             outline: none;
             position: relative;
-            .${e}-submenu-title-content {
+            .${t}-submenu-title-content {
               ${M(o)};
             }
           }
         }
-        .${e}-submenu-title-content {
+        .${t}-submenu-title-content {
           display: flex;
           flex: 1 1 0;
           min-width: 0;
           justify-content: space-between;
           align-items: center;
           gap: ${L};
-          border-radius: ${i[t].borderRadius}px;
+          border-radius: ${i[e].borderRadius}px;
           transition: background-color 0.3s ease-out;
-          ${a !== "horizontal" && r`
-            margin-right: ${i[t].collapsedItemMarginRight};
+          ${l !== "horizontal" && a`
+            margin-right: ${i[e].collapsedItemMarginRight};
           `}
         }
-        .${e}-submenu-expand-icon {
-          width: ${$};
-          height: ${$};
+        .${t}-submenu-expand-icon {
+          width: ${m};
+          height: ${m};
           flex-shrink: 0;
           transition: transform 0.2s ease-in-out;
           margin: -10px 0;
-          ${k && r`
+          ${k && a`
             display: none;
           `}
         }
-        &:not(.${e}-submenu-active):not(.${e}-submenu-selected) > .${e}-submenu-title {
-          > .${e}-submenu-title-content {
-            color: ${c[s.TextOnFoundationSubtle]};
+        &:not(.${t}-submenu-active):not(.${t}-submenu-selected) > .${t}-submenu-title {
+          > .${t}-submenu-title-content {
+            color: ${d[s.TextOnFoundationSubtle]};
           }
         }
-        &.${e}-submenu-active:not(.${e}-submenu-selected) > .${e}-submenu-title {
+        &.${t}-submenu-active:not(.${t}-submenu-selected) > .${t}-submenu-title {
           &:focus-visible {
-            > .${e}-submenu-title-content {
+            > .${t}-submenu-title-content {
               background-color: transparent;
             }
           }
-          > .${e}-submenu-title-content {
-            background-color: ${b(
+          > .${t}-submenu-title-content {
+            background-color: ${r(
     o,
     n.States.Hover,
     n.Foundations.Surface,
@@ -136,8 +135,8 @@ const { consts: m } = I, _ = r`
   )};
           }
-          > .${e}-submenu-title-content:active {
-            background-color: ${b(
+          > .${t}-submenu-title-content:active {
+            background-color: ${r(
     o,
     n.States.Press,
     n.Foundations.Surface,
@@ -146,14 +145,14 @@ const { consts: m } = I, _ = r`
           }
         }
-        &.${e}-submenu-selected.${e}-submenu-disabled > .${e}-submenu-title {
+        &.${t}-submenu-selected.${t}-submenu-disabled > .${t}-submenu-title {
           &,
-          .${e}-label {
+          .${t}-label {
             color: ${p[s.TextOnFoundationSubtle]};
           }
-          > .${e}-submenu-title-content {
-            background-color: ${b(
+          > .${t}-submenu-title-content {
+            background-color: ${r(
     o,
     n.States.Resting,
     n.Foundations.Section,
@@ -167,9 +166,9 @@ const { consts: m } = I, _ = r`
           }
         }
-        &.${e}-submenu-selected:not(.${e}-submenu-disabled) > .${e}-submenu-title {
-          > .${e}-submenu-title-content {
-            background-color: ${b(
+        &.${t}-submenu-selected:not(.${t}-submenu-disabled) > .${t}-submenu-title {
+          > .${t}-submenu-title-content {
+            background-color: ${r(
     o,
     n.States.Resting,
     n.Foundations.Section,
@@ -177,8 +176,8 @@ const { consts: m } = I, _ = r`
   )};
           }
-          > .${e}-submenu-title-content:hover {
-            background-color: ${b(
+          > .${t}-submenu-title-content:hover {
+            background-color: ${r(
     o,
     n.States.Hover,
     n.Foundations.Section,
@@ -186,8 +185,8 @@ const { consts: m } = I, _ = r`
   )};
           }
-          > .${e}-submenu-title-content:active {
-            background-color: ${b(
+          > .${t}-submenu-title-content:active {
+            background-color: ${r(
     o,
     n.States.Press,
     n.Foundations.Section,
@@ -198,139 +197,138 @@ const { consts: m } = I, _ = r`
       }
       /* Inline and vertical */
-      &.${e}-inline, &.${e}-vertical .${e}-submenu {
-        .${e}-submenu-title {
+      &.${t}-inline, &.${t}-vertical .${t}-submenu {
+        .${t}-submenu-title {
           padding-left: ${y};
           padding-right: ${y};
         }
       }
       /* Inline */
-      &.${e}-inline {
-        .${e}-submenu {
-          &.${e}-submenu-selected:not(.${e}-submenu-open).${e}-submenu-disabled
-            > .${e}-submenu-title {
+      &.${t}-inline {
+        .${t}-submenu {
+          &.${t}-submenu-selected:not(.${t}-submenu-open).${t}-submenu-disabled
+            > .${t}-submenu-title {
             &::after {
               ${v({
-    indicatorPosition: S(d),
-    size: t,
+    indicatorPosition: x(b),
+    size: e,
     state: "resting",
     active: !0,
     disabled: !0,
-    muted: u,
-    iconPosition: l
+    muted: u
   })};
             }
           }
         }
-        .${e}-submenu-title {
-          margin: ${t === f.Small ? "2px" : "4px"} 0;
+        .${t}-submenu-title {
+          margin: ${e === f.Small ? "2px" : "4px"} 0;
-          .${e}-submenu-title-content {
-            padding: ${i[t].labelPadding[g.Vertical][l]};
+          .${t}-submenu-title-content {
+            padding: ${i[e].labelPadding[g.Vertical][$]};
-            .${e}-label {
+            .${t}-label {
               padding: unset;
             }
           }
         }
-        .${e}-submenu.${e}-submenu-open
-          > .${e}-submenu-title
-          > .${e}-submenu-title-content
-          > .${e}-submenu-expand-icon {
+        .${t}-submenu.${t}-submenu-open
+          > .${t}-submenu-title
+          > .${t}-submenu-title-content
+          > .${t}-submenu-expand-icon {
           transform: rotate(180deg);
         }
         /* Lowest level */
-        .${e}-submenu-selected:not(.${e}-submenu-open):not(.${e}-submenu-disabled)
-          > .${e}-submenu-title {
+        .${t}-submenu-selected:not(.${t}-submenu-open):not(.${t}-submenu-disabled)
+          > .${t}-submenu-title {
           background-color: transparent;
-          ${x(d, a, l, t, u)};
+          ${S(b, l, e, u)};
         }
       }
       /* Vertical */
-      &.${e}-vertical .${e}-submenu {
-        .${e}-submenu-title {
-          margin: ${t === f.Small ? "2px" : "4px"} 0;
+      &.${t}-vertical .${t}-submenu {
+        .${t}-submenu-title {
+          margin: ${e === f.Small ? "2px" : "4px"} 0;
           &:focus-visible {
             outline: none;
             position: relative;
-            .${e}-submenu-title-content {
+            .${t}-submenu-title-content {
               ${M(o)};
             }
           }
-          .${e}-submenu-title-content {
-            padding: ${i[t].labelPadding[g.Vertical][l]};
+          .${t}-submenu-title-content {
+            padding: ${i[e].labelPadding[g.Vertical][$]};
-            .${e}-label {
+            .${t}-label {
               padding: unset;
             }
           }
         }
-        .${e}-submenu-expand-icon {
+        .${t}-submenu-expand-icon {
           transform: rotate(-90deg);
         }
-        &.${e}-submenu-selected:not(.${e}-submenu-disabled) > .${e}-submenu-title {
+        &.${t}-submenu-selected:not(.${t}-submenu-disabled) > .${t}-submenu-title {
           background-color: transparent;
-          ${x(d, a, l, t, u)};
+          ${S(b, l, e, u)};
         }
-        .${e}-item-group .${e}-item-group-list {
+        .${t}-item-group .${t}-item-group-list {
           display: flex;
           flex-direction: row;
         }
       }
       /* Horizontal */
-      &.${e}-horizontal .${e}-submenu {
+      &.${t}-horizontal .${t}-submenu {
         display: flex;
         flex-direction: row;
         align-items: stretch;
-        .${e}-submenu-title {
+        .${t}-submenu-title {
           padding: ${w} ${h};
-          .${e}-submenu-title-content {
-            padding: ${i[t].labelPadding[g.Horizontal][l]};
+          .${t}-submenu-title-content {
+            padding: ${i[e].labelPadding[g.Horizontal][$]};
-            .${e}-label {
+            .${t}-label {
               padding: unset;
             }
           }
         }
-        &.${e}-submenu-selected:not(.${e}-submenu-disabled) > .${e}-submenu-title {
-          ${x(d, a, l, t, u)};
+        &.${t}-submenu-selected:not(.${t}-submenu-disabled) > .${t}-submenu-title {
+          ${S(b, l, e, u)};
         }
-        &.${e}-overflow-item-rest {
-          .${e}-submenu-rest-icon {
-            width: ${$};
-            height: ${$};
+        &.${t}-overflow-item-rest {
+          .${t}-submenu-rest-icon {
+            width: ${m};
+            height: ${m};
           }
         }
       }
       /* Popup */
-      &.${e}-submenu {
-        &.${e}-submenu-popup {
+      &.${t}-submenu {
+        &.${t}-submenu-popup {
           z-index: ${O.MENU};
           position: absolute;
           transform-origin: 0 0;
           background-color: transparent;
           overflow: visible;
-          > .${e}-sub {
-            background-color: ${b(
+          > .${t}-sub {
+            background-color: ${r(
     o,
     n.States.Resting,
     n.Foundations.Surface,
@@ -339,61 +337,60 @@ const { consts: m } = I, _ = r`
             filter: ${o.dropShadows.low2};
             border-radius: 8px;
-            .${e}-item-group-title, .${e}-submenu-title, .${e}-item {
+            .${t}-item-group-title, .${t}-submenu-title, .${t}-item {
               align-items: stretch;
             }
-            ${a !== "horizontal" && r`
-              .${e}-item-group-title {
-                margin-left: -${i[t].itemListMarginLeft}px;
+            ${l !== "horizontal" && a`
+              .${t}-item-group-title {
+                margin-left: -${i[e].itemListMarginLeft}px;
               }
-              .${e}-submenu-title {
-                margin-left: -${i[t].itemListMarginLeft}px;
+              .${t}-submenu-title {
+                margin-left: -${i[e].itemListMarginLeft}px;
               }
-              .${e}-item {
-                margin-left: -${i[t].itemListMarginLeft}px;
+              .${t}-item {
+                margin-left: -${i[e].itemListMarginLeft}px;
               }
             `}
           }
         }
-        &.${e}-submenu-hidden {
+        &.${t}-submenu-hidden {
           display: none;
         }
         /* Vertical and horizontal */
-        .${e}-vertical {
+        .${t}-vertical {
           max-width: 300px;
-          padding: ${i[t].subMenuLabelPadding} 0;
+          padding: ${i[e].subMenuLabelPadding} 0;
-          .${e}-submenu-title {
-            padding: ${i[t].itemPadding[g.Horizontal][l]};
-            .${e}-submenu-title-content {
+          .${t}-submenu-title {
+            padding: ${i[e].itemPadding[g.Horizontal][$]};
+            .${t}-submenu-title-content {
               margin: -4px 2px;
-              ${a === "horizontal" ? r`
+              ${l === "horizontal" ? a`
                     padding: 4px 8px 4px 0;
-                  ` : r`
-                    margin-left: ${i[t].verticalPopupMarginLeft}px;
+                  ` : a`
+                    margin-left: ${i[e].verticalPopupMarginLeft}px;
                     padding-right: 8px;
                   `}
             }
           }
-          .${e}-submenu-selected > .${e}-submenu-title:after {
+          .${t}-submenu-selected > .${t}-submenu-title:after {
             ${v({
-    indicatorPosition: S(d),
-    size: t,
+    indicatorPosition: x(b),
+    size: e,
     state: "resting",
     active: !0,
-    muted: u,
-    iconPosition: l
+    muted: u
   })};
           }
-          .${e}-submenu-expand-icon {
+          .${t}-submenu-expand-icon {
             transform: rotate(-90deg);
           }
         }

package/build/esm/components/Menu/styles/subMenu.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"subMenu.styles.js","sources":["../../../../../src/components/Menu/styles/subMenu.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { MENU_CLASS, ZIndexes, Directions, Sizes, BADGE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nimport type { StyledMenuProps } from '../Menu.types';\nimport { getBackgroundColor, getSubMenuSelectedIndicatorStyle, getModeIndicatorPosition } from '../Menu.utils';\nimport { getIndicatorPositionStyle } from './indicator.styles';\n\nconst { consts } = MenuConsts;\n\nexport const subMenuStyle = css<StyledMenuProps>`\n ${({ theme, $size, $muted, inlineCollapsed, $indicatorPosition, $iconPosition, mode }) => {\n const paddingOffset = `${consts[$size].subMenuOffestPadding}px`;\n const subMenuIndentVertical = `${consts[$size].indent}px`;\n const subMenuIndentHorizontal = `${consts[$size].indent - ($size === Sizes.XSmall ? 6 : 10)}px`;\n const iconSize = `${consts[$size].iconSize}px`;\n const gap = `${consts[$size].gap}px`;\n const layer = theme.layer({ foundation: FabricsVariables.Foundations.Section, muted: $muted });\n const disabledLayer = theme.layer({\n foundation: FabricsVariables.Foundations.Section,\n muted: $muted,\n disabled: true,\n });\n\n return css<StyledMenuProps>`\n .${MENU_CLASS}-submenu {\n cursor: pointer;\n display: flex;\n flex-direction: column;\n\n /* Default /\n &.${MENU_CLASS}-submenu, &.${MENU_CLASS}-submenu-active {\n .${MENU_CLASS}-submenu-title .${MENU_CLASS}-submenu-title-content .${MENU_CLASS}-label {\n color: ${layer[Variables.TextOnFoundationSubtle]};\n\n :not(.${BADGE_CLASS}) svg {\n fill: ${layer[Variables.TextOnFoundationSubtle]};\n }\n }\n }\n\n /* Active /\n &.${MENU_CLASS}-submenu-selected {\n > .${MENU_CLASS}-submenu-title .${MENU_CLASS}-submenu-title-content .${MENU_CLASS}-label {\n color: ${layer[Variables.TextOnFoundationStrong]};\n\n :not(.${BADGE_CLASS}) svg {\n fill: ${layer[Variables.TextOnFoundationStrong]};\n }\n }\n }\n\n /* Disabled /\n &.${MENU_CLASS}-submenu-disabled {\n > .${MENU_CLASS}-submenu-title .${MENU_CLASS}-submenu-title-content .${MENU_CLASS}-label {\n color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n cursor: not-allowed;\n\n :not(.${BADGE_CLASS}) svg {\n fill: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n }\n }\n }\n\n &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-open).${MENU_CLASS}-submenu-disabled\n > .${MENU_CLASS}-submenu-title {\n &::after {\n ${getIndicatorPositionStyle({\n indicatorPosition: getModeIndicatorPosition($indicatorPosition, mode),\n size: $size,\n state: 'resting',\n active: true,\n disabled: true,\n muted: $muted,\n iconPosition: $iconPosition,\n })};\n }\n }\n\n .${MENU_CLASS}-submenu-title {\n position: relative;\n display: flex;\n align-items: center;\n flex: 1 1 0;\n min-width: 0;\n\n &:focus-visible {\n outline: none;\n position: relative;\n\n .${MENU_CLASS}-submenu-title-content {\n ${getFocusStyles(theme)};\n }\n }\n }\n\n .${MENU_CLASS}-submenu-title-content {\n display: flex;\n flex: 1 1 0;\n min-width: 0;\n justify-content: space-between;\n align-items: center;\n gap: ${gap};\n border-radius: ${MenuConsts.consts[$size].borderRadius}px;\n transition: background-color 0.3s ease-out;\n\n ${mode !== 'horizontal' &&\n css`\n margin-right: ${MenuConsts.consts[$size].collapsedItemMarginRight};\n `}\n }\n\n .${MENU_CLASS}-submenu-expand-icon {\n width: ${iconSize};\n height: ${iconSize};\n flex-shrink: 0;\n transition: transform 0.2s ease-in-out;\n margin: -10px 0;\n\n ${inlineCollapsed &&\n css`\n display: none;\n `}\n }\n\n &:not(.${MENU_CLASS}-submenu-active):not(.${MENU_CLASS}-submenu-selected) > .${MENU_CLASS}-submenu-title {\n > .${MENU_CLASS}-submenu-title-content {\n color: ${layer[Variables.TextOnFoundationSubtle]};\n }\n }\n\n &.${MENU_CLASS}-submenu-active:not(.${MENU_CLASS}-submenu-selected) > .${MENU_CLASS}-submenu-title {\n &:focus-visible {\n > .${MENU_CLASS}-submenu-title-content {\n background-color: transparent;\n }\n }\n\n > .${MENU_CLASS}-submenu-title-content {\n background-color: ${getBackgroundColor(\n theme,\n FabricsVariables.States.Hover,\n FabricsVariables.Foundations.Surface,\n $muted,\n )};\n }\n\n > .${MENU_CLASS}-submenu-title-content:active {\n background-color: ${getBackgroundColor(\n theme,\n FabricsVariables.States.Press,\n FabricsVariables.Foundations.Surface,\n $muted,\n )};\n }\n }\n\n &.${MENU_CLASS}-submenu-selected.${MENU_CLASS}-submenu-disabled > .${MENU_CLASS}-submenu-title {\n &,\n .${MENU_CLASS}-label {\n color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n }\n\n > .${MENU_CLASS}-submenu-title-content {\n background-color: ${getBackgroundColor(\n theme,\n FabricsVariables.States.Resting,\n FabricsVariables.Foundations.Section,\n $muted,\n true,\n )};\n\n svg {\n fill: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n }\n }\n }\n\n &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-disabled) > .${MENU_CLASS}-submenu-title {\n > .${MENU_CLASS}-submenu-title-content {\n background-color: ${getBackgroundColor(\n theme,\n FabricsVariables.States.Resting,\n FabricsVariables.Foundations.Section,\n $muted,\n )};\n }\n\n > .${MENU_CLASS}-submenu-title-content:hover {\n background-color: ${getBackgroundColor(\n theme,\n FabricsVariables.States.Hover,\n FabricsVariables.Foundations.Section,\n $muted,\n )};\n }\n\n > .${MENU_CLASS}-submenu-title-content:active {\n background-color: ${getBackgroundColor(\n theme,\n FabricsVariables.States.Press,\n FabricsVariables.Foundations.Section,\n $muted,\n )};\n }\n }\n }\n\n /* Inline and vertical /\n &.${MENU_CLASS}-inline, &.${MENU_CLASS}-vertical .${MENU_CLASS}-submenu {\n .${MENU_CLASS}-submenu-title {\n padding-left: ${subMenuIndentVertical};\n padding-right: ${subMenuIndentVertical};\n }\n }\n\n / Inline /\n &.${MENU_CLASS}-inline {\n .${MENU_CLASS}-submenu {\n &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-open).${MENU_CLASS}-submenu-disabled\n > .${MENU_CLASS}-submenu-title {\n &::after {\n ${getIndicatorPositionStyle({\n indicatorPosition: getModeIndicatorPosition($indicatorPosition),\n size: $size,\n state: 'resting',\n active: true,\n disabled: true,\n muted: $muted,\n iconPosition: $iconPosition,\n })};\n }\n }\n }\n\n .${MENU_CLASS}-submenu-title {\n margin: ${$size === Sizes.Small ? '2px' : '4px'} 0;\n\n .${MENU_CLASS}-submenu-title-content {\n padding: ${MenuConsts.consts[$size].labelPadding[Directions.Vertical][$iconPosition]};\n\n .${MENU_CLASS}-label {\n padding: unset;\n }\n }\n }\n\n .${MENU_CLASS}-submenu.${MENU_CLASS}-submenu-open\n > .${MENU_CLASS}-submenu-title\n > .${MENU_CLASS}-submenu-title-content\n > .${MENU_CLASS}-submenu-expand-icon {\n transform: rotate(180deg);\n }\n\n / Lowest level /\n .${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-open):not(.${MENU_CLASS}-submenu-disabled)\n > .${MENU_CLASS}-submenu-title {\n background-color: transparent;\n\n ${getSubMenuSelectedIndicatorStyle($indicatorPosition, mode, $iconPosition, $size, $muted)};\n }\n }\n\n / Vertical /\n &.${MENU_CLASS}-vertical .${MENU_CLASS}-submenu {\n .${MENU_CLASS}-submenu-title {\n margin: ${$size === Sizes.Small ? '2px' : '4px'} 0;\n\n &:focus-visible {\n outline: none;\n position: relative;\n\n .${MENU_CLASS}-submenu-title-content {\n ${getFocusStyles(theme)};\n }\n }\n\n .${MENU_CLASS}-submenu-title-content {\n padding: ${MenuConsts.consts[$size].labelPadding[Directions.Vertical][$iconPosition]};\n\n .${MENU_CLASS}-label {\n padding: unset;\n }\n }\n }\n\n .${MENU_CLASS}-submenu-expand-icon {\n transform: rotate(-90deg);\n }\n\n &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-disabled) > .${MENU_CLASS}-submenu-title {\n background-color: transparent;\n\n ${getSubMenuSelectedIndicatorStyle($indicatorPosition, mode, $iconPosition, $size, $muted)};\n }\n\n .${MENU_CLASS}-item-group .${MENU_CLASS}-item-group-list {\n display: flex;\n flex-direction: row;\n }\n }\n\n / Horizontal /\n &.${MENU_CLASS}-horizontal .${MENU_CLASS}-submenu {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n\n .${MENU_CLASS}-submenu-title {\n padding: ${paddingOffset} ${subMenuIndentHorizontal};\n\n .${MENU_CLASS}-submenu-title-content {\n padding: ${MenuConsts.consts[$size].labelPadding[Directions.Horizontal][$iconPosition]};\n\n .${MENU_CLASS}-label {\n padding: unset;\n }\n }\n }\n\n &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-disabled) > .${MENU_CLASS}-submenu-title {\n ${getSubMenuSelectedIndicatorStyle($indicatorPosition, mode, $iconPosition, $size, $muted)};\n }\n\n &.${MENU_CLASS}-overflow-item-rest {\n .${MENU_CLASS}-submenu-rest-icon {\n width: ${iconSize};\n height: ${iconSize};\n }\n }\n }\n\n / Popup /\n &.${MENU_CLASS}-submenu {\n &.${MENU_CLASS}-submenu-popup {\n z-index: ${ZIndexes.MENU};\n position: absolute;\n transform-origin: 0 0;\n background-color: transparent;\n overflow: visible;\n > .${MENU_CLASS}-sub {\n background-color: ${getBackgroundColor(\n theme,\n FabricsVariables.States.Resting,\n FabricsVariables.Foundations.Surface,\n $muted,\n )};\n filter: ${theme.dropShadows.low2};\n border-radius: 8px;\n\n .${MENU_CLASS}-item-group-title, .${MENU_CLASS}-submenu-title, .${MENU_CLASS}-item {\n align-items: stretch;\n }\n\n ${mode !== 'horizontal' &&\n css`\n .${MENU_CLASS}-item-group-title {\n margin-left: -${MenuConsts.consts[$size].itemListMarginLeft}px;\n }\n\n .${MENU_CLASS}-submenu-title {\n margin-left: -${MenuConsts.consts[$size].itemListMarginLeft}px;\n }\n\n .${MENU_CLASS}-item {\n margin-left: -${MenuConsts.consts[$size].itemListMarginLeft}px;\n }\n `}\n }\n }\n\n &.${MENU_CLASS}-submenu-hidden {\n display: none;\n }\n\n / Vertical and horizontal */\n .${MENU_CLASS}-vertical {\n max-width: 300px;\n padding: ${MenuConsts.consts[$size].subMenuLabelPadding} 0;\n\n .${MENU_CLASS}-submenu-title {\n padding: ${MenuConsts.consts[$size].itemPadding[Directions.Horizontal][$iconPosition]};\n .${MENU_CLASS}-submenu-title-content {\n margin: -4px 2px;\n\n ${mode === 'horizontal'\n ? css`\n padding: 4px 8px 4px 0;\n `\n : css`\n margin-left: ${MenuConsts.consts[$size].verticalPopupMarginLeft}px;\n padding-right: 8px;\n `}\n }\n }\n\n .${MENU_CLASS}-submenu-selected > .${MENU_CLASS}-submenu-title:after {\n ${getIndicatorPositionStyle({\n indicatorPosition: getModeIndicatorPosition($indicatorPosition),\n size: $size,\n state: 'resting',\n active: true,\n muted: $muted,\n iconPosition: $iconPosition,\n })};\n }\n\n .${MENU_CLASS}-submenu-expand-icon {\n transform: rotate(-90deg);\n }\n }\n }\n `;\n }}\n`;\n"],"names":["consts","MenuConsts","subMenuStyle","css","theme","$size","$muted","inlineCollapsed","$indicatorPosition","$iconPosition","mode","paddingOffset","subMenuIndentVertical","subMenuIndentHorizontal","Sizes","iconSize","gap","layer","FabricsVariables","disabledLayer","MENU_CLASS","Variables","BADGE_CLASS","getIndicatorPositionStyle","getModeIndicatorPosition","getFocusStyles","MenuConsts.consts","getBackgroundColor","Directions","getSubMenuSelectedIndicatorStyle","ZIndexes"],"mappings":"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"}
1	+ {"version":3,"file":"subMenu.styles.js","sources":["../../../../../src/components/Menu/styles/subMenu.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { MENU_CLASS, ZIndexes, Directions, Sizes, BADGE_CLASS } from 'acinguiux-ds-react-base/consts';\nimport { Variables } from 'acinguiux-ds-react-base/theme';\nimport { MenuConsts } from 'acinguiux-ds-react-base/components/Menu';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport { getFocusStyles } from 'acinguiux-ds-react-base/utils/stylesUtils';\n\nimport type { StyledMenuProps } from '../Menu.types';\nimport { getBackgroundColor, getSubMenuSelectedIndicatorStyle, getModeIndicatorPosition } from '../Menu.utils';\nimport { getIndicatorPositionStyle } from './indicator.styles';\n\nconst { consts } = MenuConsts;\n\nexport const subMenuStyle = css<StyledMenuProps>`\n ${({ theme, $size, $muted, inlineCollapsed, $indicatorPosition, $iconPosition, mode }) => {\n const paddingOffset = `${consts[$size].subMenuOffestPadding}px`;\n const subMenuIndentVertical = `${consts[$size].indent}px`;\n const subMenuIndentHorizontal = `${consts[$size].indent - ($size === Sizes.XSmall ? 6 : 10)}px`;\n const iconSize = `${consts[$size].iconSize}px`;\n const gap = `${consts[$size].gap}px`;\n const layer = theme.layer({ foundation: FabricsVariables.Foundations.Section, muted: $muted });\n const disabledLayer = theme.layer({\n foundation: FabricsVariables.Foundations.Section,\n muted: $muted,\n disabled: true,\n });\n\n return css<StyledMenuProps>`\n .${MENU_CLASS}-submenu {\n cursor: pointer;\n display: flex;\n flex-direction: column;\n\n /* Default /\n &.${MENU_CLASS}-submenu, &.${MENU_CLASS}-submenu-active {\n .${MENU_CLASS}-submenu-title .${MENU_CLASS}-submenu-title-content .${MENU_CLASS}-label {\n color: ${layer[Variables.TextOnFoundationSubtle]};\n\n :not(.${BADGE_CLASS}) svg {\n fill: ${layer[Variables.TextOnFoundationSubtle]};\n }\n }\n }\n\n /* Active /\n &.${MENU_CLASS}-submenu-selected {\n > .${MENU_CLASS}-submenu-title .${MENU_CLASS}-submenu-title-content .${MENU_CLASS}-label {\n color: ${layer[Variables.TextOnFoundationStrong]};\n\n :not(.${BADGE_CLASS}) svg {\n fill: ${layer[Variables.TextOnFoundationStrong]};\n }\n }\n }\n\n /* Disabled /\n &.${MENU_CLASS}-submenu-disabled {\n > .${MENU_CLASS}-submenu-title .${MENU_CLASS}-submenu-title-content .${MENU_CLASS}-label {\n color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n cursor: not-allowed;\n\n :not(.${BADGE_CLASS}) svg {\n fill: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n }\n }\n }\n\n &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-open).${MENU_CLASS}-submenu-disabled\n > .${MENU_CLASS}-submenu-title {\n &::after {\n ${getIndicatorPositionStyle({\n indicatorPosition: getModeIndicatorPosition($indicatorPosition, mode),\n size: $size,\n state: 'resting',\n active: true,\n disabled: true,\n muted: $muted,\n })};\n }\n }\n\n .${MENU_CLASS}-submenu-title {\n position: relative;\n display: flex;\n align-items: center;\n flex: 1 1 0;\n min-width: 0;\n\n &:focus-visible {\n outline: none;\n position: relative;\n\n .${MENU_CLASS}-submenu-title-content {\n ${getFocusStyles(theme)};\n }\n }\n }\n\n .${MENU_CLASS}-submenu-title-content {\n display: flex;\n flex: 1 1 0;\n min-width: 0;\n justify-content: space-between;\n align-items: center;\n gap: ${gap};\n border-radius: ${MenuConsts.consts[$size].borderRadius}px;\n transition: background-color 0.3s ease-out;\n\n ${mode !== 'horizontal' &&\n css`\n margin-right: ${MenuConsts.consts[$size].collapsedItemMarginRight};\n `}\n }\n\n .${MENU_CLASS}-submenu-expand-icon {\n width: ${iconSize};\n height: ${iconSize};\n flex-shrink: 0;\n transition: transform 0.2s ease-in-out;\n margin: -10px 0;\n\n ${inlineCollapsed &&\n css`\n display: none;\n `}\n }\n\n &:not(.${MENU_CLASS}-submenu-active):not(.${MENU_CLASS}-submenu-selected) > .${MENU_CLASS}-submenu-title {\n > .${MENU_CLASS}-submenu-title-content {\n color: ${layer[Variables.TextOnFoundationSubtle]};\n }\n }\n\n &.${MENU_CLASS}-submenu-active:not(.${MENU_CLASS}-submenu-selected) > .${MENU_CLASS}-submenu-title {\n &:focus-visible {\n > .${MENU_CLASS}-submenu-title-content {\n background-color: transparent;\n }\n }\n\n > .${MENU_CLASS}-submenu-title-content {\n background-color: ${getBackgroundColor(\n theme,\n FabricsVariables.States.Hover,\n FabricsVariables.Foundations.Surface,\n $muted,\n )};\n }\n\n > .${MENU_CLASS}-submenu-title-content:active {\n background-color: ${getBackgroundColor(\n theme,\n FabricsVariables.States.Press,\n FabricsVariables.Foundations.Surface,\n $muted,\n )};\n }\n }\n\n &.${MENU_CLASS}-submenu-selected.${MENU_CLASS}-submenu-disabled > .${MENU_CLASS}-submenu-title {\n &,\n .${MENU_CLASS}-label {\n color: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n }\n\n > .${MENU_CLASS}-submenu-title-content {\n background-color: ${getBackgroundColor(\n theme,\n FabricsVariables.States.Resting,\n FabricsVariables.Foundations.Section,\n $muted,\n true,\n )};\n\n svg {\n fill: ${disabledLayer[Variables.TextOnFoundationSubtle]};\n }\n }\n }\n\n &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-disabled) > .${MENU_CLASS}-submenu-title {\n > .${MENU_CLASS}-submenu-title-content {\n background-color: ${getBackgroundColor(\n theme,\n FabricsVariables.States.Resting,\n FabricsVariables.Foundations.Section,\n $muted,\n )};\n }\n\n > .${MENU_CLASS}-submenu-title-content:hover {\n background-color: ${getBackgroundColor(\n theme,\n FabricsVariables.States.Hover,\n FabricsVariables.Foundations.Section,\n $muted,\n )};\n }\n\n > .${MENU_CLASS}-submenu-title-content:active {\n background-color: ${getBackgroundColor(\n theme,\n FabricsVariables.States.Press,\n FabricsVariables.Foundations.Section,\n $muted,\n )};\n }\n }\n }\n\n /* Inline and vertical /\n &.${MENU_CLASS}-inline, &.${MENU_CLASS}-vertical .${MENU_CLASS}-submenu {\n .${MENU_CLASS}-submenu-title {\n padding-left: ${subMenuIndentVertical};\n padding-right: ${subMenuIndentVertical};\n }\n }\n\n / Inline /\n &.${MENU_CLASS}-inline {\n .${MENU_CLASS}-submenu {\n &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-open).${MENU_CLASS}-submenu-disabled\n > .${MENU_CLASS}-submenu-title {\n &::after {\n ${getIndicatorPositionStyle({\n indicatorPosition: getModeIndicatorPosition($indicatorPosition),\n size: $size,\n state: 'resting',\n active: true,\n disabled: true,\n muted: $muted,\n })};\n }\n }\n }\n\n .${MENU_CLASS}-submenu-title {\n margin: ${$size === Sizes.Small ? '2px' : '4px'} 0;\n\n .${MENU_CLASS}-submenu-title-content {\n padding: ${MenuConsts.consts[$size].labelPadding[Directions.Vertical][$iconPosition]};\n\n .${MENU_CLASS}-label {\n padding: unset;\n }\n }\n }\n\n .${MENU_CLASS}-submenu.${MENU_CLASS}-submenu-open\n > .${MENU_CLASS}-submenu-title\n > .${MENU_CLASS}-submenu-title-content\n > .${MENU_CLASS}-submenu-expand-icon {\n transform: rotate(180deg);\n }\n\n / Lowest level /\n .${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-open):not(.${MENU_CLASS}-submenu-disabled)\n > .${MENU_CLASS}-submenu-title {\n background-color: transparent;\n\n ${getSubMenuSelectedIndicatorStyle($indicatorPosition, mode, $size, $muted)};\n }\n }\n\n / Vertical /\n &.${MENU_CLASS}-vertical .${MENU_CLASS}-submenu {\n .${MENU_CLASS}-submenu-title {\n margin: ${$size === Sizes.Small ? '2px' : '4px'} 0;\n\n &:focus-visible {\n outline: none;\n position: relative;\n\n .${MENU_CLASS}-submenu-title-content {\n ${getFocusStyles(theme)};\n }\n }\n\n .${MENU_CLASS}-submenu-title-content {\n padding: ${MenuConsts.consts[$size].labelPadding[Directions.Vertical][$iconPosition]};\n\n .${MENU_CLASS}-label {\n padding: unset;\n }\n }\n }\n\n .${MENU_CLASS}-submenu-expand-icon {\n transform: rotate(-90deg);\n }\n\n &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-disabled) > .${MENU_CLASS}-submenu-title {\n background-color: transparent;\n\n ${getSubMenuSelectedIndicatorStyle($indicatorPosition, mode, $size, $muted)};\n }\n\n .${MENU_CLASS}-item-group .${MENU_CLASS}-item-group-list {\n display: flex;\n flex-direction: row;\n }\n }\n\n / Horizontal /\n &.${MENU_CLASS}-horizontal .${MENU_CLASS}-submenu {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n\n .${MENU_CLASS}-submenu-title {\n padding: ${paddingOffset} ${subMenuIndentHorizontal};\n\n .${MENU_CLASS}-submenu-title-content {\n padding: ${MenuConsts.consts[$size].labelPadding[Directions.Horizontal][$iconPosition]};\n\n .${MENU_CLASS}-label {\n padding: unset;\n }\n }\n }\n\n &.${MENU_CLASS}-submenu-selected:not(.${MENU_CLASS}-submenu-disabled) > .${MENU_CLASS}-submenu-title {\n ${getSubMenuSelectedIndicatorStyle($indicatorPosition, mode, $size, $muted)};\n }\n\n &.${MENU_CLASS}-overflow-item-rest {\n .${MENU_CLASS}-submenu-rest-icon {\n width: ${iconSize};\n height: ${iconSize};\n }\n }\n }\n\n / Popup /\n &.${MENU_CLASS}-submenu {\n &.${MENU_CLASS}-submenu-popup {\n z-index: ${ZIndexes.MENU};\n position: absolute;\n transform-origin: 0 0;\n background-color: transparent;\n overflow: visible;\n > .${MENU_CLASS}-sub {\n background-color: ${getBackgroundColor(\n theme,\n FabricsVariables.States.Resting,\n FabricsVariables.Foundations.Surface,\n $muted,\n )};\n filter: ${theme.dropShadows.low2};\n border-radius: 8px;\n\n .${MENU_CLASS}-item-group-title, .${MENU_CLASS}-submenu-title, .${MENU_CLASS}-item {\n align-items: stretch;\n }\n\n ${mode !== 'horizontal' &&\n css`\n .${MENU_CLASS}-item-group-title {\n margin-left: -${MenuConsts.consts[$size].itemListMarginLeft}px;\n }\n\n .${MENU_CLASS}-submenu-title {\n margin-left: -${MenuConsts.consts[$size].itemListMarginLeft}px;\n }\n\n .${MENU_CLASS}-item {\n margin-left: -${MenuConsts.consts[$size].itemListMarginLeft}px;\n }\n `}\n }\n }\n\n &.${MENU_CLASS}-submenu-hidden {\n display: none;\n }\n\n / Vertical and horizontal */\n .${MENU_CLASS}-vertical {\n max-width: 300px;\n padding: ${MenuConsts.consts[$size].subMenuLabelPadding} 0;\n\n .${MENU_CLASS}-submenu-title {\n padding: ${MenuConsts.consts[$size].itemPadding[Directions.Horizontal][$iconPosition]};\n .${MENU_CLASS}-submenu-title-content {\n margin: -4px 2px;\n\n ${mode === 'horizontal'\n ? css`\n padding: 4px 8px 4px 0;\n `\n : css`\n margin-left: ${MenuConsts.consts[$size].verticalPopupMarginLeft}px;\n padding-right: 8px;\n `}\n }\n }\n\n .${MENU_CLASS}-submenu-selected > .${MENU_CLASS}-submenu-title:after {\n ${getIndicatorPositionStyle({\n indicatorPosition: getModeIndicatorPosition($indicatorPosition),\n size: $size,\n state: 'resting',\n active: true,\n muted: $muted,\n })};\n }\n\n .${MENU_CLASS}-submenu-expand-icon {\n transform: rotate(-90deg);\n }\n }\n }\n `;\n }}\n`;\n"],"names":["consts","MenuConsts","subMenuStyle","css","theme","$size","$muted","inlineCollapsed","$indicatorPosition","$iconPosition","mode","paddingOffset","subMenuIndentVertical","subMenuIndentHorizontal","Sizes","iconSize","gap","layer","FabricsVariables","disabledLayer","MENU_CLASS","Variables","BADGE_CLASS","getIndicatorPositionStyle","getModeIndicatorPosition","getFocusStyles","MenuConsts.consts","getBackgroundColor","Directions","getSubMenuSelectedIndicatorStyle","ZIndexes"],"mappings":"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"}

package/build/esm/components/NavBar/NavBarVerticalStatic.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavBarVerticalStatic.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/NavBar/NavBarVerticalStatic.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;~~AAInE~~,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAE5E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGrD,QAAA,MAAM,UAAU,oeAgBf,CAAC;AAEF,QAAA,MAAM,OAAO,6NAIZ,CAAC;AAEF,KAAK,QAAQ,GAAG,aAAa,CAAC,uBAAuB,EAAE,MAAM,GAAG,WAAW,CAAC,CAAC;AAE7E,QAAA,MAAM,GAAG,uOA8BP,CAAC;AAEH,QAAA,MAAM,UAAU,6NAUf,CAAC;AAEF,QAAA,MAAM,gBAAgB,+RAMrB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}
1	+ {"version":3,"file":"NavBarVerticalStatic.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/NavBar/NavBarVerticalStatic.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAKnE,OAAO,KAAK,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAE5E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGrD,QAAA,MAAM,UAAU,oeAgBf,CAAC;AAEF,QAAA,MAAM,OAAO,6NAIZ,CAAC;AAEF,KAAK,QAAQ,GAAG,aAAa,CAAC,uBAAuB,EAAE,MAAM,GAAG,WAAW,CAAC,CAAC;AAE7E,QAAA,MAAM,GAAG,uOA8BP,CAAC;AAEH,QAAA,MAAM,UAAU,6NAUf,CAAC;AAEF,QAAA,MAAM,gBAAgB,+RAMrB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}