@cuemath/leap 2.9.7 → 2.9.9-as1

package/dist/features/ui/arrow-tooltip/arrow-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-tooltip.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip.tsx"],"sourcesContent":["import type {\n  IArrowTooltipProps,\n  THandleVisibleNCoOrdinatesProps,\n  TTooltipCoOrdinatesProps,\n} from './arrow-tooltip-types';\n\nimport throttle from 'lodash.throttle';\nimport { useState, type FC, useCallback, useRef, useEffect } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport Portal from '../portal/portal';\nimport Text from '../text/text';\nimport * as Styled from './arrow-tooltip-styled';\nimport { computeTooltipNewCoOrdinates } from './arrow-tooltip-util';\n\nconst DEFAULT_ARROW_SIZE = 8;\nconst THROTTLE_DURATION = 100;\n\nconst ArrowTooltip: FC<IArrowTooltipProps> = ({\n  isAnimated,\n  alwaysVisible = false,\n  arrowColor,\n  arrowSize = DEFAULT_ARROW_SIZE,\n  arrowXCoOrdinates,\n  arrowYCoOrdinates,\n  backgroundColor,\n  borderColor,\n  children,\n  hidden,\n  position,\n  renderAs,\n  textVariant,\n  tooltipItem,\n  tooltipOffset,\n  tooltipXCoOrdinates,\n  tooltipYCoOrdinates,\n  width,\n  widthX,\n  zIndex,\n}) => {\n  const { arrowTooltip } = useTheme();\n  const { tooltipVariants } = arrowTooltip;\n  const { backgroundColorName } = tooltipVariants[renderAs];\n\n  const tooltipWrapperRef = useRef<HTMLDivElement>(null);\n  const [visible, setVisible] = useState(alwaysVisible);\n  const [tooltipCoOrdinates, setTooltipCoOrdinates] = useState<TTooltipCoOrdinatesProps | null>(\n    null,\n  );\n\n  const handleVisibleNCoOrdinates: THandleVisibleNCoOrdinatesProps = useCallback(\n    (newCoOrdinates, visibility) => {\n      setTooltipCoOrdinates(newCoOrdinates);\n      setVisible(visibility);\n    },\n    [],\n  );\n\n  const handleVisibility = useCallback(() => {\n    if (hidden || alwaysVisible) {\n      return null;\n    }\n\n    handleVisibleNCoOrdinates(null, false);\n\n    return;\n  }, [alwaysVisible, handleVisibleNCoOrdinates, hidden]);\n\n  const handleOnMouseEnter = throttle(() => {\n    const { current } = tooltipWrapperRef;\n\n    if (hidden || !current) return null;\n\n    const boundingClientRect = current.children[0]?.getBoundingClientRect();\n    const newCoOrdinates = boundingClientRect\n      ? computeTooltipNewCoOrdinates(position, boundingClientRect)\n      : null;\n\n    handleVisibleNCoOrdinates(newCoOrdinates, true);\n\n    return null;\n  }, THROTTLE_DURATION);\n\n  useEffect(() => {\n    if (hidden) {\n      setVisible(false);\n    }\n\n    if (alwaysVisible) {\n      handleOnMouseEnter();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [alwaysVisible, hidden]);\n\n  return (\n    <>\n      <FlexView\n        $width=\"fit-content\"\n        ref={tooltipWrapperRef}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleVisibility}\n      >\n        <FlexView>{children}</FlexView>\n      </FlexView>\n      {visible && (\n        <Portal portalId=\"tooltip-root\">\n          <Styled.TooltipBody\n            $arrowSize={arrowSize}\n            $arrowXCoOrdinates={arrowXCoOrdinates}\n            $arrowYCoOrdinates={arrowYCoOrdinates}\n            $position={position}\n            $renderAs={renderAs}\n            $tooltipCoOrdinates={tooltipCoOrdinates}\n            $tooltipOffset={tooltipOffset}\n            $tooltipXCoOrdinates={tooltipXCoOrdinates}\n            $tooltipYCoOrdinates={tooltipYCoOrdinates}\n            $width={width}\n            $widthX={widthX}\n            $zIndex={zIndex}\n            $background={backgroundColorName}\n            $backgroundColor={backgroundColor}\n            $arrowColor={arrowColor}\n            $borderColor={borderColor}\n            $isAnimated={isAnimated}\n          >\n            {typeof tooltipItem === 'string' ? (\n              <Text\n                $renderAs={textVariant || 'body3'}\n                $color={tooltipVariants[renderAs].textColorName}\n                $align=\"center\"\n              >\n                {tooltipItem}\n              </Text>\n            ) : (\n              tooltipItem\n            )}\n          </Styled.TooltipBody>\n        </Portal>\n      )}\n    </>\n  );\n};\n\nexport default ArrowTooltip;\n"],"names":["DEFAULT_ARROW_SIZE","THROTTLE_DURATION","ArrowTooltip","isAnimated","alwaysVisible","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","children","hidden","position","renderAs","textVariant","tooltipItem","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","arrowTooltip","useTheme","tooltipVariants","backgroundColorName","tooltipWrapperRef","useRef","visible","setVisible","useState","tooltipCoOrdinates","setTooltipCoOrdinates","handleVisibleNCoOrdinates","useCallback","newCoOrdinates","visibility","handleVisibility","handleOnMouseEnter","throttle","current","boundingClientRect","_a","computeTooltipNewCoOrdinates","useEffect","jsxs","Fragment","jsx","FlexView","Portal","Styled.TooltipBody","Text","ArrowTooltip$1"],"mappings":"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"}
+{"version":3,"file":"arrow-tooltip.js","sources":["../../../../src/features/ui/arrow-tooltip/arrow-tooltip.tsx"],"sourcesContent":["import type {\n  IArrowTooltipProps,\n  THandleVisibleNCoOrdinatesProps,\n  TTooltipCoOrdinatesProps,\n} from './arrow-tooltip-types';\n\nimport throttle from 'lodash.throttle';\nimport { useState, type FC, useCallback, useRef, useEffect } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport Portal from '../portal/portal';\nimport Text from '../text/text';\nimport * as Styled from './arrow-tooltip-styled';\nimport { computeTooltipNewCoOrdinates } from './arrow-tooltip-util';\n\nconst DEFAULT_ARROW_SIZE = 8;\nconst THROTTLE_DURATION = 100;\n\nconst ArrowTooltip: FC<IArrowTooltipProps> = ({\n  isAnimated,\n  alwaysVisible = false,\n  arrowColor,\n  arrowSize = DEFAULT_ARROW_SIZE,\n  arrowXCoOrdinates,\n  arrowYCoOrdinates,\n  backgroundColor,\n  borderColor,\n  children,\n  hidden,\n  position,\n  renderAs,\n  textVariant,\n  tooltipItem,\n  tooltipOffset,\n  tooltipXCoOrdinates,\n  tooltipYCoOrdinates,\n  width,\n  widthX,\n  zIndex,\n  parentWidth,\n}) => {\n  const { arrowTooltip } = useTheme();\n  const { tooltipVariants } = arrowTooltip;\n  const { backgroundColorName } = tooltipVariants[renderAs];\n\n  const tooltipWrapperRef = useRef<HTMLDivElement>(null);\n  const [visible, setVisible] = useState(alwaysVisible);\n  const [tooltipCoOrdinates, setTooltipCoOrdinates] = useState<TTooltipCoOrdinatesProps | null>(\n    null,\n  );\n\n  const handleVisibleNCoOrdinates: THandleVisibleNCoOrdinatesProps = useCallback(\n    (newCoOrdinates, visibility) => {\n      setTooltipCoOrdinates(newCoOrdinates);\n      setVisible(visibility);\n    },\n    [],\n  );\n\n  const handleVisibility = useCallback(() => {\n    if (hidden || alwaysVisible) {\n      return null;\n    }\n\n    handleVisibleNCoOrdinates(null, false);\n\n    return;\n  }, [alwaysVisible, handleVisibleNCoOrdinates, hidden]);\n\n  const handleOnMouseEnter = throttle(() => {\n    const { current } = tooltipWrapperRef;\n\n    if (hidden || !current) return null;\n\n    const boundingClientRect = current.children[0]?.getBoundingClientRect();\n    const newCoOrdinates = boundingClientRect\n      ? computeTooltipNewCoOrdinates(position, boundingClientRect)\n      : null;\n\n    handleVisibleNCoOrdinates(newCoOrdinates, true);\n\n    return null;\n  }, THROTTLE_DURATION);\n\n  useEffect(() => {\n    if (hidden) {\n      setVisible(false);\n    }\n\n    if (alwaysVisible) {\n      handleOnMouseEnter();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [alwaysVisible, hidden]);\n\n  return (\n    <>\n      <FlexView\n        $width={parentWidth || 'fit-content'}\n        ref={tooltipWrapperRef}\n        onMouseEnter={handleOnMouseEnter}\n        onMouseLeave={handleVisibility}\n      >\n        <FlexView>{children}</FlexView>\n      </FlexView>\n      {visible && (\n        <Portal portalId=\"tooltip-root\">\n          <Styled.TooltipBody\n            $arrowSize={arrowSize}\n            $arrowXCoOrdinates={arrowXCoOrdinates}\n            $arrowYCoOrdinates={arrowYCoOrdinates}\n            $position={position}\n            $renderAs={renderAs}\n            $tooltipCoOrdinates={tooltipCoOrdinates}\n            $tooltipOffset={tooltipOffset}\n            $tooltipXCoOrdinates={tooltipXCoOrdinates}\n            $tooltipYCoOrdinates={tooltipYCoOrdinates}\n            $width={width}\n            $widthX={widthX}\n            $zIndex={zIndex}\n            $background={backgroundColorName}\n            $backgroundColor={backgroundColor}\n            $arrowColor={arrowColor}\n            $borderColor={borderColor}\n            $isAnimated={isAnimated}\n          >\n            {typeof tooltipItem === 'string' ? (\n              <Text\n                $renderAs={textVariant || 'body3'}\n                $color={tooltipVariants[renderAs].textColorName}\n                $align=\"center\"\n              >\n                {tooltipItem}\n              </Text>\n            ) : (\n              tooltipItem\n            )}\n          </Styled.TooltipBody>\n        </Portal>\n      )}\n    </>\n  );\n};\n\nexport default ArrowTooltip;\n"],"names":["DEFAULT_ARROW_SIZE","THROTTLE_DURATION","ArrowTooltip","isAnimated","alwaysVisible","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","children","hidden","position","renderAs","textVariant","tooltipItem","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","parentWidth","arrowTooltip","useTheme","tooltipVariants","backgroundColorName","tooltipWrapperRef","useRef","visible","setVisible","useState","tooltipCoOrdinates","setTooltipCoOrdinates","handleVisibleNCoOrdinates","useCallback","newCoOrdinates","visibility","handleVisibility","handleOnMouseEnter","throttle","current","boundingClientRect","_a","computeTooltipNewCoOrdinates","useEffect","jsxs","Fragment","jsx","FlexView","Portal","Styled.TooltipBody","Text","ArrowTooltip$1"],"mappings":"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"}

package/dist/features/ui/constants/z-index.js

@@ -1,7 +1,7 @@
 const _ = {
   CHAPTER_CROWN_ICON: 4,
   CHAPTER_PLUS_ICON: 2,
-  CHAPTER_PROGRESS_SVG: 1,
+  CHAPTER_PROGRESS_SVG: 2,
   LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,
   LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,
   MODAL: 20,

package/dist/features/ui/constants/z-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n  CHAPTER_CROWN_ICON: 4,\n  CHAPTER_PLUS_ICON: 2,\n  CHAPTER_PROGRESS_SVG: 1,\n  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n  MODAL: 20,\n  SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n  CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n  TILE_CONTAINER: 30, //whiteboard\n  QUESTION_TIPS: -1,\n  DESMOS_CALCULATOR: 2,\n  GOAL_CHAPTER_SHEETS_MENU: 4,\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAC5B;"}
+{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n  CHAPTER_CROWN_ICON: 4,\n  CHAPTER_PLUS_ICON: 2,\n  CHAPTER_PROGRESS_SVG: 2,\n  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n  MODAL: 20,\n  SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n  CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n  TILE_CONTAINER: 30, //whiteboard\n  QUESTION_TIPS: -1,\n  DESMOS_CALCULATOR: 2,\n  GOAL_CHAPTER_SHEETS_MENU: 4,\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAC5B;"}

package/dist/features/ui/context-menu/context-menu-styled.js

@@ -1,27 +1,41 @@
-import e from "styled-components";
-const s = e.div`
-  width: fit-content;
+import o from "styled-components";
+const d = o.div`
+  width: auto;
   height: fit-content;
   position: relative;
   border-radius: 50%;
-`, p = e.div(
-  ({ $visible: t, $menuOffset: o, $startLeft: n, $menuZIndex: i, $placeTop: r }) => `
+`, f = o.div(
+  ({
+    $visible: t,
+    $menuOffset: a,
+    $startLeft: i,
+    $menuZIndex: s,
+    $placeTop: e,
+    $menuWidth: r,
+    $menuWidthX: n,
+    theme: p
+  }) => {
+    const { layout: u } = p;
+    return `
     position: absolute;
-    top: calc(${r ? "0% -" : "100% +"} ${o ?? 0}px);
-    ${n ? "left: 0" : "right: 0"};
-    z-index: ${i ?? "unset"};
+    width: ${r ? `${r}` : "auto"}${typeof r == "number" ? "px" : ""};
+    ${n ? `width: ${n * u.gutter}px;` : ""}
+    top: calc(${e ? "0% -" : "100% +"} ${a ?? 0}px);
+    ${i ? "left: 0" : "right: 0"};
+    z-index: ${s ?? "unset"};
 
     transform-origin: top;
-    transform: scaleY(${t ? 1 : 0}) rotate(${r ? 180 : 0}deg);
+    transform: scaleY(${t ? 1 : 0}) rotate(${e ? 180 : 0}deg);
     opacity: ${t ? 1 : 0};
     transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-  `
-), d = e.div(({ $placeTop: t }) => `
+  `;
+  }
+), $ = o.div(({ $placeTop: t }) => `
     transform: rotate(${t ? 180 : 0}deg);
   `);
 export {
-  d as MenuElementWrapper,
-  p as OptionsMenuWrapper,
-  s as TargetElementWrapper
+  $ as MenuElementWrapper,
+  f as OptionsMenuWrapper,
+  d as TargetElementWrapper
 };
 //# sourceMappingURL=context-menu-styled.js.map

package/dist/features/ui/context-menu/context-menu-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu-styled.js","sources":["../../../../src/features/ui/context-menu/context-menu-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst TargetElementWrapper = styled.div`\n  width: fit-content;\n  height: fit-content;\n  position: relative;\n  border-radius: 50%;\n`;\n\ninterface IOptionsMenuWrapperProps {\n  $visible: boolean;\n  $startLeft?: boolean;\n  $menuOffset?: number;\n  $menuZIndex?: number;\n  $placeTop?: boolean;\n}\n\nconst OptionsMenuWrapper = styled.div<IOptionsMenuWrapperProps>(\n  ({ $visible, $menuOffset, $startLeft, $menuZIndex, $placeTop }) => {\n    return `\n    position: absolute;\n    top: calc(${$placeTop ? '0% -' : '100% +'} ${$menuOffset ?? 0}px);\n    ${$startLeft ? 'left: 0' : 'right: 0'};\n    z-index: ${$menuZIndex ?? 'unset'};\n\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0}) rotate(${$placeTop ? 180 : 0}deg);\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n  `;\n  },\n);\n\ninterface IMenuElementWrapperProps {\n  $placeTop?: boolean;\n}\n\nconst MenuElementWrapper = styled.div<IMenuElementWrapperProps>(({ $placeTop }) => {\n  return `\n    transform: rotate(${$placeTop ? 180 : 0}deg);\n  `;\n});\n\nexport { TargetElementWrapper, OptionsMenuWrapper, MenuElementWrapper };\n"],"names":["TargetElementWrapper","styled","OptionsMenuWrapper","$visible","$menuOffset","$startLeft","$menuZIndex","$placeTop","MenuElementWrapper"],"mappings":";AAEA,MAAMA,IAAuBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAe9BC,IAAqBD,EAAO;AAAA,EAChC,CAAC,EAAE,UAAAE,GAAU,aAAAC,GAAa,YAAAC,GAAY,aAAAC,GAAa,WAAAC,QAC1C;AAAA;AAAA,gBAEKA,IAAY,SAAS,QAAQ,IAAIH,KAAe,CAAC;AAAA,MAC3DC,IAAa,YAAY,UAAU;AAAA,eAC1BC,KAAe,OAAO;AAAA;AAAA;AAAA,wBAGbH,IAAW,IAAI,CAAC,YAAYI,IAAY,MAAM,CAAC;AAAA,eACxDJ,IAAW,IAAI,CAAC;AAAA;AAAA;AAI/B,GAMMK,IAAqBP,EAAO,IAA8B,CAAC,EAAE,WAAAM,QAC1D;AAAA,wBACeA,IAAY,MAAM,CAAC;AAAA,GAE1C;"}
+{"version":3,"file":"context-menu-styled.js","sources":["../../../../src/features/ui/context-menu/context-menu-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst TargetElementWrapper = styled.div`\n  width: auto;\n  height: fit-content;\n  position: relative;\n  border-radius: 50%;\n`;\n\ninterface IOptionsMenuWrapperProps {\n  $visible: boolean;\n  $startLeft?: boolean;\n  $menuOffset?: number;\n  $menuZIndex?: number;\n  $placeTop?: boolean;\n  $menuWidth?: number | string;\n  $menuWidthX?: number;\n}\n\nconst OptionsMenuWrapper = styled.div<IOptionsMenuWrapperProps>(\n  ({\n    $visible,\n    $menuOffset,\n    $startLeft,\n    $menuZIndex,\n    $placeTop,\n    $menuWidth,\n    $menuWidthX,\n    theme,\n  }) => {\n    const { layout } = theme;\n\n    return `\n    position: absolute;\n    width: ${$menuWidth ? `${$menuWidth}` : 'auto'}${typeof $menuWidth === 'number' ? 'px' : ''};\n    ${$menuWidthX ? `width: ${$menuWidthX * layout.gutter}px;` : ''}\n    top: calc(${$placeTop ? '0% -' : '100% +'} ${$menuOffset ?? 0}px);\n    ${$startLeft ? 'left: 0' : 'right: 0'};\n    z-index: ${$menuZIndex ?? 'unset'};\n\n    transform-origin: top;\n    transform: scaleY(${$visible ? 1 : 0}) rotate(${$placeTop ? 180 : 0}deg);\n    opacity: ${$visible ? 1 : 0};\n    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;\n  `;\n  },\n);\n\ninterface IMenuElementWrapperProps {\n  $placeTop?: boolean;\n}\n\nconst MenuElementWrapper = styled.div<IMenuElementWrapperProps>(({ $placeTop }) => {\n  return `\n    transform: rotate(${$placeTop ? 180 : 0}deg);\n  `;\n});\n\nexport { TargetElementWrapper, OptionsMenuWrapper, MenuElementWrapper };\n"],"names":["TargetElementWrapper","styled","OptionsMenuWrapper","$visible","$menuOffset","$startLeft","$menuZIndex","$placeTop","$menuWidth","$menuWidthX","theme","layout","MenuElementWrapper"],"mappings":";AAEA,MAAMA,IAAuBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAiB9BC,IAAqBD,EAAO;AAAA,EAChC,CAAC;AAAA,IACC,UAAAE;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,MACI;AACE,UAAA,EAAE,QAAAC,EAAW,IAAAD;AAEZ,WAAA;AAAA;AAAA,aAEEF,IAAa,GAAGA,CAAU,KAAK,MAAM,GAAG,OAAOA,KAAe,WAAW,OAAO,EAAE;AAAA,MACzFC,IAAc,UAAUA,IAAcE,EAAO,MAAM,QAAQ,EAAE;AAAA,gBACnDJ,IAAY,SAAS,QAAQ,IAAIH,KAAe,CAAC;AAAA,MAC3DC,IAAa,YAAY,UAAU;AAAA,eAC1BC,KAAe,OAAO;AAAA;AAAA;AAAA,wBAGbH,IAAW,IAAI,CAAC,YAAYI,IAAY,MAAM,CAAC;AAAA,eACxDJ,IAAW,IAAI,CAAC;AAAA;AAAA;AAAA,EAG7B;AACF,GAMMS,IAAqBX,EAAO,IAA8B,CAAC,EAAE,WAAAM,QAC1D;AAAA,wBACeA,IAAY,MAAM,CAAC;AAAA,GAE1C;"}

package/dist/features/ui/context-menu/context-menu.js

@@ -1,27 +1,42 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { memo as c, useRef as f } from "react";
-import a from "../hooks/use-context-menu-click-handler.js";
-import { TargetElementWrapper as x, OptionsMenuWrapper as $, MenuElementWrapper as d } from "./context-menu-styled.js";
-const C = c(
-  ({ targetElement: r, menuElement: o, menuOffset: i, startLeft: l, menuZIndex: m, placeTop: e }) => {
-    const n = f(null), { menuVisible: s, onMenuClick: p } = a(n);
-    return /* @__PURE__ */ u(x, { ref: n, onClick: p, children: [
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { memo as $, useRef as d } from "react";
+import x from "../hooks/use-context-menu-click-handler.js";
+import { TargetElementWrapper as C, OptionsMenuWrapper as M, MenuElementWrapper as h } from "./context-menu-styled.js";
+const W = $(
+  ({
+    targetElement: r,
+    menuElement: o,
+    menuOffset: i,
+    startLeft: m,
+    menuZIndex: u,
+    placeTop: e,
+    menuWidth: l,
+    menuWidthX: s,
+    handleOnMenuClick: p
+  }) => {
+    const n = d(null), { menuVisible: c, onMenuClick: f } = x(
+      n,
+      p
+    );
+    return /* @__PURE__ */ a(C, { ref: n, onClick: f, children: [
       r,
       /* @__PURE__ */ t(
-        $,
+        M,
         {
           $menuOffset: i,
-          $visible: s,
-          $startLeft: l,
-          $menuZIndex: m,
+          $visible: c,
+          $startLeft: m,
+          $menuZIndex: u,
           $placeTop: e,
-          children: /* @__PURE__ */ t(d, { $placeTop: e, children: o })
+          $menuWidth: l,
+          $menuWidthX: s,
+          children: /* @__PURE__ */ t(h, { $placeTop: e, children: o })
         }
       )
     ] });
   }
-), b = C;
+), O = W;
 export {
-  b as default
+  O as default
 };
 //# sourceMappingURL=context-menu.js.map

package/dist/features/ui/context-menu/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","sources":["../../../../src/features/ui/context-menu/context-menu.tsx"],"sourcesContent":["import type { IContextMenuProps } from './context-menu-types';\nimport type { FC } from 'react';\n\nimport { memo, useRef } from 'react';\n\nimport useContextMenuClickHandler from '../hooks/use-context-menu-click-handler';\nimport * as Styled from './context-menu-styled';\n\nconst ContextMenu: FC<IContextMenuProps> = memo(\n  ({ targetElement, menuElement, menuOffset, startLeft, menuZIndex, placeTop }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n\n    return (\n      <Styled.TargetElementWrapper ref={containerRef} onClick={onMenuClick}>\n        {targetElement}\n\n        <Styled.OptionsMenuWrapper\n          $menuOffset={menuOffset}\n          $visible={menuVisible}\n          $startLeft={startLeft}\n          $menuZIndex={menuZIndex}\n          $placeTop={placeTop}\n        >\n          <Styled.MenuElementWrapper $placeTop={placeTop}>{menuElement}</Styled.MenuElementWrapper>\n        </Styled.OptionsMenuWrapper>\n      </Styled.TargetElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenu;\n"],"names":["ContextMenu","memo","targetElement","menuElement","menuOffset","startLeft","menuZIndex","placeTop","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","Styled.TargetElementWrapper","jsx","Styled.OptionsMenuWrapper","Styled.MenuElementWrapper","ContextMenu$1"],"mappings":";;;;AAQA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,eAAAC,GAAe,aAAAC,GAAa,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,UAAAC,QAAe;AACzE,UAAAC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,EAA2BJ,CAAY;AAE5E,6BACGK,GAAA,EAA4B,KAAKL,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAT;AAAA,MAED,gBAAAY;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAaX;AAAA,UACb,UAAUM;AAAA,UACV,YAAYL;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UAEX,4BAACS,GAAA,EAA0B,WAAWT,GAAW,UAAYJ,GAAA;AAAA,QAAA;AAAA,MAC/D;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAc,IAAejB;"}
+{"version":3,"file":"context-menu.js","sources":["../../../../src/features/ui/context-menu/context-menu.tsx"],"sourcesContent":["import type { IContextMenuProps } from './context-menu-types';\nimport type { FC } from 'react';\n\nimport { memo, useRef } from 'react';\n\nimport useContextMenuClickHandler from '../hooks/use-context-menu-click-handler';\nimport * as Styled from './context-menu-styled';\n\nconst ContextMenu: FC<IContextMenuProps> = memo(\n  ({\n    targetElement,\n    menuElement,\n    menuOffset,\n    startLeft,\n    menuZIndex,\n    placeTop,\n    menuWidth,\n    menuWidthX,\n    handleOnMenuClick,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n      containerRef,\n      handleOnMenuClick,\n    );\n\n    return (\n      <Styled.TargetElementWrapper ref={containerRef} onClick={onMenuClick}>\n        {targetElement}\n\n        <Styled.OptionsMenuWrapper\n          $menuOffset={menuOffset}\n          $visible={menuVisible}\n          $startLeft={startLeft}\n          $menuZIndex={menuZIndex}\n          $placeTop={placeTop}\n          $menuWidth={menuWidth}\n          $menuWidthX={menuWidthX}\n        >\n          <Styled.MenuElementWrapper $placeTop={placeTop}>{menuElement}</Styled.MenuElementWrapper>\n        </Styled.OptionsMenuWrapper>\n      </Styled.TargetElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenu;\n"],"names":["ContextMenu","memo","targetElement","menuElement","menuOffset","startLeft","menuZIndex","placeTop","menuWidth","menuWidthX","handleOnMenuClick","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","Styled.TargetElementWrapper","jsx","Styled.OptionsMenuWrapper","Styled.MenuElementWrapper","ContextMenu$1"],"mappings":";;;;AAQA,MAAMA,IAAqCC;AAAA,EACzC,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,MACnCJ;AAAA,MACAD;AAAA,IAAA;AAGF,6BACGM,GAAA,EAA4B,KAAKL,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAZ;AAAA,MAED,gBAAAe;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAad;AAAA,UACb,UAAUS;AAAA,UACV,YAAYR;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UACX,YAAYC;AAAA,UACZ,aAAaC;AAAA,UAEb,4BAACU,GAAA,EAA0B,WAAWZ,GAAW,UAAYJ,GAAA;AAAA,QAAA;AAAA,MAC/D;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAiB,IAAepB;"}

package/dist/features/ui/theme/button.js

@@ -81,123 +81,38 @@ const o = (i) => ({ sizes: {
   },
   tertiary: {
     backgroundColorName: {
-      inactive: "WHITE",
-      active: "RED",
+      inactive: "RED",
+      active: "BLACK",
       disabled: "GREY_3"
     },
     colorName: {
-      inactive: "RED",
+      inactive: "WHITE",
       active: "WHITE",
       disabled: "BLACK"
     },
     borderColorName: {
-      inactive: "RED",
-      active: "RED",
+      inactive: "BLACK",
+      active: "BLACK",
+      disabled: "GREY_3"
+    }
+  },
+  "secondary-gray": {
+    backgroundColorName: {
+      inactive: "WHITE",
+      active: "WHITE_4",
+      disabled: "GREY_3"
+    },
+    colorName: {
+      inactive: "BLACK",
+      active: "BLACK",
+      disabled: "BLACK"
+    },
+    borderColorName: {
+      inactive: "BLACK",
+      active: "BLACK",
       disabled: "GREY_3"
     }
   }
-  // 'yellow': {
-  //   backgroundColorName: {
-  //     inactive: 'YELLOW_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   colorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  // },
-  // 'yellow-dark': {
-  //   backgroundColorName: {
-  //     inactive: 'YELLOW_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   colorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  // },
-  // 'white': {
-  //   backgroundColorName: {
-  //     inactive: 'WHITE_1',
-  //     active: 'BLACK_T_35',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   colorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  // },
-  // 'white-dark': {
-  //   backgroundColorName: {
-  //     inactive: 'WHITE_4',
-  //     active: 'WHITE_T_70',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   colorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  // },
-  // 'black': {
-  //   backgroundColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_T_60',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'BLACK_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  //   colorName: {
-  //     inactive: 'WHITE_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'BLACK_T_35',
-  //   },
-  // },
-  // 'black-dark': {
-  //   backgroundColorName: {
-  //     inactive: 'BLACK_4',
-  //     active: 'WHITE_T_40',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   borderColorName: {
-  //     inactive: 'WHITE_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  //   colorName: {
-  //     inactive: 'WHITE_4',
-  //     active: 'WHITE_4',
-  //     disabled: 'WHITE_T_40',
-  //   },
-  // },
 } });
 export {
   o as default

package/dist/features/ui/theme/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../src/features/ui/theme/button.ts"],"sourcesContent":["import type {\n  IButtonSizeConfig,\n  TButtonSizes,\n  IButtonVariantConfig,\n  TButtonVariants,\n} from '../types';\n\ninterface IGetButtonConfig {\n  (gutter: number): {\n    sizes: Record<TButtonSizes, IButtonSizeConfig>;\n    variants: Record<TButtonVariants, IButtonVariantConfig>;\n  };\n}\n\nconst getButtonConfig: IGetButtonConfig = (gutter: number) => {\n  const sizes: Record<TButtonSizes, IButtonSizeConfig> = {\n    xsmall: {\n      height: gutter * 2,\n      paddingHorizontal: gutter * (1 + 0.375),\n      textVariant: 'ub3-bold',\n      borderWidth: 1,\n      iconSize: gutter,\n      iconPadding: gutter * 0.25,\n      loaderSize: gutter * 1.25,\n    },\n    small: {\n      height: gutter * 2.5,\n      paddingHorizontal: gutter * (1 + 0.625),\n      textVariant: 'ub2-bold',\n      borderWidth: 1,\n      iconSize: gutter * 1.25,\n      iconPadding: gutter * 0.375,\n      loaderSize: gutter * 1.5,\n    },\n    regular: {\n      height: gutter * 3,\n      paddingHorizontal: gutter * (1 + 0.875),\n      textVariant: 'ub1-bold',\n      borderWidth: 1,\n      iconSize: gutter * 1.5,\n      iconPadding: gutter * 0.5,\n      loaderSize: gutter * 1.75,\n    },\n    medium: {\n      height: gutter * 3.5,\n      paddingHorizontal: gutter * (1 + 1.125),\n      textVariant: 'ub1-bold',\n      borderWidth: 1.5,\n      iconSize: gutter * 1.5,\n      iconPadding: gutter * 0.5,\n      loaderSize: gutter * 2,\n    },\n    large: {\n      height: gutter * 4,\n      paddingHorizontal: gutter * (1 + 1.375),\n      textVariant: 'ub1-bold',\n      borderWidth: 2,\n      iconSize: gutter * 1.5,\n      iconPadding: gutter * 0.5,\n      loaderSize: gutter * 2.25,\n    },\n  };\n\n  const variants: Record<TButtonVariants, IButtonVariantConfig> = {\n    primary: {\n      backgroundColorName: {\n        inactive: 'YELLOW_4',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n    },\n    secondary: {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n    },\n    tertiary: {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'RED',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'RED',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'RED',\n        active: 'RED',\n        disabled: 'GREY_3',\n      },\n    },\n    // 'yellow': {\n    //   backgroundColorName: {\n    //     inactive: 'YELLOW_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   colorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'WHITE_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    // },\n    // 'yellow-dark': {\n    //   backgroundColorName: {\n    //     inactive: 'YELLOW_4',\n    //     active: 'WHITE_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   colorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    // },\n    // 'white': {\n    //   backgroundColorName: {\n    //     inactive: 'WHITE_1',\n    //     active: 'BLACK_T_35',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   colorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    // },\n    // 'white-dark': {\n    //   backgroundColorName: {\n    //     inactive: 'WHITE_4',\n    //     active: 'WHITE_T_70',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   colorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    // },\n    // 'black': {\n    //   backgroundColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_T_60',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'BLACK_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    //   colorName: {\n    //     inactive: 'WHITE_4',\n    //     active: 'WHITE_4',\n    //     disabled: 'BLACK_T_35',\n    //   },\n    // },\n    // 'black-dark': {\n    //   backgroundColorName: {\n    //     inactive: 'BLACK_4',\n    //     active: 'WHITE_T_40',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   borderColorName: {\n    //     inactive: 'WHITE_4',\n    //     active: 'WHITE_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    //   colorName: {\n    //     inactive: 'WHITE_4',\n    //     active: 'WHITE_4',\n    //     disabled: 'WHITE_T_40',\n    //   },\n    // },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getButtonConfig;\n"],"names":["getButtonConfig","gutter"],"mappings":"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"}
+{"version":3,"file":"button.js","sources":["../../../../src/features/ui/theme/button.ts"],"sourcesContent":["import type {\n  IButtonSizeConfig,\n  TButtonSizes,\n  IButtonVariantConfig,\n  TButtonVariants,\n} from '../types';\n\ninterface IGetButtonConfig {\n  (gutter: number): {\n    sizes: Record<TButtonSizes, IButtonSizeConfig>;\n    variants: Record<TButtonVariants, IButtonVariantConfig>;\n  };\n}\n\nconst getButtonConfig: IGetButtonConfig = (gutter: number) => {\n  const sizes: Record<TButtonSizes, IButtonSizeConfig> = {\n    xsmall: {\n      height: gutter * 2,\n      paddingHorizontal: gutter * (1 + 0.375),\n      textVariant: 'ub3-bold',\n      borderWidth: 1,\n      iconSize: gutter,\n      iconPadding: gutter * 0.25,\n      loaderSize: gutter * 1.25,\n    },\n    small: {\n      height: gutter * 2.5,\n      paddingHorizontal: gutter * (1 + 0.625),\n      textVariant: 'ub2-bold',\n      borderWidth: 1,\n      iconSize: gutter * 1.25,\n      iconPadding: gutter * 0.375,\n      loaderSize: gutter * 1.5,\n    },\n    regular: {\n      height: gutter * 3,\n      paddingHorizontal: gutter * (1 + 0.875),\n      textVariant: 'ub1-bold',\n      borderWidth: 1,\n      iconSize: gutter * 1.5,\n      iconPadding: gutter * 0.5,\n      loaderSize: gutter * 1.75,\n    },\n    medium: {\n      height: gutter * 3.5,\n      paddingHorizontal: gutter * (1 + 1.125),\n      textVariant: 'ub1-bold',\n      borderWidth: 1.5,\n      iconSize: gutter * 1.5,\n      iconPadding: gutter * 0.5,\n      loaderSize: gutter * 2,\n    },\n    large: {\n      height: gutter * 4,\n      paddingHorizontal: gutter * (1 + 1.375),\n      textVariant: 'ub1-bold',\n      borderWidth: 2,\n      iconSize: gutter * 1.5,\n      iconPadding: gutter * 0.5,\n      loaderSize: gutter * 2.25,\n    },\n  };\n\n  const variants: Record<TButtonVariants, IButtonVariantConfig> = {\n    'primary': {\n      backgroundColorName: {\n        inactive: 'YELLOW_4',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n    },\n    'secondary': {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n    },\n    'tertiary': {\n      backgroundColorName: {\n        inactive: 'RED',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'WHITE',\n        active: 'WHITE',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n    },\n    'secondary-gray': {\n      backgroundColorName: {\n        inactive: 'WHITE',\n        active: 'WHITE_4',\n        disabled: 'GREY_3',\n      },\n      colorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'BLACK',\n      },\n      borderColorName: {\n        inactive: 'BLACK',\n        active: 'BLACK',\n        disabled: 'GREY_3',\n      },\n    },\n  };\n\n  return { sizes, variants };\n};\n\nexport default getButtonConfig;\n"],"names":["getButtonConfig","gutter"],"mappings":"AAcM,MAAAA,IAAoC,CAACC,OAwHlC,EAAE,OAvH8C;AAAA,EACrD,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA;AAAA,IACV,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,SAAS;AAAA,IACP,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,QAAQ;AAAA,IACN,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,EACA,OAAO;AAAA,IACL,QAAQA,IAAS;AAAA,IACjB,mBAAmBA,IAAU;AAAA,IAC7B,aAAa;AAAA,IACb,aAAa;AAAA,IACb,UAAUA,IAAS;AAAA,IACnB,aAAaA,IAAS;AAAA,IACtB,YAAYA,IAAS;AAAA,EACvB;AAAA,GA0Ec,UAvEgD;AAAA,EAC9D,SAAW;AAAA,IACT,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,WAAa;AAAA,IACX,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,UAAY;AAAA,IACV,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB,qBAAqB;AAAA,MACnB,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,WAAW;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,iBAAiB;AAAA,MACf,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,EACF;AAAA;"}