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

acinguiux-ds-react-framework 0.1.26 → 0.1.27

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 (4341) hide show

package/build/esm/react-base/src/components/Timeline/Timeline.consts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Timeline.consts.js","sources":["../../../../../../../react-base/src/components/Timeline/Timeline.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\nimport type { Size } from './Timeline.types';\n\ntype TimelineConsts = {\n [size in Size]: {\n dotSize: number;\n icon: number;\n minStepWidth: number;\n horizontalStepPadding: number;\n connectorTopMargin: number;\n labelTopMargin: number;\n noContentLabelTopMargin: number;\n titleBottomMargin: number;\n subtitleBottomMargin: number;\n bodyTopMargin: number;\n bottomMargin: number;\n timelineMinHeight: number;\n noDotContentVerticalMargin: string;\n dotCirclePadding: number;\n noLabelMargin: number;\n };\n};\n\nexport const consts: TimelineConsts = {\n [Sizes.Small]: {\n dotSize: 24,\n icon: 16,\n minStepWidth: 120,\n horizontalStepPadding: 16,\n connectorTopMargin: 2,\n labelTopMargin: 4,\n noContentLabelTopMargin: 0,\n titleBottomMargin: 2,\n subtitleBottomMargin: 4,\n bodyTopMargin: 3,\n bottomMargin: 24,\n timelineMinHeight: 16,\n noDotContentVerticalMargin: 'unset',\n dotCirclePadding: 4,\n noLabelMargin: 24,\n },\n [Sizes.Medium]: {\n dotSize: 32,\n icon: 20,\n minStepWidth: 180,\n horizontalStepPadding: 16,\n connectorTopMargin: 2,\n labelTopMargin: 8,\n noContentLabelTopMargin: 2,\n titleBottomMargin: 2,\n subtitleBottomMargin: 8,\n bodyTopMargin: 6,\n bottomMargin: 24,\n timelineMinHeight: 32,\n noDotContentVerticalMargin: '3px 0',\n dotCirclePadding: 6,\n noLabelMargin: 32,\n },\n [Sizes.Large]: {\n dotSize: 40,\n icon: 24,\n minStepWidth: 192,\n horizontalStepPadding: 16,\n connectorTopMargin: 2,\n labelTopMargin: 12,\n noContentLabelTopMargin: 4,\n titleBottomMargin: 2,\n subtitleBottomMargin: 10,\n bodyTopMargin: 8,\n bottomMargin: 32,\n timelineMinHeight: 32,\n noDotContentVerticalMargin: '6px 0',\n dotCirclePadding: 8,\n noLabelMargin: 28,\n },\n [Sizes.XLarge]: {\n dotSize: 56,\n icon: 28,\n minStepWidth: 220,\n horizontalStepPadding: 24,\n connectorTopMargin: 2,\n labelTopMargin: 18,\n noContentLabelTopMargin: 4,\n titleBottomMargin: 4,\n subtitleBottomMargin: 12,\n bodyTopMargin: 14,\n bottomMargin: 40,\n timelineMinHeight: 40,\n noDotContentVerticalMargin: '8px 0',\n dotCirclePadding: 14,\n noLabelMargin: 32,\n },\n};\n\nexport const gap = 8;\nexport const noContentDotSize = 16;\n"],"names":["consts","Sizes","gap","noContentDotSize"],"mappings":";AAuBO,MAAMA,IAAyB;AAAA,EACpC,CAACC,EAAM,KAAK,GAAG;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,IACN,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,yBAAyB;AAAA,IACzB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,IAClB,eAAe;AAAA,EAAA;AAAA,EAEjB,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,SAAS;AAAA,IACT,MAAM;AAAA,IACN,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,yBAAyB;AAAA,IACzB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,IAClB,eAAe;AAAA,EAAA;AAAA,EAEjB,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,IACN,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,yBAAyB;AAAA,IACzB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,IAClB,eAAe;AAAA,EAAA;AAAA,EAEjB,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,SAAS;AAAA,IACT,MAAM;AAAA,IACN,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,yBAAyB;AAAA,IACzB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,IAClB,eAAe;AAAA,EAAA;AAEnB,GAEaC,IAAM,GACNC,IAAmB;"}
1	+ {"version":3,"file":"Timeline.consts.js","sources":["../../../../../../../react-base/src/components/Timeline/Timeline.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\r\nimport type { Size } from './Timeline.types';\r\n\r\ntype TimelineConsts = {\r\n [size in Size]: {\r\n dotSize: number;\r\n icon: number;\r\n minStepWidth: number;\r\n horizontalStepPadding: number;\r\n connectorTopMargin: number;\r\n labelTopMargin: number;\r\n noContentLabelTopMargin: number;\r\n titleBottomMargin: number;\r\n subtitleBottomMargin: number;\r\n bodyTopMargin: number;\r\n bottomMargin: number;\r\n timelineMinHeight: number;\r\n noDotContentVerticalMargin: string;\r\n dotCirclePadding: number;\r\n noLabelMargin: number;\r\n };\r\n};\r\n\r\nexport const consts: TimelineConsts = {\r\n [Sizes.Small]: {\r\n dotSize: 24,\r\n icon: 16,\r\n minStepWidth: 120,\r\n horizontalStepPadding: 16,\r\n connectorTopMargin: 2,\r\n labelTopMargin: 4,\r\n noContentLabelTopMargin: 0,\r\n titleBottomMargin: 2,\r\n subtitleBottomMargin: 4,\r\n bodyTopMargin: 3,\r\n bottomMargin: 24,\r\n timelineMinHeight: 16,\r\n noDotContentVerticalMargin: 'unset',\r\n dotCirclePadding: 4,\r\n noLabelMargin: 24,\r\n },\r\n [Sizes.Medium]: {\r\n dotSize: 32,\r\n icon: 20,\r\n minStepWidth: 180,\r\n horizontalStepPadding: 16,\r\n connectorTopMargin: 2,\r\n labelTopMargin: 8,\r\n noContentLabelTopMargin: 2,\r\n titleBottomMargin: 2,\r\n subtitleBottomMargin: 8,\r\n bodyTopMargin: 6,\r\n bottomMargin: 24,\r\n timelineMinHeight: 32,\r\n noDotContentVerticalMargin: '3px 0',\r\n dotCirclePadding: 6,\r\n noLabelMargin: 32,\r\n },\r\n [Sizes.Large]: {\r\n dotSize: 40,\r\n icon: 24,\r\n minStepWidth: 192,\r\n horizontalStepPadding: 16,\r\n connectorTopMargin: 2,\r\n labelTopMargin: 12,\r\n noContentLabelTopMargin: 4,\r\n titleBottomMargin: 2,\r\n subtitleBottomMargin: 10,\r\n bodyTopMargin: 8,\r\n bottomMargin: 32,\r\n timelineMinHeight: 32,\r\n noDotContentVerticalMargin: '6px 0',\r\n dotCirclePadding: 8,\r\n noLabelMargin: 28,\r\n },\r\n [Sizes.XLarge]: {\r\n dotSize: 56,\r\n icon: 28,\r\n minStepWidth: 220,\r\n horizontalStepPadding: 24,\r\n connectorTopMargin: 2,\r\n labelTopMargin: 18,\r\n noContentLabelTopMargin: 4,\r\n titleBottomMargin: 4,\r\n subtitleBottomMargin: 12,\r\n bodyTopMargin: 14,\r\n bottomMargin: 40,\r\n timelineMinHeight: 40,\r\n noDotContentVerticalMargin: '8px 0',\r\n dotCirclePadding: 14,\r\n noLabelMargin: 32,\r\n },\r\n};\r\n\r\nexport const gap = 8;\r\nexport const noContentDotSize = 16;\r\n"],"names":["consts","Sizes","gap","noContentDotSize"],"mappings":";AAuBO,MAAMA,IAAyB;AAAA,EACpC,CAACC,EAAM,KAAK,GAAG;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,IACN,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,yBAAyB;AAAA,IACzB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,IAClB,eAAe;AAAA,EAAA;AAAA,EAEjB,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,SAAS;AAAA,IACT,MAAM;AAAA,IACN,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,yBAAyB;AAAA,IACzB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,IAClB,eAAe;AAAA,EAAA;AAAA,EAEjB,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,IACN,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,yBAAyB;AAAA,IACzB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,IAClB,eAAe;AAAA,EAAA;AAAA,EAEjB,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,SAAS;AAAA,IACT,MAAM;AAAA,IACN,cAAc;AAAA,IACd,uBAAuB;AAAA,IACvB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,yBAAyB;AAAA,IACzB,mBAAmB;AAAA,IACnB,sBAAsB;AAAA,IACtB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,IAClB,eAAe;AAAA,EAAA;AAEnB,GAEaC,IAAM,GACNC,IAAmB;"}

package/build/esm/react-base/src/components/Timeline/Timeline.utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Timeline.utils.js","sources":["../../../../../../../react-base/src/components/Timeline/Timeline.utils.ts"],"sourcesContent":["import type { CSSProperties } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Variants, Sizes, Alignments, Directions, Sorts } from '../../consts';\nimport { consts, noContentDotSize, gap } from './Timeline.consts';\nimport type { Alignment, Size, Sort, Direction, StepVariant } from './Timeline.types';\nimport { Variables, type Theme } from '../../theme';\nimport { getLabelTypographySize, getSmallerSize } from '../../utils/sizesUtils';\n\nconst geItemsAlignment = (alternate?: boolean, alignment?: Alignment) => {\n if (!alternate && alignment === Alignments.Bottom) {\n return 'flex-start';\n }\n\n if (!alternate && alignment === Alignments.Top) {\n return 'flex-end';\n }\n\n return undefined;\n};\n\nexport const getTimeLineContainerStyle = (\n direction?: Direction,\n alignment?: Alignment,\n alternate?: boolean,\n sort?: Sort,\n): CSSProperties => {\n if (direction === Directions.Horizontal) {\n return {\n display: 'flex',\n gap,\n flexDirection: sort === Sorts.Asc ? 'row' : 'row-reverse',\n alignItems: geItemsAlignment(alternate, alignment),\n };\n }\n\n return {\n display: 'flex',\n gap,\n flexDirection: sort === Sorts.Asc ? 'column' : 'column-reverse',\n };\n};\n\nexport const getStepTitleFontStyle = (theme: Theme, size: Size) => {\n switch (size) {\n case Sizes.Small:\n return theme.typography('heading', 'extraSmall');\n case Sizes.Large:\n return theme.typography('heading', 'medium');\n case Sizes.XLarge:\n return theme.typography('heading', 'large');\n default:\n return theme.typography('heading', 'small');\n }\n};\n\nexport const getLoadingSize = (size: Size) => {\n switch (size) {\n case Sizes.Small:\n return Sizes.XSmall;\n case Sizes.Large:\n return Sizes.Medium;\n case Sizes.XLarge:\n return Sizes.Large;\n default:\n return Sizes.Small;\n }\n};\n\nexport const getStepAlignment = (\n direction: Direction,\n alignment: Alignment,\n alternate: boolean,\n index: number,\n): Alignment => {\n const isEven = (index + 1) % 2 === 0;\n\n if (\n direction === Directions.Vertical &&\n ((!alternate && alignment === Alignments.Left) \|\|\n (alternate && !isEven && alignment === Alignments.Left) \|\|\n (alternate && isEven && alignment === Alignments.Right))\n ) {\n return Alignments.Left;\n }\n\n if (\n direction === Directions.Horizontal &&\n ((!alternate && alignment === Alignments.Top) \|\|\n (alternate && !isEven && alignment === Alignments.Top) \|\|\n (alternate && isEven && alignment === Alignments.Bottom))\n ) {\n return Alignments.Top;\n }\n\n return direction === Directions.Vertical ? Alignments.Right : Alignments.Bottom;\n};\n\nexport const getStepDescriptionFontStyle = (theme: Theme, size: Size) =>\n theme.typography('label', getLabelTypographySize(getSmallerSize(size)));\n\nexport const getStepDotContentFontStyle = (theme: Theme, size: Size) =>\n theme.typography('label', getLabelTypographySize(size));\n\nexport const getStepDotLabelFontStyle = (theme: Theme, size: Size) =>\n theme.typography('label', getLabelTypographySize(getSmallerSize(size)));\n\nexport const getStepDotStyle = (size: Size = Sizes.Medium, noDotContent?: boolean): CSSProperties => ({\n width: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\n height: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\n minWidth: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\n minHeight: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\n margin: noDotContent && consts[size].noDotContentVerticalMargin,\n padding: `${!noDotContent && consts[size].dotCirclePadding}px`,\n});\n\nexport const getFabricColor = (theme: Theme, variant?: StepVariant, sentiment?: FabricsVariables.SentimentType) =>\n theme.layer({\n sentiment,\n sentimentProminence:\n variant && variant === Variants.Filled\n ? FabricsVariables.SentimentProminences.Strong\n : FabricsVariables.SentimentProminences.Transparent,\n });\n\nexport const getDotLabelContent = (label?: string, noLabel?: boolean, alternate?: boolean) => {\n if (label) {\n return label;\n }\n\n if (noLabel && alternate) {\n return ' ';\n }\n\n return undefined;\n};\n\nexport const getDotVariantStyle = (\n theme: Theme,\n variant: StepVariant,\n stepSentiment: FabricsVariables.SentimentType = FabricsVariables.Sentiments.Neutral,\n): CSSProperties => {\n const backgroundColor = getFabricColor(theme, variant, stepSentiment)[Variables.BackgroundSentiment];\n const borderColor = getFabricColor(theme, variant, stepSentiment)[Variables.BorderOnSentimentOnBackground];\n const fontColor = getFabricColor(theme, variant, stepSentiment)[Variables.TextOnSentimentOnBackground];\n\n switch (variant) {\n case Variants.Filled:\n return {\n backgroundColor,\n color: fontColor,\n };\n\n case Variants.Transparent:\n return {\n border: `1px dashed ${borderColor}`,\n color: fontColor,\n };\n\n default:\n return {\n border: `2px solid ${borderColor}`,\n color: fontColor,\n };\n }\n};\n"],"names":["geItemsAlignment","alternate","alignment","Alignments","getTimeLineContainerStyle","direction","sort","Directions","gap","Sorts","getStepTitleFontStyle","theme","size","Sizes","getLoadingSize","getStepAlignment","index","isEven","getStepDescriptionFontStyle","getLabelTypographySize","getSmallerSize","getStepDotContentFontStyle","getStepDotLabelFontStyle","getStepDotStyle","noDotContent","noContentDotSize","consts","getFabricColor","variant","sentiment","Variants","FabricsVariables","getDotLabelContent","label","noLabel","getDotVariantStyle","stepSentiment","backgroundColor","Variables","borderColor","fontColor"],"mappings":";;;;;AASA,MAAMA,IAAmB,CAACC,GAAqBC,MAA0B;AACvE,MAAI,CAACD,KAAaC,MAAcC,EAAW;AACzC,WAAO;AAGT,MAAI,CAACF,KAAaC,MAAcC,EAAW;AACzC,WAAO;AAIX,GAEaC,IAA4B,CACvCC,GACAH,GACAD,GACAK,MAEID,MAAcE,EAAW,aACpB;AAAA,EACL,SAAS;AAAA,EACT,KAAAC;AAAA,EACA,eAAeF,MAASG,EAAM,MAAM,QAAQ;AAAA,EAC5C,YAAYT,EAAiBC,GAAWC,CAAS;AAAA,IAI9C;AAAA,EACL,SAAS;AAAA,EACT,KAAAM;AAAA,EACA,eAAeF,MAASG,EAAM,MAAM,WAAW;AAAA,GAItCC,IAAwB,CAACC,GAAcC,MAAe;AACjE,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAOF,EAAM,WAAW,WAAW,YAAY;AAAA,IACjD,KAAKE,EAAM;AACT,aAAOF,EAAM,WAAW,WAAW,QAAQ;AAAA,IAC7C,KAAKE,EAAM;AACT,aAAOF,EAAM,WAAW,WAAW,OAAO;AAAA,IAC5C;AACE,aAAOA,EAAM,WAAW,WAAW,OAAO;AAAA,EAAA;AAEhD,GAEaG,IAAiB,CAACF,MAAe;AAC5C,UAAQA,GAAA;AAAA,IACN,KAAKC,EAAM;AACT,aAAOA,EAAM;AAAA,IACf,KAAKA,EAAM;AACT,aAAOA,EAAM;AAAA,IACf,KAAKA,EAAM;AACT,aAAOA,EAAM;AAAA,IACf;AACE,aAAOA,EAAM;AAAA,EAAA;AAEnB,GAEaE,IAAmB,CAC9BV,GACAH,GACAD,GACAe,MACc;AACd,QAAMC,KAAUD,IAAQ,KAAK,MAAM;AAEnC,SACEX,MAAcE,EAAW,aACvB,CAACN,KAAaC,MAAcC,EAAW,QACtCF,KAAa,CAACgB,KAAUf,MAAcC,EAAW,QACjDF,KAAagB,KAAUf,MAAcC,EAAW,SAE5CA,EAAW,OAIlBE,MAAcE,EAAW,eACvB,CAACN,KAAaC,MAAcC,EAAW,OACtCF,KAAa,CAACgB,KAAUf,MAAcC,EAAW,OACjDF,KAAagB,KAAUf,MAAcC,EAAW,UAE5CA,EAAW,MAGbE,MAAcE,EAAW,WAAWJ,EAAW,QAAQA,EAAW;AAC3E,GAEae,IAA8B,CAACP,GAAcC,MACxDD,EAAM,WAAW,SAASQ,EAAuBC,EAAeR,CAAI,CAAC,CAAC,GAE3DS,IAA6B,CAACV,GAAcC,MACvDD,EAAM,WAAW,SAASQ,EAAuBP,CAAI,CAAC,GAE3CU,IAA2B,CAACX,GAAcC,MACrDD,EAAM,WAAW,SAASQ,EAAuBC,EAAeR,CAAI,CAAC,CAAC,GAE3DW,IAAkB,CAACX,IAAaC,EAAM,QAAQW,OAA2C;AAAA,EACpG,OAAO,GAAGA,IAAeC,IAAmBC,EAAOd,CAAI,EAAE,OAAO;AAAA,EAChE,QAAQ,GAAGY,IAAeC,IAAmBC,EAAOd,CAAI,EAAE,OAAO;AAAA,EACjE,UAAU,GAAGY,IAAeC,IAAmBC,EAAOd,CAAI,EAAE,OAAO;AAAA,EACnE,WAAW,GAAGY,IAAeC,IAAmBC,EAAOd,CAAI,EAAE,OAAO;AAAA,EACpE,QAAQY,KAAgBE,EAAOd,CAAI,EAAE;AAAA,EACrC,SAAS,GAAG,CAACY,KAAgBE,EAAOd,CAAI,EAAE,gBAAgB;AAC5D,IAEae,IAAiB,CAAChB,GAAciB,GAAuBC,MAClElB,EAAM,MAAM;AAAA,EACV,WAAAkB;AAAA,EACA,qBACED,KAAWA,MAAYE,EAAS,SAC5BC,EAAiB,qBAAqB,SACtCA,EAAiB,qBAAqB;AAC9C,CAAC,GAEUC,IAAqB,CAACC,GAAgBC,GAAmBjC,MAAwB;AAC5F,MAAIgC;AACF,WAAOA;AAGT,MAAIC,KAAWjC;AACb,WAAO;AAIX,GAEakC,IAAqB,CAChCxB,GACAiB,GACAQ,IAAgDL,EAAiB,WAAW,YAC1D;AAClB,QAAMM,IAAkBV,EAAehB,GAAOiB,GAASQ,CAAa,EAAEE,EAAU,mBAAmB,GAC7FC,IAAcZ,EAAehB,GAAOiB,GAASQ,CAAa,EAAEE,EAAU,6BAA6B,GACnGE,IAAYb,EAAehB,GAAOiB,GAASQ,CAAa,EAAEE,EAAU,2BAA2B;AAErG,UAAQV,GAAA;AAAA,IACN,KAAKE,EAAS;AACZ,aAAO;AAAA,QACL,iBAAAO;AAAA,QACA,OAAOG;AAAA,MAAA;AAAA,IAGX,KAAKV,EAAS;AACZ,aAAO;AAAA,QACL,QAAQ,cAAcS,CAAW;AAAA,QACjC,OAAOC;AAAA,MAAA;AAAA,IAGX;AACE,aAAO;AAAA,QACL,QAAQ,aAAaD,CAAW;AAAA,QAChC,OAAOC;AAAA,MAAA;AAAA,EACT;AAEN;"}
1	+ {"version":3,"file":"Timeline.utils.js","sources":["../../../../../../../react-base/src/components/Timeline/Timeline.utils.ts"],"sourcesContent":["import type { CSSProperties } from 'styled-components';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport { Variants, Sizes, Alignments, Directions, Sorts } from '../../consts';\r\nimport { consts, noContentDotSize, gap } from './Timeline.consts';\r\nimport type { Alignment, Size, Sort, Direction, StepVariant } from './Timeline.types';\r\nimport { Variables, type Theme } from '../../theme';\r\nimport { getLabelTypographySize, getSmallerSize } from '../../utils/sizesUtils';\r\n\r\nconst geItemsAlignment = (alternate?: boolean, alignment?: Alignment) => {\r\n if (!alternate && alignment === Alignments.Bottom) {\r\n return 'flex-start';\r\n }\r\n\r\n if (!alternate && alignment === Alignments.Top) {\r\n return 'flex-end';\r\n }\r\n\r\n return undefined;\r\n};\r\n\r\nexport const getTimeLineContainerStyle = (\r\n direction?: Direction,\r\n alignment?: Alignment,\r\n alternate?: boolean,\r\n sort?: Sort,\r\n): CSSProperties => {\r\n if (direction === Directions.Horizontal) {\r\n return {\r\n display: 'flex',\r\n gap,\r\n flexDirection: sort === Sorts.Asc ? 'row' : 'row-reverse',\r\n alignItems: geItemsAlignment(alternate, alignment),\r\n };\r\n }\r\n\r\n return {\r\n display: 'flex',\r\n gap,\r\n flexDirection: sort === Sorts.Asc ? 'column' : 'column-reverse',\r\n };\r\n};\r\n\r\nexport const getStepTitleFontStyle = (theme: Theme, size: Size) => {\r\n switch (size) {\r\n case Sizes.Small:\r\n return theme.typography('heading', 'extraSmall');\r\n case Sizes.Large:\r\n return theme.typography('heading', 'medium');\r\n case Sizes.XLarge:\r\n return theme.typography('heading', 'large');\r\n default:\r\n return theme.typography('heading', 'small');\r\n }\r\n};\r\n\r\nexport const getLoadingSize = (size: Size) => {\r\n switch (size) {\r\n case Sizes.Small:\r\n return Sizes.XSmall;\r\n case Sizes.Large:\r\n return Sizes.Medium;\r\n case Sizes.XLarge:\r\n return Sizes.Large;\r\n default:\r\n return Sizes.Small;\r\n }\r\n};\r\n\r\nexport const getStepAlignment = (\r\n direction: Direction,\r\n alignment: Alignment,\r\n alternate: boolean,\r\n index: number,\r\n): Alignment => {\r\n const isEven = (index + 1) % 2 === 0;\r\n\r\n if (\r\n direction === Directions.Vertical &&\r\n ((!alternate && alignment === Alignments.Left) \|\|\r\n (alternate && !isEven && alignment === Alignments.Left) \|\|\r\n (alternate && isEven && alignment === Alignments.Right))\r\n ) {\r\n return Alignments.Left;\r\n }\r\n\r\n if (\r\n direction === Directions.Horizontal &&\r\n ((!alternate && alignment === Alignments.Top) \|\|\r\n (alternate && !isEven && alignment === Alignments.Top) \|\|\r\n (alternate && isEven && alignment === Alignments.Bottom))\r\n ) {\r\n return Alignments.Top;\r\n }\r\n\r\n return direction === Directions.Vertical ? Alignments.Right : Alignments.Bottom;\r\n};\r\n\r\nexport const getStepDescriptionFontStyle = (theme: Theme, size: Size) =>\r\n theme.typography('label', getLabelTypographySize(getSmallerSize(size)));\r\n\r\nexport const getStepDotContentFontStyle = (theme: Theme, size: Size) =>\r\n theme.typography('label', getLabelTypographySize(size));\r\n\r\nexport const getStepDotLabelFontStyle = (theme: Theme, size: Size) =>\r\n theme.typography('label', getLabelTypographySize(getSmallerSize(size)));\r\n\r\nexport const getStepDotStyle = (size: Size = Sizes.Medium, noDotContent?: boolean): CSSProperties => ({\r\n width: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\r\n height: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\r\n minWidth: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\r\n minHeight: `${noDotContent ? noContentDotSize : consts[size].dotSize}px`,\r\n margin: noDotContent && consts[size].noDotContentVerticalMargin,\r\n padding: `${!noDotContent && consts[size].dotCirclePadding}px`,\r\n});\r\n\r\nexport const getFabricColor = (theme: Theme, variant?: StepVariant, sentiment?: FabricsVariables.SentimentType) =>\r\n theme.layer({\r\n sentiment,\r\n sentimentProminence:\r\n variant && variant === Variants.Filled\r\n ? FabricsVariables.SentimentProminences.Strong\r\n : FabricsVariables.SentimentProminences.Transparent,\r\n });\r\n\r\nexport const getDotLabelContent = (label?: string, noLabel?: boolean, alternate?: boolean) => {\r\n if (label) {\r\n return label;\r\n }\r\n\r\n if (noLabel && alternate) {\r\n return ' ';\r\n }\r\n\r\n return undefined;\r\n};\r\n\r\nexport const getDotVariantStyle = (\r\n theme: Theme,\r\n variant: StepVariant,\r\n stepSentiment: FabricsVariables.SentimentType = FabricsVariables.Sentiments.Neutral,\r\n): CSSProperties => {\r\n const backgroundColor = getFabricColor(theme, variant, stepSentiment)[Variables.BackgroundSentiment];\r\n const borderColor = getFabricColor(theme, variant, stepSentiment)[Variables.BorderOnSentimentOnBackground];\r\n const fontColor = getFabricColor(theme, variant, stepSentiment)[Variables.TextOnSentimentOnBackground];\r\n\r\n switch (variant) {\r\n case Variants.Filled:\r\n return {\r\n backgroundColor,\r\n color: fontColor,\r\n };\r\n\r\n case Variants.Transparent:\r\n return {\r\n border: `1px dashed ${borderColor}`,\r\n color: fontColor,\r\n };\r\n\r\n default:\r\n return {\r\n border: `2px solid ${borderColor}`,\r\n color: fontColor,\r\n };\r\n }\r\n};\r\n"],"names":["geItemsAlignment","alternate","alignment","Alignments","getTimeLineContainerStyle","direction","sort","Directions","gap","Sorts","getStepTitleFontStyle","theme","size","Sizes","getLoadingSize","getStepAlignment","index","isEven","getStepDescriptionFontStyle","getLabelTypographySize","getSmallerSize","getStepDotContentFontStyle","getStepDotLabelFontStyle","getStepDotStyle","noDotContent","noContentDotSize","consts","getFabricColor","variant","sentiment","Variants","FabricsVariables","getDotLabelContent","label","noLabel","getDotVariantStyle","stepSentiment","backgroundColor","Variables","borderColor","fontColor"],"mappings":"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"}

package/build/esm/react-base/src/components/Toggle/Toggle.consts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle.consts.js","sources":["../../../../../../../react-base/src/components/Toggle/Toggle.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\n\nexport const consts = {\n [Sizes.XSmall]: {\n width: 28,\n height: 16,\n labelSpacing: 8,\n circle: {\n size: 12,\n checkedSize: 12,\n pressedSize: 16,\n onPosition: 12,\n offset: 2,\n checkedOffset: 2,\n },\n },\n [Sizes.Small]: {\n width: 36,\n height: 20,\n labelSpacing: 8,\n circle: {\n size: 16,\n checkedSize: 16,\n pressedSize: 20,\n onPosition: 16,\n offset: 2,\n checkedOffset: 2,\n },\n },\n [Sizes.Medium]: {\n width: 44,\n height: 24,\n labelSpacing: 10,\n circle: {\n size: 20,\n checkedSize: 20,\n pressedSize: 26,\n onPosition: 20,\n offset: 2,\n checkedOffset: 2,\n },\n },\n [Sizes.Large]: {\n width: 50,\n height: 28,\n labelSpacing: 12,\n circle: {\n size: 22,\n checkedSize: 22,\n pressedSize: 32,\n onPosition: 22,\n offset: 3,\n checkedOffset: 3,\n },\n },\n} as const;\n"],"names":["consts","Sizes"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,eAAe;AAAA,IAAA;AAAA,EACjB;AAAA,EAEF,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,eAAe;AAAA,IAAA;AAAA,EACjB;AAAA,EAEF,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,eAAe;AAAA,IAAA;AAAA,EACjB;AAAA,EAEF,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,eAAe;AAAA,IAAA;AAAA,EACjB;AAEJ;"}
1	+ {"version":3,"file":"Toggle.consts.js","sources":["../../../../../../../react-base/src/components/Toggle/Toggle.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\r\n\r\nexport const consts = {\r\n [Sizes.XSmall]: {\r\n width: 28,\r\n height: 16,\r\n labelSpacing: 8,\r\n circle: {\r\n size: 12,\r\n checkedSize: 12,\r\n pressedSize: 16,\r\n onPosition: 12,\r\n offset: 2,\r\n checkedOffset: 2,\r\n },\r\n },\r\n [Sizes.Small]: {\r\n width: 36,\r\n height: 20,\r\n labelSpacing: 8,\r\n circle: {\r\n size: 16,\r\n checkedSize: 16,\r\n pressedSize: 20,\r\n onPosition: 16,\r\n offset: 2,\r\n checkedOffset: 2,\r\n },\r\n },\r\n [Sizes.Medium]: {\r\n width: 44,\r\n height: 24,\r\n labelSpacing: 10,\r\n circle: {\r\n size: 20,\r\n checkedSize: 20,\r\n pressedSize: 26,\r\n onPosition: 20,\r\n offset: 2,\r\n checkedOffset: 2,\r\n },\r\n },\r\n [Sizes.Large]: {\r\n width: 50,\r\n height: 28,\r\n labelSpacing: 12,\r\n circle: {\r\n size: 22,\r\n checkedSize: 22,\r\n pressedSize: 32,\r\n onPosition: 22,\r\n offset: 3,\r\n checkedOffset: 3,\r\n },\r\n },\r\n} as const;\r\n"],"names":["consts","Sizes"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,eAAe;AAAA,IAAA;AAAA,EACjB;AAAA,EAEF,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,eAAe;AAAA,IAAA;AAAA,EACjB;AAAA,EAEF,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,eAAe;AAAA,IAAA;AAAA,EACjB;AAAA,EAEF,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,eAAe;AAAA,IAAA;AAAA,EACjB;AAEJ;"}

package/build/esm/react-base/src/components/Toggle/Toggle.utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle.utils.js","sources":["../../../../../../../react-base/src/components/Toggle/Toggle.utils.ts"],"sourcesContent":["import type { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { type Theme, type ModesType, Variables } from '../../theme';\n\nexport const getStyles = (theme: Theme, state?: FabricsVariables.StateType, disabled?: boolean, checked?: boolean) => {\n const modes: ModesType = { disabled, state, foundation: 'surface' };\n const layer = theme.layer(modes);\n\n return {\n backgroundColor: checked ? layer[Variables.BackgroundSelected] : layer[Variables.BorderOnFoundationMedium],\n circleBackgroundColor: theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation],\n color: layer[Variables.TextOnFoundationStrong],\n };\n};\n"],"names":["getStyles","theme","state","disabled","checked","modes","layer","Variables"],"mappings":";AAIO,MAAMA,IAAY,CAACC,GAAcC,GAAoCC,GAAoBC,MAAsB;AACpH,QAAMC,IAAmB,EAAE,UAAAF,GAAU,OAAAD,GAAO,YAAY,UAAA,GAClDI,IAAQL,EAAM,MAAMI,CAAK;AAE/B,SAAO;AAAA,IACL,iBAAiBD,IAAUE,EAAMC,EAAU,kBAAkB,IAAID,EAAMC,EAAU,wBAAwB;AAAA,IACzG,uBAAuBN,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEM,EAAU,oBAAoB;AAAA,IAC5F,OAAOD,EAAMC,EAAU,sBAAsB;AAAA,EAAA;AAEjD;"}
1	+ {"version":3,"file":"Toggle.utils.js","sources":["../../../../../../../react-base/src/components/Toggle/Toggle.utils.ts"],"sourcesContent":["import type { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport { type Theme, type ModesType, Variables } from '../../theme';\r\n\r\nexport const getStyles = (theme: Theme, state?: FabricsVariables.StateType, disabled?: boolean, checked?: boolean) => {\r\n const modes: ModesType = { disabled, state, foundation: 'surface' };\r\n const layer = theme.layer(modes);\r\n\r\n return {\r\n backgroundColor: checked ? layer[Variables.BackgroundSelected] : layer[Variables.BorderOnFoundationMedium],\r\n circleBackgroundColor: theme.layer({ foundation: 'surface' })[Variables.BackgroundFoundation],\r\n color: layer[Variables.TextOnFoundationStrong],\r\n };\r\n};\r\n"],"names":["getStyles","theme","state","disabled","checked","modes","layer","Variables"],"mappings":";AAIO,MAAMA,IAAY,CAACC,GAAcC,GAAoCC,GAAoBC,MAAsB;AACpH,QAAMC,IAAmB,EAAE,UAAAF,GAAU,OAAAD,GAAO,YAAY,UAAA,GAClDI,IAAQL,EAAM,MAAMI,CAAK;AAE/B,SAAO;AAAA,IACL,iBAAiBD,IAAUE,EAAMC,EAAU,kBAAkB,IAAID,EAAMC,EAAU,wBAAwB;AAAA,IACzG,uBAAuBN,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEM,EAAU,oBAAoB;AAAA,IAC5F,OAAOD,EAAMC,EAAU,sBAAsB;AAAA,EAAA;AAEjD;"}

package/build/esm/react-base/src/components/ToggleButton/ToggleButton.consts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleButton.consts.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.consts.ts"],"sourcesContent":["import type { Size } from './ToggleButton.types';\nimport { Sizes } from '../../consts';\n\ntype ToggleButtonConsts = {\n [size in Size]: {\n height: number;\n padding: { inline: number; icon: number; iconOnly: number };\n borderRadius: number;\n icon: number;\n gap: number;\n };\n};\n\nexport const consts: ToggleButtonConsts = {\n [Sizes.XSmall]: {\n height: 24,\n padding: { inline: 8, icon: 6, iconOnly: 4 },\n borderRadius: 6,\n icon: 16,\n gap: 4,\n },\n [Sizes.Small]: {\n height: 32,\n padding: { inline: 12, icon: 10, iconOnly: 8 },\n borderRadius: 8,\n icon: 16,\n gap: 4,\n },\n [Sizes.Medium]: {\n height: 40,\n padding: { inline: 16, icon: 14, iconOnly: 10 },\n borderRadius: 8,\n icon: 20,\n gap: 6,\n },\n [Sizes.Large]: {\n height: 48,\n padding: { inline: 20, icon: 18, iconOnly: 12 },\n borderRadius: 10,\n icon: 24,\n gap: 8,\n },\n};\n"],"names":["consts","Sizes"],"mappings":";AAaO,MAAMA,IAA6B;AAAA,EACxC,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,QAAQ;AAAA,IACR,SAAS,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,EAAA;AAAA,IACzC,cAAc;AAAA,IACd,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,QAAQ;AAAA,IACR,SAAS,EAAE,QAAQ,IAAI,MAAM,IAAI,UAAU,EAAA;AAAA,IAC3C,cAAc;AAAA,IACd,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,QAAQ;AAAA,IACR,SAAS,EAAE,QAAQ,IAAI,MAAM,IAAI,UAAU,GAAA;AAAA,IAC3C,cAAc;AAAA,IACd,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,QAAQ;AAAA,IACR,SAAS,EAAE,QAAQ,IAAI,MAAM,IAAI,UAAU,GAAA;AAAA,IAC3C,cAAc;AAAA,IACd,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET;"}
1	+ {"version":3,"file":"ToggleButton.consts.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.consts.ts"],"sourcesContent":["import type { Size } from './ToggleButton.types';\r\nimport { Sizes } from '../../consts';\r\n\r\ntype ToggleButtonConsts = {\r\n [size in Size]: {\r\n height: number;\r\n padding: { inline: number; icon: number; iconOnly: number };\r\n borderRadius: number;\r\n icon: number;\r\n gap: number;\r\n };\r\n};\r\n\r\nexport const consts: ToggleButtonConsts = {\r\n [Sizes.XSmall]: {\r\n height: 24,\r\n padding: { inline: 8, icon: 6, iconOnly: 4 },\r\n borderRadius: 6,\r\n icon: 16,\r\n gap: 4,\r\n },\r\n [Sizes.Small]: {\r\n height: 32,\r\n padding: { inline: 12, icon: 10, iconOnly: 8 },\r\n borderRadius: 8,\r\n icon: 16,\r\n gap: 4,\r\n },\r\n [Sizes.Medium]: {\r\n height: 40,\r\n padding: { inline: 16, icon: 14, iconOnly: 10 },\r\n borderRadius: 8,\r\n icon: 20,\r\n gap: 6,\r\n },\r\n [Sizes.Large]: {\r\n height: 48,\r\n padding: { inline: 20, icon: 18, iconOnly: 12 },\r\n borderRadius: 10,\r\n icon: 24,\r\n gap: 8,\r\n },\r\n};\r\n"],"names":["consts","Sizes"],"mappings":";AAaO,MAAMA,IAA6B;AAAA,EACxC,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,QAAQ;AAAA,IACR,SAAS,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,EAAA;AAAA,IACzC,cAAc;AAAA,IACd,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,QAAQ;AAAA,IACR,SAAS,EAAE,QAAQ,IAAI,MAAM,IAAI,UAAU,EAAA;AAAA,IAC3C,cAAc;AAAA,IACd,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,QAAQ;AAAA,IACR,SAAS,EAAE,QAAQ,IAAI,MAAM,IAAI,UAAU,GAAA;AAAA,IAC3C,cAAc;AAAA,IACd,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,QAAQ;AAAA,IACR,SAAS,EAAE,QAAQ,IAAI,MAAM,IAAI,UAAU,GAAA;AAAA,IAC3C,cAAc;AAAA,IACd,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET;"}

package/build/esm/react-base/src/components/ToggleButton/ToggleButton.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleButton.styles.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { consts } from './ToggleButton.consts';\nimport type { IProps } from './ToggleButton.types';\nimport { getPaddingInline } from './ToggleButton.utils';\nimport { PickTransient } from '../../types';\n\nexport type LabelContainerStylesProps = Required<PickTransient<IProps, 'size'>>;\nexport type ContainerStylesProps = LabelContainerStylesProps & Required<PickTransient<IProps, 'rounded'>>;\nexport type ContentStylesProps = LabelContainerStylesProps &\n Required<PickTransient<IProps, 'iconPosition' \| 'iconOnly'>> &\n PickTransient<IProps, 'icon'>;\n\nexport const LabelContainerStyles = css<LabelContainerStylesProps>(\n ({ $size }) => css`\n display: flex;\n align-items: center;\n justify-content: center;\n gap: ${consts[$size].gap}px;\n `,\n);\n\nexport const ContentContainerStyles = css<ContentStylesProps>(\n ({ $size, $iconPosition, $icon, $iconOnly }) => css<ContentStylesProps>`\n ${LabelContainerStyles};\n padding-inline: ${getPaddingInline($size, Boolean($icon), $iconPosition, $iconOnly)};\n ${$iconPosition === 'right' &&\n css`\n flex-direction: row-reverse;\n `};\n `,\n);\n\nexport const ContainerStyles = css<ContainerStylesProps>(\n ({ $size, $rounded }) => css`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n height: ${consts[$size].height}px;\n border-radius: ${$rounded ? 1000 : consts[$size].borderRadius}px;\n cursor: pointer;\n transition:\n box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1),\n background-color 0.3s,\n border 0.3s;\n `,\n);\n\nexport const ContentLoadingStyles = css`\n opacity: 0;\n min-height: 0;\n height: 0;\n`;\n"],"names":["LabelContainerStyles","css","$size","consts","ContentContainerStyles","$iconPosition","$icon","$iconOnly","getPaddingInline","ContainerStyles","$rounded","ContentLoadingStyles"],"mappings":";;;AAaO,MAAMA,IAAuBC;AAAA,EAClC,CAAC,EAAE,OAAAC,EAAA,MAAYD;AAAA;AAAA;AAAA;AAAA,WAINE,EAAOD,CAAK,EAAE,GAAG;AAAA;AAE5B,GAEaE,IAAyBH;AAAA,EACpC,CAAC,EAAE,OAAAC,GAAO,eAAAG,GAAe,OAAAC,GAAO,WAAAC,QAAgBN;AAAA,MAC5CD,CAAoB;AAAA,sBACJQ,EAAiBN,GAAO,EAAQI,GAAQD,GAAeE,CAAS,CAAC;AAAA,MACjFF,MAAkB,WACpBJ;AAAA;AAAA,KAEC;AAAA;AAEL,GAEaQ,IAAkBR;AAAA,EAC7B,CAAC,EAAE,OAAAC,GAAO,UAAAQ,EAAA,MAAeT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMbE,EAAOD,CAAK,EAAE,MAAM;AAAA,qBACbQ,IAAW,MAAOP,EAAOD,CAAK,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjE,GAEaS,IAAuBV;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"ToggleButton.styles.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\n\r\nimport { consts } from './ToggleButton.consts';\r\nimport type { IProps } from './ToggleButton.types';\r\nimport { getPaddingInline } from './ToggleButton.utils';\r\nimport { PickTransient } from '../../types';\r\n\r\nexport type LabelContainerStylesProps = Required<PickTransient<IProps, 'size'>>;\r\nexport type ContainerStylesProps = LabelContainerStylesProps & Required<PickTransient<IProps, 'rounded'>>;\r\nexport type ContentStylesProps = LabelContainerStylesProps &\r\n Required<PickTransient<IProps, 'iconPosition' \| 'iconOnly'>> &\r\n PickTransient<IProps, 'icon'>;\r\n\r\nexport const LabelContainerStyles = css<LabelContainerStylesProps>(\r\n ({ $size }) => css`\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: ${consts[$size].gap}px;\r\n `,\r\n);\r\n\r\nexport const ContentContainerStyles = css<ContentStylesProps>(\r\n ({ $size, $iconPosition, $icon, $iconOnly }) => css<ContentStylesProps>`\r\n ${LabelContainerStyles};\r\n padding-inline: ${getPaddingInline($size, Boolean($icon), $iconPosition, $iconOnly)};\r\n ${$iconPosition === 'right' &&\r\n css`\r\n flex-direction: row-reverse;\r\n `};\r\n `,\r\n);\r\n\r\nexport const ContainerStyles = css<ContainerStylesProps>(\r\n ({ $size, $rounded }) => css`\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n height: ${consts[$size].height}px;\r\n border-radius: ${$rounded ? 1000 : consts[$size].borderRadius}px;\r\n cursor: pointer;\r\n transition:\r\n box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1),\r\n background-color 0.3s,\r\n border 0.3s;\r\n `,\r\n);\r\n\r\nexport const ContentLoadingStyles = css`\r\n opacity: 0;\r\n min-height: 0;\r\n height: 0;\r\n`;\r\n"],"names":["LabelContainerStyles","css","$size","consts","ContentContainerStyles","$iconPosition","$icon","$iconOnly","getPaddingInline","ContainerStyles","$rounded","ContentLoadingStyles"],"mappings":";;;AAaO,MAAMA,IAAuBC;AAAA,EAClC,CAAC,EAAE,OAAAC,EAAA,MAAYD;AAAA;AAAA;AAAA;AAAA,WAINE,EAAOD,CAAK,EAAE,GAAG;AAAA;AAE5B,GAEaE,IAAyBH;AAAA,EACpC,CAAC,EAAE,OAAAC,GAAO,eAAAG,GAAe,OAAAC,GAAO,WAAAC,QAAgBN;AAAA,MAC5CD,CAAoB;AAAA,sBACJQ,EAAiBN,GAAO,EAAQI,GAAQD,GAAeE,CAAS,CAAC;AAAA,MACjFF,MAAkB,WACpBJ;AAAA;AAAA,KAEC;AAAA;AAEL,GAEaQ,IAAkBR;AAAA,EAC7B,CAAC,EAAE,OAAAC,GAAO,UAAAQ,EAAA,MAAeT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMbE,EAAOD,CAAK,EAAE,MAAM;AAAA,qBACbQ,IAAW,MAAOP,EAAOD,CAAK,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjE,GAEaS,IAAuBV;AAAA;AAAA;AAAA;AAAA;"}

package/build/esm/react-base/src/components/ToggleButton/ToggleButton.utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleButton.utils.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.utils.ts"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\nimport type { CSSProperties } from 'styled-components';\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\n\nimport { Variants, Sizes, Positions } from '../../consts';\nimport { consts } from './ToggleButton.consts';\nimport type { Size, IProps, IconPosition } from './ToggleButton.types';\nimport { ModesType, Variables, type Theme } from '../../theme';\nimport { getLoaderSize } from '../Button/Button.utils';\n\nexport const getPaddingInline = (size: Size, icon: boolean, iconPosition: IconPosition, iconOnly: boolean): string => {\n if (!icon) {\n return `${consts[size].padding.inline}px`;\n }\n\n if (iconOnly) {\n return `${consts[size].padding.iconOnly}px`;\n }\n\n if (icon && iconPosition === Positions.Right) {\n return `${consts[size].padding.inline}px ${consts[size].padding.icon}px`;\n }\n\n return `${consts[size].padding.icon}px ${consts[size].padding.inline}px`;\n};\n\nexport const getIconSize = (size: Size) =>\n ({\n width: consts[size].icon,\n height: consts[size].icon,\n }) as const;\n\nconst getBorderSize = (outlined: boolean, state: FabricsVariables.StateType, isSelected: boolean): string => {\n if (outlined) {\n if (\n (isSelected && (state === FabricsVariables.States.Resting \|\| state === FabricsVariables.States.Hover)) \|\|\n (!isSelected && state === FabricsVariables.States.Press)\n ) {\n return 'inset 0 0 0 2px';\n }\n\n return 'inset 0 0 0 1px';\n }\n\n return '0 0 0 0px';\n};\n\nexport const getBackgroundColor = (\n theme: Theme,\n outlined: boolean,\n state: FabricsVariables.StateType,\n isSelected: boolean,\n disabled?: boolean,\n): string => {\n const modes: ModesType = {\n selectedProminence: 'strong',\n foundation: 'section',\n transparentRestingState: outlined,\n state,\n disabled,\n };\n const layer = theme.layer(modes);\n const layerType = isSelected && !outlined ? 'Selected' : 'Foundation';\n\n return layer[`Background/${layerType}`];\n};\n\nexport const getTextColor = (theme: Theme, outlined: boolean, isSelected: boolean, disabled: boolean): string => {\n const layer = theme.layer({ selectedProminence: outlined ? 'subtle' : 'strong', disabled });\n\n if (isSelected && !disabled) {\n return layer[Variables.ForegroundOnSelected];\n }\n\n return layer[Variables.TextOnFoundationStrong];\n};\n\nexport const getBorderColor = (theme: Theme, isSelected: boolean, disabled: boolean): string => {\n const layer = theme.layer({ selectedProminence: 'subtle', disabled });\n\n if (isSelected) {\n return layer[Variables.BorderOnSelectedOnBackground];\n }\n\n return layer[Variables.BorderOnFoundationMedium];\n};\n\nexport const getStylesForState = (\n theme: Theme,\n outlined: boolean,\n state: FabricsVariables.StateType,\n isSelected: boolean,\n disabled: boolean,\n): CSSProperties => ({\n backgroundColor: getBackgroundColor(theme, outlined, state, isSelected, disabled),\n color: getTextColor(theme, outlined, isSelected, disabled),\n boxShadow: `${getBorderSize(outlined, state, isSelected)} ${getBorderColor(theme, isSelected, disabled)}`,\n});\n\nexport const getFabricStyles = (theme: Theme, outlined: boolean, isSelected: boolean) => {\n const states = Object.values(FabricsVariables.States);\n const styles = states.reduce(\n (acc, state) => ({\n ...acc,\n [state]: getStylesForState(theme, outlined, state, isSelected, false),\n }),\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n {} as { [key in FabricsVariables.StateType]: any },\n );\n\n const disabledStyles = getStylesForState(theme, outlined, FabricsVariables.States.Resting, isSelected, true);\n\n return { ...styles, disabled: disabledStyles };\n};\n\nexport const useProps = ({\n active = false,\n selected,\n size = `${Sizes.Medium}`,\n variant = `${Variants.Filled}`,\n outlined,\n iconOnly = false,\n iconPosition = `${Positions.Left}`,\n loading = false,\n rounded = false,\n ...props\n}: IProps) => ({\n ...props,\n loaderSize: getLoaderSize(size),\n selected: selected ?? active,\n size,\n outlined: outlined ?? variant !== Variants.Filled,\n iconOnly,\n iconPosition,\n loading,\n rounded,\n});\n"],"names":["getPaddingInline","size","icon","iconPosition","iconOnly","consts","Positions","getIconSize","getBorderSize","outlined","state","isSelected","FabricsVariables","getBackgroundColor","theme","disabled","modes","getTextColor","layer","Variables","getBorderColor","getStylesForState","getFabricStyles","styles","acc","disabledStyles","useProps","active","selected","Sizes","variant","Variants","loading","rounded","props","getLoaderSize"],"mappings":"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"}
1	+ {"version":3,"file":"ToggleButton.utils.js","sources":["../../../../../../../react-base/src/components/ToggleButton/ToggleButton.utils.ts"],"sourcesContent":["/* eslint-disable sonarjs/deprecation */\r\nimport type { CSSProperties } from 'styled-components';\r\nimport { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\nimport { Variants, Sizes, Positions } from '../../consts';\r\nimport { consts } from './ToggleButton.consts';\r\nimport type { Size, IProps, IconPosition } from './ToggleButton.types';\r\nimport { ModesType, Variables, type Theme } from '../../theme';\r\nimport { getLoaderSize } from '../Button/Button.utils';\r\n\r\nexport const getPaddingInline = (size: Size, icon: boolean, iconPosition: IconPosition, iconOnly: boolean): string => {\r\n if (!icon) {\r\n return `${consts[size].padding.inline}px`;\r\n }\r\n\r\n if (iconOnly) {\r\n return `${consts[size].padding.iconOnly}px`;\r\n }\r\n\r\n if (icon && iconPosition === Positions.Right) {\r\n return `${consts[size].padding.inline}px ${consts[size].padding.icon}px`;\r\n }\r\n\r\n return `${consts[size].padding.icon}px ${consts[size].padding.inline}px`;\r\n};\r\n\r\nexport const getIconSize = (size: Size) =>\r\n ({\r\n width: consts[size].icon,\r\n height: consts[size].icon,\r\n }) as const;\r\n\r\nconst getBorderSize = (outlined: boolean, state: FabricsVariables.StateType, isSelected: boolean): string => {\r\n if (outlined) {\r\n if (\r\n (isSelected && (state === FabricsVariables.States.Resting \|\| state === FabricsVariables.States.Hover)) \|\|\r\n (!isSelected && state === FabricsVariables.States.Press)\r\n ) {\r\n return 'inset 0 0 0 2px';\r\n }\r\n\r\n return 'inset 0 0 0 1px';\r\n }\r\n\r\n return '0 0 0 0px';\r\n};\r\n\r\nexport const getBackgroundColor = (\r\n theme: Theme,\r\n outlined: boolean,\r\n state: FabricsVariables.StateType,\r\n isSelected: boolean,\r\n disabled?: boolean,\r\n): string => {\r\n const modes: ModesType = {\r\n selectedProminence: 'strong',\r\n foundation: 'section',\r\n transparentRestingState: outlined,\r\n state,\r\n disabled,\r\n };\r\n const layer = theme.layer(modes);\r\n const layerType = isSelected && !outlined ? 'Selected' : 'Foundation';\r\n\r\n return layer[`Background/${layerType}`];\r\n};\r\n\r\nexport const getTextColor = (theme: Theme, outlined: boolean, isSelected: boolean, disabled: boolean): string => {\r\n const layer = theme.layer({ selectedProminence: outlined ? 'subtle' : 'strong', disabled });\r\n\r\n if (isSelected && !disabled) {\r\n return layer[Variables.ForegroundOnSelected];\r\n }\r\n\r\n return layer[Variables.TextOnFoundationStrong];\r\n};\r\n\r\nexport const getBorderColor = (theme: Theme, isSelected: boolean, disabled: boolean): string => {\r\n const layer = theme.layer({ selectedProminence: 'subtle', disabled });\r\n\r\n if (isSelected) {\r\n return layer[Variables.BorderOnSelectedOnBackground];\r\n }\r\n\r\n return layer[Variables.BorderOnFoundationMedium];\r\n};\r\n\r\nexport const getStylesForState = (\r\n theme: Theme,\r\n outlined: boolean,\r\n state: FabricsVariables.StateType,\r\n isSelected: boolean,\r\n disabled: boolean,\r\n): CSSProperties => ({\r\n backgroundColor: getBackgroundColor(theme, outlined, state, isSelected, disabled),\r\n color: getTextColor(theme, outlined, isSelected, disabled),\r\n boxShadow: `${getBorderSize(outlined, state, isSelected)} ${getBorderColor(theme, isSelected, disabled)}`,\r\n});\r\n\r\nexport const getFabricStyles = (theme: Theme, outlined: boolean, isSelected: boolean) => {\r\n const states = Object.values(FabricsVariables.States);\r\n const styles = states.reduce(\r\n (acc, state) => ({\r\n ...acc,\r\n [state]: getStylesForState(theme, outlined, state, isSelected, false),\r\n }),\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n {} as { [key in FabricsVariables.StateType]: any },\r\n );\r\n\r\n const disabledStyles = getStylesForState(theme, outlined, FabricsVariables.States.Resting, isSelected, true);\r\n\r\n return { ...styles, disabled: disabledStyles };\r\n};\r\n\r\nexport const useProps = ({\r\n active = false,\r\n selected,\r\n size = `${Sizes.Medium}`,\r\n variant = `${Variants.Filled}`,\r\n outlined,\r\n iconOnly = false,\r\n iconPosition = `${Positions.Left}`,\r\n loading = false,\r\n rounded = false,\r\n ...props\r\n}: IProps) => ({\r\n ...props,\r\n loaderSize: getLoaderSize(size),\r\n selected: selected ?? active,\r\n size,\r\n outlined: outlined ?? variant !== Variants.Filled,\r\n iconOnly,\r\n iconPosition,\r\n loading,\r\n rounded,\r\n});\r\n"],"names":["getPaddingInline","size","icon","iconPosition","iconOnly","consts","Positions","getIconSize","getBorderSize","outlined","state","isSelected","FabricsVariables","getBackgroundColor","theme","disabled","modes","getTextColor","layer","Variables","getBorderColor","getStylesForState","getFabricStyles","styles","acc","disabledStyles","useProps","active","selected","Sizes","variant","Variants","loading","rounded","props","getLoaderSize"],"mappings":"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"}

package/build/esm/react-base/src/components/Tooltip/Tooltip.utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.utils.js","sources":["../../../../../../../react-base/src/components/Tooltip/Tooltip.utils.ts"],"sourcesContent":["import { type Theme, Variables } from '../../theme';\nimport { Positions, ZIndexes } from '../../consts';\nimport type { IProps } from './Tooltip.types';\nimport { PopoverConsts } from '../Popover';\n\nexport const useProps = ({\n isDisabled,\n delay = 250,\n overlay,\n closeDelay = 500,\n offset = 12,\n crossOffset = 0,\n arrow = true,\n placement = `${Positions.Top}`,\n}: IProps) => ({\n delay,\n closeDelay,\n isDisabled,\n overlay,\n offset,\n crossOffset,\n arrow,\n overlayPlacement: placement,\n arrowSize: PopoverConsts.consts.small.arrowWidth,\n containerPadding: 0,\n arrowBoundaryOffset: 0,\n});\n\nexport const useStyles = (theme: Theme) => {\n const layer = theme.layer({ foundation: 'surface' });\n const { arrowWidth, arrowHeight } = PopoverConsts.consts.small;\n\n return {\n background: layer[Variables.BackgroundFoundation],\n color: layer[Variables.TextOnFoundationStrong],\n dropShadow: theme.dropShadows.low2,\n zIndex: ZIndexes.TOOLTIP,\n arrowWidth,\n arrowHeight,\n };\n};\n"],"names":["useProps","isDisabled","delay","overlay","closeDelay","offset","crossOffset","arrow","placement","Positions","PopoverConsts.consts","useStyles","theme","layer","arrowWidth","arrowHeight","Variables","ZIndexes"],"mappings":";;;AAKO,MAAMA,IAAW,CAAC;AAAA,EACvB,YAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,aAAAC,IAAc;AAAA,EACd,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY,GAAGC,EAAU,GAAG;AAC9B,OAAe;AAAA,EACb,OAAAP;AAAA,EACA,YAAAE;AAAA,EACA,YAAAH;AAAA,EACA,SAAAE;AAAA,EACA,QAAAE;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,kBAAkBC;AAAA,EAClB,WAAWE,EAAqB,MAAM;AAAA,EACtC,kBAAkB;AAAA,EAClB,qBAAqB;AACvB,IAEaC,IAAY,CAACC,MAAiB;AACzC,QAAMC,IAAQD,EAAM,MAAM,EAAE,YAAY,WAAW,GAC7C,EAAE,YAAAE,GAAY,aAAAC,EAAA,IAAgBL,EAAqB;AAEzD,SAAO;AAAA,IACL,YAAYG,EAAMG,EAAU,oBAAoB;AAAA,IAChD,OAAOH,EAAMG,EAAU,sBAAsB;AAAA,IAC7C,YAAYJ,EAAM,YAAY;AAAA,IAC9B,QAAQK,EAAS;AAAA,IACjB,YAAAH;AAAA,IACA,aAAAC;AAAA,EAAA;AAEJ;"}
1	+ {"version":3,"file":"Tooltip.utils.js","sources":["../../../../../../../react-base/src/components/Tooltip/Tooltip.utils.ts"],"sourcesContent":["import { type Theme, Variables } from '../../theme';\r\nimport { Positions, ZIndexes } from '../../consts';\r\nimport type { IProps } from './Tooltip.types';\r\nimport { PopoverConsts } from '../Popover';\r\n\r\nexport const useProps = ({\r\n isDisabled,\r\n delay = 250,\r\n overlay,\r\n closeDelay = 500,\r\n offset = 12,\r\n crossOffset = 0,\r\n arrow = true,\r\n placement = `${Positions.Top}`,\r\n}: IProps) => ({\r\n delay,\r\n closeDelay,\r\n isDisabled,\r\n overlay,\r\n offset,\r\n crossOffset,\r\n arrow,\r\n overlayPlacement: placement,\r\n arrowSize: PopoverConsts.consts.small.arrowWidth,\r\n containerPadding: 0,\r\n arrowBoundaryOffset: 0,\r\n});\r\n\r\nexport const useStyles = (theme: Theme) => {\r\n const layer = theme.layer({ foundation: 'surface' });\r\n const { arrowWidth, arrowHeight } = PopoverConsts.consts.small;\r\n\r\n return {\r\n background: layer[Variables.BackgroundFoundation],\r\n color: layer[Variables.TextOnFoundationStrong],\r\n dropShadow: theme.dropShadows.low2,\r\n zIndex: ZIndexes.TOOLTIP,\r\n arrowWidth,\r\n arrowHeight,\r\n };\r\n};\r\n"],"names":["useProps","isDisabled","delay","overlay","closeDelay","offset","crossOffset","arrow","placement","Positions","PopoverConsts.consts","useStyles","theme","layer","arrowWidth","arrowHeight","Variables","ZIndexes"],"mappings":";;;AAKO,MAAMA,IAAW,CAAC;AAAA,EACvB,YAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,aAAAC,IAAc;AAAA,EACd,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY,GAAGC,EAAU,GAAG;AAC9B,OAAe;AAAA,EACb,OAAAP;AAAA,EACA,YAAAE;AAAA,EACA,YAAAH;AAAA,EACA,SAAAE;AAAA,EACA,QAAAE;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,kBAAkBC;AAAA,EAClB,WAAWE,EAAqB,MAAM;AAAA,EACtC,kBAAkB;AAAA,EAClB,qBAAqB;AACvB,IAEaC,IAAY,CAACC,MAAiB;AACzC,QAAMC,IAAQD,EAAM,MAAM,EAAE,YAAY,WAAW,GAC7C,EAAE,YAAAE,GAAY,aAAAC,EAAA,IAAgBL,EAAqB;AAEzD,SAAO;AAAA,IACL,YAAYG,EAAMG,EAAU,oBAAoB;AAAA,IAChD,OAAOH,EAAMG,EAAU,sBAAsB;AAAA,IAC7C,YAAYJ,EAAM,YAAY;AAAA,IAC9B,QAAQK,EAAS;AAAA,IACjB,YAAAH;AAAA,IACA,aAAAC;AAAA,EAAA;AAEJ;"}

package/build/esm/react-base/src/components/Tree/Tree.consts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tree.consts.js","sources":["../../../../../../../react-base/src/components/Tree/Tree.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\nimport type { Size } from './Tree.types';\n\ntype TreeConstsType = {\n borderRadius: {\n [size in Size]: number;\n };\n gap: {\n [size in Size]: number;\n };\n icon: {\n [size in Size]: number;\n };\n paddingLeft: {\n [size in Size]: number;\n };\n padding: {\n [size in Size]: string;\n };\n};\n\nexport const consts: TreeConstsType = {\n borderRadius: {\n [Sizes.XSmall]: 4,\n [Sizes.Small]: 4,\n [Sizes.Medium]: 6,\n [Sizes.Large]: 6,\n },\n gap: {\n [Sizes.XSmall]: 4,\n [Sizes.Small]: 6,\n [Sizes.Medium]: 8,\n [Sizes.Large]: 8,\n },\n icon: {\n [Sizes.XSmall]: 16,\n [Sizes.Small]: 20,\n [Sizes.Medium]: 24,\n [Sizes.Large]: 28,\n },\n paddingLeft: {\n [Sizes.XSmall]: 20,\n [Sizes.Small]: 26,\n [Sizes.Medium]: 32,\n [Sizes.Large]: 36,\n },\n padding: {\n [Sizes.XSmall]: '4px 4px 4px 4px',\n [Sizes.Small]: '6px 4px 6px 6px',\n [Sizes.Medium]: '8px 6px 8px 8px',\n [Sizes.Large]: '10px 6px 8px 10px',\n },\n} as const;\n"],"names":["consts","Sizes"],"mappings":";AAqBO,MAAMA,IAAyB;AAAA,EACpC,cAAc;AAAA,IACZ,CAACC,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IACf,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EAAA;AAAA,EAEjB,KAAK;AAAA,IACH,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IACf,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EAAA;AAAA,EAEjB,MAAM;AAAA,IACJ,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IACf,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EAAA;AAAA,EAEjB,aAAa;AAAA,IACX,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IACf,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EAAA;AAAA,EAEjB,SAAS;AAAA,IACP,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IACf,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EAAA;AAEnB;"}
1	+ {"version":3,"file":"Tree.consts.js","sources":["../../../../../../../react-base/src/components/Tree/Tree.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\r\nimport type { Size } from './Tree.types';\r\n\r\ntype TreeConstsType = {\r\n borderRadius: {\r\n [size in Size]: number;\r\n };\r\n gap: {\r\n [size in Size]: number;\r\n };\r\n icon: {\r\n [size in Size]: number;\r\n };\r\n paddingLeft: {\r\n [size in Size]: number;\r\n };\r\n padding: {\r\n [size in Size]: string;\r\n };\r\n};\r\n\r\nexport const consts: TreeConstsType = {\r\n borderRadius: {\r\n [Sizes.XSmall]: 4,\r\n [Sizes.Small]: 4,\r\n [Sizes.Medium]: 6,\r\n [Sizes.Large]: 6,\r\n },\r\n gap: {\r\n [Sizes.XSmall]: 4,\r\n [Sizes.Small]: 6,\r\n [Sizes.Medium]: 8,\r\n [Sizes.Large]: 8,\r\n },\r\n icon: {\r\n [Sizes.XSmall]: 16,\r\n [Sizes.Small]: 20,\r\n [Sizes.Medium]: 24,\r\n [Sizes.Large]: 28,\r\n },\r\n paddingLeft: {\r\n [Sizes.XSmall]: 20,\r\n [Sizes.Small]: 26,\r\n [Sizes.Medium]: 32,\r\n [Sizes.Large]: 36,\r\n },\r\n padding: {\r\n [Sizes.XSmall]: '4px 4px 4px 4px',\r\n [Sizes.Small]: '6px 4px 6px 6px',\r\n [Sizes.Medium]: '8px 6px 8px 8px',\r\n [Sizes.Large]: '10px 6px 8px 10px',\r\n },\r\n} as const;\r\n"],"names":["consts","Sizes"],"mappings":";AAqBO,MAAMA,IAAyB;AAAA,EACpC,cAAc;AAAA,IACZ,CAACC,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IACf,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EAAA;AAAA,EAEjB,KAAK;AAAA,IACH,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IACf,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EAAA;AAAA,EAEjB,MAAM;AAAA,IACJ,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IACf,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EAAA;AAAA,EAEjB,aAAa;AAAA,IACX,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IACf,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EAAA;AAAA,EAEjB,SAAS;AAAA,IACP,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,IACf,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EAAA;AAEnB;"}

package/build/esm/react-base/src/components/Tree/Tree.utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tree.utils.js","sources":["../../../../../../../react-base/src/components/Tree/Tree.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\nimport type { CSSObject } from 'styled-components';\n\nimport { getLabelTypographySize } from '../../utils/sizesUtils';\nimport { Variables, type Theme } from '../../theme';\nimport { Sizes, Contrasts } from '../../consts';\nimport type { Size, IProps } from './Tree.types';\n\nconst getStateStyle = (theme: Theme, state: FabricsVariables.StateType) =>\n theme.layer({ foundation: 'surface', state })[Variables.BackgroundFoundation];\n\nexport const getTitleFontStyle = (theme: Theme, size: Size) => theme.typography('label', getLabelTypographySize(size));\n\ntype StateTypes = FabricsVariables.StateType \| 'focus' \| 'disabled';\n\nexport const getNodeContentStyle = (theme: Theme): Record<StateTypes, CSSObject> => ({\n resting: {\n color: theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong],\n backgroundColor: Contrasts.Transparent,\n borderColor: Contrasts.Transparent,\n },\n disabled: {\n color: theme.layer({ foundation: 'surface', disabled: true })[Variables.TextOnFoundationStrong],\n outline: 3,\n borderColor: Contrasts.Transparent,\n },\n press: {\n backgroundColor: getStateStyle(theme, FabricsVariables.States.Press),\n },\n hover: {\n backgroundColor: getStateStyle(theme, FabricsVariables.States.Hover),\n },\n focus: {\n outline: `3px solid ${theme.globals('others').focus}`,\n outlineOffset: '2px',\n backgroundColor: getStateStyle(theme, FabricsVariables.States.Resting),\n },\n});\n\nexport const getLoadingSize = (size: Size): Size => {\n if (size === Sizes.Medium) {\n return Sizes.Small;\n }\n\n if (size === Sizes.Large) {\n return Sizes.Medium;\n }\n\n return Sizes.XSmall;\n};\n\nexport type UsePropsReturnType = ReturnType<typeof useProps>;\n\nexport const useProps = ({\n treeData = [],\n size = Sizes.Medium,\n showIcon = true,\n isCheckable = false,\n isDisabled = false,\n ...props\n}: IProps) => ({\n ...props,\n treeData,\n size,\n showIcon,\n isCheckable,\n isDisabled,\n});\n"],"names":["getStateStyle","theme","state","Variables","getTitleFontStyle","size","getLabelTypographySize","getNodeContentStyle","Contrasts","FabricsVariables","getLoadingSize","Sizes","useProps","treeData","showIcon","isCheckable","isDisabled","props"],"mappings":";;;;AAQA,MAAMA,IAAgB,CAACC,GAAcC,MACnCD,EAAM,MAAM,EAAE,YAAY,WAAW,OAAAC,EAAA,CAAO,EAAEC,EAAU,oBAAoB,GAEjEC,IAAoB,CAACH,GAAcI,MAAeJ,EAAM,WAAW,SAASK,EAAuBD,CAAI,CAAC,GAIxGE,IAAsB,CAACN,OAAiD;AAAA,EACnF,SAAS;AAAA,IACP,OAAOA,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEE,EAAU,sBAAsB;AAAA,IAC9E,iBAAiBK,EAAU;AAAA,IAC3B,aAAaA,EAAU;AAAA,EAAA;AAAA,EAEzB,UAAU;AAAA,IACR,OAAOP,EAAM,MAAM,EAAE,YAAY,WAAW,UAAU,GAAA,CAAM,EAAEE,EAAU,sBAAsB;AAAA,IAC9F,SAAS;AAAA,IACT,aAAaK,EAAU;AAAA,EAAA;AAAA,EAEzB,OAAO;AAAA,IACL,iBAAiBR,EAAcC,GAAOQ,EAAiB,OAAO,KAAK;AAAA,EAAA;AAAA,EAErE,OAAO;AAAA,IACL,iBAAiBT,EAAcC,GAAOQ,EAAiB,OAAO,KAAK;AAAA,EAAA;AAAA,EAErE,OAAO;AAAA,IACL,SAAS,aAAaR,EAAM,QAAQ,QAAQ,EAAE,KAAK;AAAA,IACnD,eAAe;AAAA,IACf,iBAAiBD,EAAcC,GAAOQ,EAAiB,OAAO,OAAO;AAAA,EAAA;AAEzE,IAEaC,IAAiB,CAACL,MACzBA,MAASM,EAAM,SACVA,EAAM,QAGXN,MAASM,EAAM,QACVA,EAAM,SAGRA,EAAM,QAKFC,IAAW,CAAC;AAAA,EACvB,UAAAC,IAAW,CAAA;AAAA,EACX,MAAAR,IAAOM,EAAM;AAAA,EACb,UAAAG,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,OAAe;AAAA,EACb,GAAGA;AAAA,EACH,UAAAJ;AAAA,EACA,MAAAR;AAAA,EACA,UAAAS;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AACF;"}
1	+ {"version":3,"file":"Tree.utils.js","sources":["../../../../../../../react-base/src/components/Tree/Tree.utils.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\r\nimport type { CSSObject } from 'styled-components';\r\n\r\nimport { getLabelTypographySize } from '../../utils/sizesUtils';\r\nimport { Variables, type Theme } from '../../theme';\r\nimport { Sizes, Contrasts } from '../../consts';\r\nimport type { Size, IProps } from './Tree.types';\r\n\r\nconst getStateStyle = (theme: Theme, state: FabricsVariables.StateType) =>\r\n theme.layer({ foundation: 'surface', state })[Variables.BackgroundFoundation];\r\n\r\nexport const getTitleFontStyle = (theme: Theme, size: Size) => theme.typography('label', getLabelTypographySize(size));\r\n\r\ntype StateTypes = FabricsVariables.StateType \| 'focus' \| 'disabled';\r\n\r\nexport const getNodeContentStyle = (theme: Theme): Record<StateTypes, CSSObject> => ({\r\n resting: {\r\n color: theme.layer({ foundation: 'surface' })[Variables.TextOnFoundationStrong],\r\n backgroundColor: Contrasts.Transparent,\r\n borderColor: Contrasts.Transparent,\r\n },\r\n disabled: {\r\n color: theme.layer({ foundation: 'surface', disabled: true })[Variables.TextOnFoundationStrong],\r\n outline: 3,\r\n borderColor: Contrasts.Transparent,\r\n },\r\n press: {\r\n backgroundColor: getStateStyle(theme, FabricsVariables.States.Press),\r\n },\r\n hover: {\r\n backgroundColor: getStateStyle(theme, FabricsVariables.States.Hover),\r\n },\r\n focus: {\r\n outline: `3px solid ${theme.globals('others').focus}`,\r\n outlineOffset: '2px',\r\n backgroundColor: getStateStyle(theme, FabricsVariables.States.Resting),\r\n },\r\n});\r\n\r\nexport const getLoadingSize = (size: Size): Size => {\r\n if (size === Sizes.Medium) {\r\n return Sizes.Small;\r\n }\r\n\r\n if (size === Sizes.Large) {\r\n return Sizes.Medium;\r\n }\r\n\r\n return Sizes.XSmall;\r\n};\r\n\r\nexport type UsePropsReturnType = ReturnType<typeof useProps>;\r\n\r\nexport const useProps = ({\r\n treeData = [],\r\n size = Sizes.Medium,\r\n showIcon = true,\r\n isCheckable = false,\r\n isDisabled = false,\r\n ...props\r\n}: IProps) => ({\r\n ...props,\r\n treeData,\r\n size,\r\n showIcon,\r\n isCheckable,\r\n isDisabled,\r\n});\r\n"],"names":["getStateStyle","theme","state","Variables","getTitleFontStyle","size","getLabelTypographySize","getNodeContentStyle","Contrasts","FabricsVariables","getLoadingSize","Sizes","useProps","treeData","showIcon","isCheckable","isDisabled","props"],"mappings":";;;;AAQA,MAAMA,IAAgB,CAACC,GAAcC,MACnCD,EAAM,MAAM,EAAE,YAAY,WAAW,OAAAC,EAAA,CAAO,EAAEC,EAAU,oBAAoB,GAEjEC,IAAoB,CAACH,GAAcI,MAAeJ,EAAM,WAAW,SAASK,EAAuBD,CAAI,CAAC,GAIxGE,IAAsB,CAACN,OAAiD;AAAA,EACnF,SAAS;AAAA,IACP,OAAOA,EAAM,MAAM,EAAE,YAAY,WAAW,EAAEE,EAAU,sBAAsB;AAAA,IAC9E,iBAAiBK,EAAU;AAAA,IAC3B,aAAaA,EAAU;AAAA,EAAA;AAAA,EAEzB,UAAU;AAAA,IACR,OAAOP,EAAM,MAAM,EAAE,YAAY,WAAW,UAAU,GAAA,CAAM,EAAEE,EAAU,sBAAsB;AAAA,IAC9F,SAAS;AAAA,IACT,aAAaK,EAAU;AAAA,EAAA;AAAA,EAEzB,OAAO;AAAA,IACL,iBAAiBR,EAAcC,GAAOQ,EAAiB,OAAO,KAAK;AAAA,EAAA;AAAA,EAErE,OAAO;AAAA,IACL,iBAAiBT,EAAcC,GAAOQ,EAAiB,OAAO,KAAK;AAAA,EAAA;AAAA,EAErE,OAAO;AAAA,IACL,SAAS,aAAaR,EAAM,QAAQ,QAAQ,EAAE,KAAK;AAAA,IACnD,eAAe;AAAA,IACf,iBAAiBD,EAAcC,GAAOQ,EAAiB,OAAO,OAAO;AAAA,EAAA;AAEzE,IAEaC,IAAiB,CAACL,MACzBA,MAASM,EAAM,SACVA,EAAM,QAGXN,MAASM,EAAM,QACVA,EAAM,SAGRA,EAAM,QAKFC,IAAW,CAAC;AAAA,EACvB,UAAAC,IAAW,CAAA;AAAA,EACX,MAAAR,IAAOM,EAAM;AAAA,EACb,UAAAG,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,OAAe;AAAA,EACb,GAAGA;AAAA,EACH,UAAAJ;AAAA,EACA,MAAAR;AAAA,EACA,UAAAS;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AACF;"}

package/build/esm/react-base/src/consts/classes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"classes.js","sources":["../../../../../../react-base/src/consts/classes.ts"],"sourcesContent":["/** Class names */\n\nexport const ACCORDION_CLASS = 'acinguiux-accordion';\nexport const ACCORDION_PANEL_CLASS = 'acinguiux-accordion-panel';\nexport const ALERT_CLASS = 'acinguiux-alert';\nexport const AVATAR_CLASS = 'acinguiux-avatar';\nexport const ARROW_KEYPAD_CLASS = 'acinguiux-arrow-keypad';\nexport const BADGE_CLASS = 'acinguiux-badge';\nexport const BREADCRUMB_CLASS = 'acinguiux-breadcrumb';\nexport const BUTTON_CLASS = 'acinguiux-button';\nexport const BUTTON_GROUP_CLASS = 'acinguiux-button-group';\nexport const CARD_CLASS = 'acinguiux-card';\nexport const CHART_CLASS = 'acinguiux-chart';\nexport const CHECKBOX_CLASS = 'acinguiux-checkbox';\nexport const CALENDAR_CLASS = 'acinguiux-calendar';\nexport const DATE_PICKER_CLASS = 'acinguiux-date-picker';\nexport const DATE_INPUT_DAY_ID_SUFFIX = 'acinguiux-date-input-day';\nexport const DATE_INPUT_MONTH_ID_SUFFIX = 'acinguiux-date-input-month';\nexport const DATE_INPUT_YEAR_ID_SUFFIX = 'acinguiux-date-input-year';\nexport const DIVIDER_CLASS = 'acinguiux-divider';\nexport const DRAWER_CLASS = 'acinguiux-drawer';\nexport const DROPDOWN_CLASS = 'acinguiux-dropdown';\nexport const DROPDOWN_CONTAINER_CLASS = `${DROPDOWN_CLASS}-container`;\nexport const DROPDOWN_CONTAINER_OVERLAY_CLASS = `${DROPDOWN_CONTAINER_CLASS}-overlay`;\nexport const EMPTY_STATE_CLASS = 'acinguiux-empty-state';\nexport const FORM_FIELD_CLASS = 'acinguiux-form-field';\nexport const ICON_CLASS = 'acinguiux-icon';\nexport const FLAG_CLASS = 'acinguiux-flag';\nexport const LIST_ITEM_CLASS = 'acinguiux-list-item';\nexport const LIST_ITEM_HEADER_CLASS = 'acinguiux-list-item-header';\nexport const LIST_ITEM_CHECKED_ICON_CLASS = `${LIST_ITEM_CLASS}-checked-icon`;\nexport const LOADING_CLASS = 'acinguiux-loading';\nexport const MENU_CLASS = 'acinguiux-menu';\nexport const MODAL_CLASS = 'acinguiux-modal';\nexport const MODAL_CONTAINER_CLASS = `${MODAL_CLASS}-container`;\nexport const MODAL_HEADER_CLASS = `${MODAL_CLASS}-header`;\nexport const MODAL_CONTENT_CLASS = `${MODAL_CLASS}-content`;\nexport const MODAL_FOOTER_CLASS = `${MODAL_CLASS}-footer`;\nexport const NAV_BAR_CLASS = 'acinguiux-nav-bar';\nexport const PAGINATION_CLASS = 'acinguiux-pagination';\nexport const PECTEN_CLASS = 'acinguiux-pecten';\nexport const POPCONFIRM_CLASS = 'acinguiux-popconfirm';\nexport const POPOVER_CLASS = 'acinguiux-popover';\nexport const POPOVER_OVERLAY_CLASS = 'acinguiux-popover-overlay';\nexport const PROGRESS_BAR_LINEAR = 'acinguiux-linear-progress-bar';\nexport const PROGRESS_BAR_CIRCLE = 'acinguiux-circle-progress-bar';\nexport const RADIO_BUTTON_CLASS = 'acinguiux-radio-button';\nexport const SELECT_CLASS = 'acinguiux-select';\nexport const SELECT_ERROR_CLASS = `${SELECT_CLASS}-error`;\nexport const SLIDER_CLASS = 'acinguiux-slider';\nexport const STAT_CLASS = 'acinguiux-stat';\nexport const STEPPER_CLASS = 'acinguiux-stepper';\nexport const TABLE_CLASS = 'acinguiux-table';\nexport const BASE_TABLE_CLASS = 'acinguiux-base-table';\nexport const TABLE_HEADER_HEAD_CONTENT_CLASS = `${TABLE_CLASS}-header-head-content`;\nexport const TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS = `${TABLE_CLASS}-header-head-content-subhead`;\nexport const TABLE_SORTER_BUTTON_CLASS = `${TABLE_CLASS}-sorter-button`;\nexport const TABLE_ASC_ICON_CLASS = `${TABLE_CLASS}-asc-icon`;\nexport const TABLE_DESC_ICON_CLASS = `${TABLE_CLASS}-desc-icon`;\nexport const TABLE_NO_DIR_ICON_CLASS = `${TABLE_CLASS}-no-dir-icon`;\nexport const TABLE_FILTER_BUTTON_CLASS = `${TABLE_CLASS}-filter-button`;\nexport const TABLE_MENU_BUTTON_CLASS = `${TABLE_CLASS}-menu-button`;\nexport const TABLE_PIN_BUTTON_CLASS = `${TABLE_CLASS}-pin-button`;\nexport const TABLE_CHECKBOX_CLASS = `${TABLE_CLASS}-checkbox`;\nexport const TABLE_RESIZER_CLASS = `${TABLE_CLASS}-resizer`;\nexport const TABLE_EXPANDER_BUTTON_CLASS = `${TABLE_CLASS}-expander-button`;\nexport const TABLE_DRAGGABLE_BUTTON_CLASS = `${TABLE_CLASS}-draggable-button`;\nexport const TABLE_NUMERIC_TYPE_CLASS = `${TABLE_CLASS}-numeric-type`;\nexport const TABS_CLASS = 'acinguiux-tabs';\nexport const TAG_CLASS = 'acinguiux-tag';\nexport const SECTION_CLASS = 'acinguiux-text-article';\nexport const DISPLAY_CLASS = 'acinguiux-text-display';\nexport const HEADING_CLASS = 'acinguiux-text-heading';\nexport const LABEL_CLASS = 'acinguiux-text-label';\nexport const LINK_CLASS = 'acinguiux-text-link';\nexport const PARAGRAPH_CLASS = 'acinguiux-text-paragraph';\nexport const TEXT_AREA_CLASS = 'acinguiux-text-area';\nexport const TEXT_INPUT_CLASS = 'acinguiux-text-input';\nexport const TIMELINE_CLASS = 'acinguiux-timeline';\nexport const TOGGLE_CLASS = 'acinguiux-toggle';\nexport const TOGGLE_BUTTON_CLASS = 'acinguiux-toggle';\nexport const TOGGLE_SWITCH_CLASS = `${TOGGLE_CLASS}-switch`;\nexport const TOOLTIP_CLASS = 'acinguiux-tooltip';\nexport const TREE_CLASS = 'acinguiux-tree';\nexport const TREE_CHECKBOX_CLASS = `${TREE_CLASS}-checkbox-wrapper`;\nexport const TREE_CHECKBOX_CHECKED_CLASS = `${TREE_CHECKBOX_CLASS}-checked`;\nexport const TREE_CHECKBOX_UNCHECKED_CLASS = `${TREE_CHECKBOX_CLASS}-unchecked`;\nexport const TREE_CHECKBOX_INDETERMINATE_CLASS = `${TREE_CHECKBOX_CLASS}-indeterminate`;\n"],"names":["ACCORDION_CLASS","ACCORDION_PANEL_CLASS","ALERT_CLASS","AVATAR_CLASS","ARROW_KEYPAD_CLASS","BADGE_CLASS","BREADCRUMB_CLASS","BUTTON_CLASS","BUTTON_GROUP_CLASS","CARD_CLASS","CHART_CLASS","CHECKBOX_CLASS","CALENDAR_CLASS","DATE_PICKER_CLASS","DATE_INPUT_DAY_ID_SUFFIX","DATE_INPUT_MONTH_ID_SUFFIX","DATE_INPUT_YEAR_ID_SUFFIX","DIVIDER_CLASS","DRAWER_CLASS","DROPDOWN_CLASS","DROPDOWN_CONTAINER_CLASS","DROPDOWN_CONTAINER_OVERLAY_CLASS","EMPTY_STATE_CLASS","FORM_FIELD_CLASS","ICON_CLASS","FLAG_CLASS","LIST_ITEM_CLASS","LIST_ITEM_HEADER_CLASS","LIST_ITEM_CHECKED_ICON_CLASS","LOADING_CLASS","MENU_CLASS","MODAL_CLASS","MODAL_CONTAINER_CLASS","MODAL_HEADER_CLASS","MODAL_CONTENT_CLASS","MODAL_FOOTER_CLASS","NAV_BAR_CLASS","PAGINATION_CLASS","PECTEN_CLASS","POPCONFIRM_CLASS","POPOVER_CLASS","POPOVER_OVERLAY_CLASS","PROGRESS_BAR_LINEAR","PROGRESS_BAR_CIRCLE","RADIO_BUTTON_CLASS","SELECT_CLASS","SELECT_ERROR_CLASS","SLIDER_CLASS","STAT_CLASS","STEPPER_CLASS","TABLE_CLASS","BASE_TABLE_CLASS","TABLE_HEADER_HEAD_CONTENT_CLASS","TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS","TABLE_SORTER_BUTTON_CLASS","TABLE_ASC_ICON_CLASS","TABLE_DESC_ICON_CLASS","TABLE_NO_DIR_ICON_CLASS","TABLE_FILTER_BUTTON_CLASS","TABLE_MENU_BUTTON_CLASS","TABLE_PIN_BUTTON_CLASS","TABLE_CHECKBOX_CLASS","TABLE_RESIZER_CLASS","TABLE_EXPANDER_BUTTON_CLASS","TABLE_DRAGGABLE_BUTTON_CLASS","TABLE_NUMERIC_TYPE_CLASS","TABS_CLASS","TAG_CLASS","SECTION_CLASS","DISPLAY_CLASS","HEADING_CLASS","LABEL_CLASS","LINK_CLASS","PARAGRAPH_CLASS","TEXT_AREA_CLASS","TEXT_INPUT_CLASS","TIMELINE_CLASS","TOGGLE_CLASS","TOGGLE_BUTTON_CLASS","TOGGLE_SWITCH_CLASS","TOOLTIP_CLASS","TREE_CLASS","TREE_CHECKBOX_CLASS","TREE_CHECKBOX_CHECKED_CLASS","TREE_CHECKBOX_UNCHECKED_CLASS","TREE_CHECKBOX_INDETERMINATE_CLASS"],"mappings":"AAEO,MAAMA,IAAkB,uBAClBC,IAAwB,6BACxBC,IAAc,mBACdC,IAAe,oBACfC,IAAqB,0BACrBC,IAAc,mBACdC,IAAmB,wBACnBC,IAAe,oBACfC,IAAqB,0BACrBC,IAAa,kBACbC,IAAc,mBACdC,IAAiB,sBACjBC,IAAiB,sBACjBC,IAAoB,yBACpBC,IAA2B,4BAC3BC,IAA6B,8BAC7BC,IAA4B,6BAC5BC,IAAgB,qBAChBC,IAAe,oBACfC,IAAiB,sBACjBC,IAA2B,GAAGD,CAAc,cAC5CE,IAAmC,GAAGD,CAAwB,YAC9DE,IAAoB,yBACpBC,IAAmB,wBACnBC,IAAa,kBACbC,IAAa,kBACbC,IAAkB,uBAClBC,IAAyB,8BACzBC,IAA+B,GAAGF,CAAe,iBACjDG,IAAgB,qBAChBC,IAAa,kBACbC,IAAc,mBACdC,IAAwB,GAAGD,CAAW,cACtCE,IAAqB,GAAGF,CAAW,WACnCG,IAAsB,GAAGH,CAAW,YACpCI,IAAqB,GAAGJ,CAAW,WACnCK,IAAgB,qBAChBC,IAAmB,wBACnBC,IAAe,oBACfC,IAAmB,wBACnBC,IAAgB,qBAChBC,IAAwB,6BACxBC,IAAsB,iCACtBC,IAAsB,iCACtBC,IAAqB,0BACrBC,IAAe,oBACfC,IAAqB,GAAGD,CAAY,UACpCE,IAAe,oBACfC,IAAa,kBACbC,IAAgB,qBAChBC,IAAc,mBACdC,KAAmB,wBACnBC,KAAkC,GAAGF,CAAW,wBAChDG,KAA0C,GAAGH,CAAW,gCACxDI,KAA4B,GAAGJ,CAAW,kBAC1CK,KAAuB,GAAGL,CAAW,aACrCM,KAAwB,GAAGN,CAAW,cACtCO,KAA0B,GAAGP,CAAW,gBACxCQ,KAA4B,GAAGR,CAAW,kBAC1CS,KAA0B,GAAGT,CAAW,gBACxCU,KAAyB,GAAGV,CAAW,eACvCW,KAAuB,GAAGX,CAAW,aACrCY,KAAsB,GAAGZ,CAAW,YACpCa,KAA8B,GAAGb,CAAW,oBAC5Cc,KAA+B,GAAGd,CAAW,qBAC7Ce,KAA2B,GAAGf,CAAW,iBACzCgB,KAAa,kBACbC,KAAY,iBACZC,KAAgB,0BAChBC,KAAgB,0BAChBC,KAAgB,0BAChBC,KAAc,wBACdC,KAAa,uBACbC,KAAkB,4BAClBC,KAAkB,uBAClBC,KAAmB,wBACnBC,KAAiB,sBACjBC,IAAe,oBACfC,KAAsB,oBACtBC,KAAsB,GAAGF,CAAY,WACrCG,KAAgB,qBAChBC,IAAa,kBACbC,IAAsB,GAAGD,CAAU,qBACnCE,KAA8B,GAAGD,CAAmB,YACpDE,KAAgC,GAAGF,CAAmB,cACtDG,KAAoC,GAAGH,CAAmB;"}
1	+ {"version":3,"file":"classes.js","sources":["../../../../../../react-base/src/consts/classes.ts"],"sourcesContent":["/** Class names */\r\n\r\nexport const ACCORDION_CLASS = 'acinguiux-accordion';\r\nexport const ACCORDION_PANEL_CLASS = 'acinguiux-accordion-panel';\r\nexport const ALERT_CLASS = 'acinguiux-alert';\r\nexport const AVATAR_CLASS = 'acinguiux-avatar';\r\nexport const ARROW_KEYPAD_CLASS = 'acinguiux-arrow-keypad';\r\nexport const BADGE_CLASS = 'acinguiux-badge';\r\nexport const BREADCRUMB_CLASS = 'acinguiux-breadcrumb';\r\nexport const BUTTON_CLASS = 'acinguiux-button';\r\nexport const BUTTON_GROUP_CLASS = 'acinguiux-button-group';\r\nexport const CARD_CLASS = 'acinguiux-card';\r\nexport const CHART_CLASS = 'acinguiux-chart';\r\nexport const CHECKBOX_CLASS = 'acinguiux-checkbox';\r\nexport const CALENDAR_CLASS = 'acinguiux-calendar';\r\nexport const DATE_PICKER_CLASS = 'acinguiux-date-picker';\r\nexport const DATE_INPUT_DAY_ID_SUFFIX = 'acinguiux-date-input-day';\r\nexport const DATE_INPUT_MONTH_ID_SUFFIX = 'acinguiux-date-input-month';\r\nexport const DATE_INPUT_YEAR_ID_SUFFIX = 'acinguiux-date-input-year';\r\nexport const DIVIDER_CLASS = 'acinguiux-divider';\r\nexport const DRAWER_CLASS = 'acinguiux-drawer';\r\nexport const DROPDOWN_CLASS = 'acinguiux-dropdown';\r\nexport const DROPDOWN_CONTAINER_CLASS = `${DROPDOWN_CLASS}-container`;\r\nexport const DROPDOWN_CONTAINER_OVERLAY_CLASS = `${DROPDOWN_CONTAINER_CLASS}-overlay`;\r\nexport const EMPTY_STATE_CLASS = 'acinguiux-empty-state';\r\nexport const FORM_FIELD_CLASS = 'acinguiux-form-field';\r\nexport const ICON_CLASS = 'acinguiux-icon';\r\nexport const FLAG_CLASS = 'acinguiux-flag';\r\nexport const LIST_ITEM_CLASS = 'acinguiux-list-item';\r\nexport const LIST_ITEM_HEADER_CLASS = 'acinguiux-list-item-header';\r\nexport const LIST_ITEM_CHECKED_ICON_CLASS = `${LIST_ITEM_CLASS}-checked-icon`;\r\nexport const LOADING_CLASS = 'acinguiux-loading';\r\nexport const MENU_CLASS = 'acinguiux-menu';\r\nexport const MODAL_CLASS = 'acinguiux-modal';\r\nexport const MODAL_CONTAINER_CLASS = `${MODAL_CLASS}-container`;\r\nexport const MODAL_HEADER_CLASS = `${MODAL_CLASS}-header`;\r\nexport const MODAL_CONTENT_CLASS = `${MODAL_CLASS}-content`;\r\nexport const MODAL_FOOTER_CLASS = `${MODAL_CLASS}-footer`;\r\nexport const NAV_BAR_CLASS = 'acinguiux-nav-bar';\r\nexport const PAGINATION_CLASS = 'acinguiux-pagination';\r\nexport const PECTEN_CLASS = 'acinguiux-pecten';\r\nexport const POPCONFIRM_CLASS = 'acinguiux-popconfirm';\r\nexport const POPOVER_CLASS = 'acinguiux-popover';\r\nexport const POPOVER_OVERLAY_CLASS = 'acinguiux-popover-overlay';\r\nexport const PROGRESS_BAR_LINEAR = 'acinguiux-linear-progress-bar';\r\nexport const PROGRESS_BAR_CIRCLE = 'acinguiux-circle-progress-bar';\r\nexport const RADIO_BUTTON_CLASS = 'acinguiux-radio-button';\r\nexport const SELECT_CLASS = 'acinguiux-select';\r\nexport const SELECT_ERROR_CLASS = `${SELECT_CLASS}-error`;\r\nexport const SLIDER_CLASS = 'acinguiux-slider';\r\nexport const STAT_CLASS = 'acinguiux-stat';\r\nexport const STEPPER_CLASS = 'acinguiux-stepper';\r\nexport const TABLE_CLASS = 'acinguiux-table';\r\nexport const BASE_TABLE_CLASS = 'acinguiux-base-table';\r\nexport const TABLE_HEADER_HEAD_CONTENT_CLASS = `${TABLE_CLASS}-header-head-content`;\r\nexport const TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS = `${TABLE_CLASS}-header-head-content-subhead`;\r\nexport const TABLE_SORTER_BUTTON_CLASS = `${TABLE_CLASS}-sorter-button`;\r\nexport const TABLE_ASC_ICON_CLASS = `${TABLE_CLASS}-asc-icon`;\r\nexport const TABLE_DESC_ICON_CLASS = `${TABLE_CLASS}-desc-icon`;\r\nexport const TABLE_NO_DIR_ICON_CLASS = `${TABLE_CLASS}-no-dir-icon`;\r\nexport const TABLE_FILTER_BUTTON_CLASS = `${TABLE_CLASS}-filter-button`;\r\nexport const TABLE_MENU_BUTTON_CLASS = `${TABLE_CLASS}-menu-button`;\r\nexport const TABLE_PIN_BUTTON_CLASS = `${TABLE_CLASS}-pin-button`;\r\nexport const TABLE_CHECKBOX_CLASS = `${TABLE_CLASS}-checkbox`;\r\nexport const TABLE_RESIZER_CLASS = `${TABLE_CLASS}-resizer`;\r\nexport const TABLE_EXPANDER_BUTTON_CLASS = `${TABLE_CLASS}-expander-button`;\r\nexport const TABLE_DRAGGABLE_BUTTON_CLASS = `${TABLE_CLASS}-draggable-button`;\r\nexport const TABLE_NUMERIC_TYPE_CLASS = `${TABLE_CLASS}-numeric-type`;\r\nexport const TABS_CLASS = 'acinguiux-tabs';\r\nexport const TAG_CLASS = 'acinguiux-tag';\r\nexport const SECTION_CLASS = 'acinguiux-text-article';\r\nexport const DISPLAY_CLASS = 'acinguiux-text-display';\r\nexport const HEADING_CLASS = 'acinguiux-text-heading';\r\nexport const LABEL_CLASS = 'acinguiux-text-label';\r\nexport const LINK_CLASS = 'acinguiux-text-link';\r\nexport const PARAGRAPH_CLASS = 'acinguiux-text-paragraph';\r\nexport const TEXT_AREA_CLASS = 'acinguiux-text-area';\r\nexport const TEXT_INPUT_CLASS = 'acinguiux-text-input';\r\nexport const TIMELINE_CLASS = 'acinguiux-timeline';\r\nexport const TOGGLE_CLASS = 'acinguiux-toggle';\r\nexport const TOGGLE_BUTTON_CLASS = 'acinguiux-toggle';\r\nexport const TOGGLE_SWITCH_CLASS = `${TOGGLE_CLASS}-switch`;\r\nexport const TOOLTIP_CLASS = 'acinguiux-tooltip';\r\nexport const TREE_CLASS = 'acinguiux-tree';\r\nexport const TREE_CHECKBOX_CLASS = `${TREE_CLASS}-checkbox-wrapper`;\r\nexport const TREE_CHECKBOX_CHECKED_CLASS = `${TREE_CHECKBOX_CLASS}-checked`;\r\nexport const TREE_CHECKBOX_UNCHECKED_CLASS = `${TREE_CHECKBOX_CLASS}-unchecked`;\r\nexport const TREE_CHECKBOX_INDETERMINATE_CLASS = `${TREE_CHECKBOX_CLASS}-indeterminate`;\r\n"],"names":["ACCORDION_CLASS","ACCORDION_PANEL_CLASS","ALERT_CLASS","AVATAR_CLASS","ARROW_KEYPAD_CLASS","BADGE_CLASS","BREADCRUMB_CLASS","BUTTON_CLASS","BUTTON_GROUP_CLASS","CARD_CLASS","CHART_CLASS","CHECKBOX_CLASS","CALENDAR_CLASS","DATE_PICKER_CLASS","DATE_INPUT_DAY_ID_SUFFIX","DATE_INPUT_MONTH_ID_SUFFIX","DATE_INPUT_YEAR_ID_SUFFIX","DIVIDER_CLASS","DRAWER_CLASS","DROPDOWN_CLASS","DROPDOWN_CONTAINER_CLASS","DROPDOWN_CONTAINER_OVERLAY_CLASS","EMPTY_STATE_CLASS","FORM_FIELD_CLASS","ICON_CLASS","FLAG_CLASS","LIST_ITEM_CLASS","LIST_ITEM_HEADER_CLASS","LIST_ITEM_CHECKED_ICON_CLASS","LOADING_CLASS","MENU_CLASS","MODAL_CLASS","MODAL_CONTAINER_CLASS","MODAL_HEADER_CLASS","MODAL_CONTENT_CLASS","MODAL_FOOTER_CLASS","NAV_BAR_CLASS","PAGINATION_CLASS","PECTEN_CLASS","POPCONFIRM_CLASS","POPOVER_CLASS","POPOVER_OVERLAY_CLASS","PROGRESS_BAR_LINEAR","PROGRESS_BAR_CIRCLE","RADIO_BUTTON_CLASS","SELECT_CLASS","SELECT_ERROR_CLASS","SLIDER_CLASS","STAT_CLASS","STEPPER_CLASS","TABLE_CLASS","BASE_TABLE_CLASS","TABLE_HEADER_HEAD_CONTENT_CLASS","TABLE_HEADER_HEAD_CONTENT_SUBHEAD_CLASS","TABLE_SORTER_BUTTON_CLASS","TABLE_ASC_ICON_CLASS","TABLE_DESC_ICON_CLASS","TABLE_NO_DIR_ICON_CLASS","TABLE_FILTER_BUTTON_CLASS","TABLE_MENU_BUTTON_CLASS","TABLE_PIN_BUTTON_CLASS","TABLE_CHECKBOX_CLASS","TABLE_RESIZER_CLASS","TABLE_EXPANDER_BUTTON_CLASS","TABLE_DRAGGABLE_BUTTON_CLASS","TABLE_NUMERIC_TYPE_CLASS","TABS_CLASS","TAG_CLASS","SECTION_CLASS","DISPLAY_CLASS","HEADING_CLASS","LABEL_CLASS","LINK_CLASS","PARAGRAPH_CLASS","TEXT_AREA_CLASS","TEXT_INPUT_CLASS","TIMELINE_CLASS","TOGGLE_CLASS","TOGGLE_BUTTON_CLASS","TOGGLE_SWITCH_CLASS","TOOLTIP_CLASS","TREE_CLASS","TREE_CHECKBOX_CLASS","TREE_CHECKBOX_CHECKED_CLASS","TREE_CHECKBOX_UNCHECKED_CLASS","TREE_CHECKBOX_INDETERMINATE_CLASS"],"mappings":"AAEO,MAAMA,IAAkB,uBAClBC,IAAwB,6BACxBC,IAAc,mBACdC,IAAe,oBACfC,IAAqB,0BACrBC,IAAc,mBACdC,IAAmB,wBACnBC,IAAe,oBACfC,IAAqB,0BACrBC,IAAa,kBACbC,IAAc,mBACdC,IAAiB,sBACjBC,IAAiB,sBACjBC,IAAoB,yBACpBC,IAA2B,4BAC3BC,IAA6B,8BAC7BC,IAA4B,6BAC5BC,IAAgB,qBAChBC,IAAe,oBACfC,IAAiB,sBACjBC,IAA2B,GAAGD,CAAc,cAC5CE,IAAmC,GAAGD,CAAwB,YAC9DE,IAAoB,yBACpBC,IAAmB,wBACnBC,IAAa,kBACbC,IAAa,kBACbC,IAAkB,uBAClBC,IAAyB,8BACzBC,IAA+B,GAAGF,CAAe,iBACjDG,IAAgB,qBAChBC,IAAa,kBACbC,IAAc,mBACdC,IAAwB,GAAGD,CAAW,cACtCE,IAAqB,GAAGF,CAAW,WACnCG,IAAsB,GAAGH,CAAW,YACpCI,IAAqB,GAAGJ,CAAW,WACnCK,IAAgB,qBAChBC,IAAmB,wBACnBC,IAAe,oBACfC,IAAmB,wBACnBC,IAAgB,qBAChBC,IAAwB,6BACxBC,IAAsB,iCACtBC,IAAsB,iCACtBC,IAAqB,0BACrBC,IAAe,oBACfC,IAAqB,GAAGD,CAAY,UACpCE,IAAe,oBACfC,IAAa,kBACbC,IAAgB,qBAChBC,IAAc,mBACdC,KAAmB,wBACnBC,KAAkC,GAAGF,CAAW,wBAChDG,KAA0C,GAAGH,CAAW,gCACxDI,KAA4B,GAAGJ,CAAW,kBAC1CK,KAAuB,GAAGL,CAAW,aACrCM,KAAwB,GAAGN,CAAW,cACtCO,KAA0B,GAAGP,CAAW,gBACxCQ,KAA4B,GAAGR,CAAW,kBAC1CS,KAA0B,GAAGT,CAAW,gBACxCU,KAAyB,GAAGV,CAAW,eACvCW,KAAuB,GAAGX,CAAW,aACrCY,KAAsB,GAAGZ,CAAW,YACpCa,KAA8B,GAAGb,CAAW,oBAC5Cc,KAA+B,GAAGd,CAAW,qBAC7Ce,KAA2B,GAAGf,CAAW,iBACzCgB,KAAa,kBACbC,KAAY,iBACZC,KAAgB,0BAChBC,KAAgB,0BAChBC,KAAgB,0BAChBC,KAAc,wBACdC,KAAa,uBACbC,KAAkB,4BAClBC,KAAkB,uBAClBC,KAAmB,wBACnBC,KAAiB,sBACjBC,IAAe,oBACfC,KAAsB,oBACtBC,KAAsB,GAAGF,CAAY,WACrCG,KAAgB,qBAChBC,IAAa,kBACbC,IAAsB,GAAGD,CAAU,qBACnCE,KAA8B,GAAGD,CAAmB,YACpDE,KAAgC,GAAGF,CAAmB,cACtDG,KAAoC,GAAGH,CAAmB;"}

package/build/esm/react-base/src/consts/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../react-base/src/consts/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-duplicate-enum-values /\nexport enum Resolutions {\n 'XXL' = 'xxl',\n 'XL' = 'xl',\n 'L' = 'l',\n 'M' = 'm',\n 'S' = 's',\n 'XS' = 'xs',\n 'XXS' = 'xxs',\n}\n\nexport enum Sizes {\n Smallest = 'smallest',\n XSmall = 'xsmall',\n Small = 'small',\n Medium = 'medium',\n Large = 'large',\n XLarge = 'xlarge',\n XXLarge = 'xxlarge',\n}\n\nexport enum Variants {\n Filled = 'filled',\n Outlined = 'outlined',\n Transparent = 'transparent',\n Subtle = 'subtle',\n}\n\nexport enum Positions {\n Top = 'top',\n TopLeft = 'topLeft',\n TopRight = 'topRight',\n Bottom = 'bottom',\n BottomLeft = 'bottomLeft',\n BottomRight = 'bottomRight',\n Right = 'right',\n RightBottom = 'rightBottom',\n RightTop = 'rightTop',\n Left = 'left',\n LeftTop = 'leftTop',\n LeftBottom = 'leftBottom',\n Center = 'center',\n Side = 'side',\n}\n\nexport enum Alignments {\n Top = 'top',\n Bottom = 'bottom',\n Start = 'start',\n Left = 'left',\n Right = 'right',\n LeftAndRight = 'leftAndRight',\n Center = 'center',\n End = 'end',\n Fill = 'fill',\n}\n\nexport enum Directions {\n Horizontal = 'horizontal',\n Vertical = 'vertical',\n}\n\nexport enum Sorts {\n Asc = 'ascend',\n Desc = 'descend',\n}\n\nexport enum BgColors {\n Surface = 'surface',\n Base = 'base',\n Raised = 'raised',\n Section = 'section',\n}\n\nexport enum Shapes {\n Rounded = 'rounded',\n Square = 'square',\n}\n\nexport enum TextElementTypes {\n Paragraph = 'p',\n Span = 'span',\n Label = 'label',\n H1 = 'h1',\n H2 = 'h2',\n H3 = 'h3',\n H4 = 'h4',\n H5 = 'h5',\n H6 = 'h6',\n}\n\nexport enum Levels {\n 'One' = 1,\n 'Two' = 2,\n 'Three' = 3,\n 'Four' = 4,\n 'Five' = 5,\n 'Six' = 6,\n}\n\nexport enum InherentStates {\n Default = 'default',\n Disabled = 'disabled',\n Invalid = 'invalid',\n}\n\nexport enum Contrasts {\n Strong = 'strong',\n Medium = 'medium',\n Subtle = 'subtle',\n Transparent = 'transparent',\n}\n\n/* Styles /\n\nexport enum ZIndexes {\n 'ELEVATED' = 10,\n 'DATE_PICKER' = 2,\n 'MENU' = 1,\n 'MODAL' = 2,\n 'NAVBAR' = 1,\n 'DRAWER' = 1,\n 'SELECT' = 2,\n 'TOOLTIP' = 2,\n 'POPOVER' = 2,\n 'OVERLAY' = 2,\n}\n\nexport const TRIGGER_OVERFLOW = {\n adjustX: 0,\n adjustY: 0,\n};\n\n/* Other /\n\nexport const NOOP = (): null => null;\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nexport const NOOP_VOID = (): void => {};\nexport const NOOP_COMPONENT = ({ children }: { children?: React.ReactNode }): React.ReactNode => children;\n\n/* CLASSES /\nexport from './classes';\n"],"names":["Resolutions","Sizes","Variants","Positions","Alignments","Directions","Sorts","Shapes","TextElementTypes","Contrasts","ZIndexes","NOOP","NOOP_VOID","NOOP_COMPONENT","children"],"mappings":"AACO,IAAKA,sBAAAA,OACVA,EAAA,MAAQ,OACRA,EAAA,KAAO,MACPA,EAAA,IAAM,KACNA,EAAA,IAAM,KACNA,EAAA,IAAM,KACNA,EAAA,KAAO,MACPA,EAAA,MAAQ,OAPEA,IAAAA,KAAA,CAAA,CAAA,GAUAC,sBAAAA,OACVA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,UAAU,WAPAA,IAAAA,KAAA,CAAA,CAAA,GAUAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,WAAW,YACXA,EAAA,cAAc,eACdA,EAAA,SAAS,UAJCA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,UAAU,WACVA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,aAAa,cACbA,EAAA,cAAc,eACdA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,OAAO,QACPA,EAAA,UAAU,WACVA,EAAA,aAAa,cACbA,EAAA,SAAS,UACTA,EAAA,OAAO,QAdGA,IAAAA,KAAA,CAAA,CAAA,GAiBAC,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,eAAe,gBACfA,EAAA,SAAS,UACTA,EAAA,MAAM,OACNA,EAAA,OAAO,QATGA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OACVA,EAAA,aAAa,cACbA,EAAA,WAAW,YAFDA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,MAAM,UACNA,EAAA,OAAO,WAFGA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,YAAY,KACZA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MATKA,IAAAA,KAAA,CAAA,CAAA,GA2BAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,cAAc,eAJJA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAAA,EAAA,WAAa,EAAA,IAAb,YACAA,EAAAA,EAAA,cAAgB,CAAA,IAAhB,eACAA,EAAAA,EAAA,OAAS,CAAA,IAAT,QACAA,EAAAA,EAAA,QAAU,CAAA,IAAV,SACAA,EAAAA,EAAA,SAAW,CAAA,IAAX,UACAA,EAAAA,EAAA,SAAW,CAAA,IAAX,UACAA,EAAAA,EAAA,SAAW,CAAA,IAAX,UACAA,EAAAA,EAAA,UAAY,CAAA,IAAZ,WACAA,EAAAA,EAAA,UAAY,CAAA,IAAZ,WACAA,EAAAA,EAAA,UAAY,CAAA,IAAZ,WAVUA,IAAAA,KAAA,CAAA,CAAA;AAoBL,MAAMC,IAAO,MAAY,MAEnBC,IAAY,MAAY;AAAC,GACzBC,IAAiB,CAAC,EAAE,UAAAC,QAAgEA;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../react-base/src/consts/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-duplicate-enum-values /\r\nexport enum Resolutions {\r\n 'XXL' = 'xxl',\r\n 'XL' = 'xl',\r\n 'L' = 'l',\r\n 'M' = 'm',\r\n 'S' = 's',\r\n 'XS' = 'xs',\r\n 'XXS' = 'xxs',\r\n}\r\n\r\nexport enum Sizes {\r\n Smallest = 'smallest',\r\n XSmall = 'xsmall',\r\n Small = 'small',\r\n Medium = 'medium',\r\n Large = 'large',\r\n XLarge = 'xlarge',\r\n XXLarge = 'xxlarge',\r\n}\r\n\r\nexport enum Variants {\r\n Filled = 'filled',\r\n Outlined = 'outlined',\r\n Transparent = 'transparent',\r\n Subtle = 'subtle',\r\n}\r\n\r\nexport enum Positions {\r\n Top = 'top',\r\n TopLeft = 'topLeft',\r\n TopRight = 'topRight',\r\n Bottom = 'bottom',\r\n BottomLeft = 'bottomLeft',\r\n BottomRight = 'bottomRight',\r\n Right = 'right',\r\n RightBottom = 'rightBottom',\r\n RightTop = 'rightTop',\r\n Left = 'left',\r\n LeftTop = 'leftTop',\r\n LeftBottom = 'leftBottom',\r\n Center = 'center',\r\n Side = 'side',\r\n}\r\n\r\nexport enum Alignments {\r\n Top = 'top',\r\n Bottom = 'bottom',\r\n Start = 'start',\r\n Left = 'left',\r\n Right = 'right',\r\n LeftAndRight = 'leftAndRight',\r\n Center = 'center',\r\n End = 'end',\r\n Fill = 'fill',\r\n}\r\n\r\nexport enum Directions {\r\n Horizontal = 'horizontal',\r\n Vertical = 'vertical',\r\n}\r\n\r\nexport enum Sorts {\r\n Asc = 'ascend',\r\n Desc = 'descend',\r\n}\r\n\r\nexport enum BgColors {\r\n Surface = 'surface',\r\n Base = 'base',\r\n Raised = 'raised',\r\n Section = 'section',\r\n}\r\n\r\nexport enum Shapes {\r\n Rounded = 'rounded',\r\n Square = 'square',\r\n}\r\n\r\nexport enum TextElementTypes {\r\n Paragraph = 'p',\r\n Span = 'span',\r\n Label = 'label',\r\n H1 = 'h1',\r\n H2 = 'h2',\r\n H3 = 'h3',\r\n H4 = 'h4',\r\n H5 = 'h5',\r\n H6 = 'h6',\r\n}\r\n\r\nexport enum Levels {\r\n 'One' = 1,\r\n 'Two' = 2,\r\n 'Three' = 3,\r\n 'Four' = 4,\r\n 'Five' = 5,\r\n 'Six' = 6,\r\n}\r\n\r\nexport enum InherentStates {\r\n Default = 'default',\r\n Disabled = 'disabled',\r\n Invalid = 'invalid',\r\n}\r\n\r\nexport enum Contrasts {\r\n Strong = 'strong',\r\n Medium = 'medium',\r\n Subtle = 'subtle',\r\n Transparent = 'transparent',\r\n}\r\n\r\n/* Styles /\r\n\r\nexport enum ZIndexes {\r\n 'ELEVATED' = 10,\r\n 'DATE_PICKER' = 2,\r\n 'MENU' = 1,\r\n 'MODAL' = 2,\r\n 'NAVBAR' = 1,\r\n 'DRAWER' = 1,\r\n 'SELECT' = 2,\r\n 'TOOLTIP' = 2,\r\n 'POPOVER' = 2,\r\n 'OVERLAY' = 2,\r\n}\r\n\r\nexport const TRIGGER_OVERFLOW = {\r\n adjustX: 0,\r\n adjustY: 0,\r\n};\r\n\r\n/* Other /\r\n\r\nexport const NOOP = (): null => null;\r\n// eslint-disable-next-line @typescript-eslint/no-empty-function\r\nexport const NOOP_VOID = (): void => {};\r\nexport const NOOP_COMPONENT = ({ children }: { children?: React.ReactNode }): React.ReactNode => children;\r\n\r\n/* CLASSES /\r\nexport from './classes';\r\n"],"names":["Resolutions","Sizes","Variants","Positions","Alignments","Directions","Sorts","Shapes","TextElementTypes","Contrasts","ZIndexes","NOOP","NOOP_VOID","NOOP_COMPONENT","children"],"mappings":"AACO,IAAKA,sBAAAA,OACVA,EAAA,MAAQ,OACRA,EAAA,KAAO,MACPA,EAAA,IAAM,KACNA,EAAA,IAAM,KACNA,EAAA,IAAM,KACNA,EAAA,KAAO,MACPA,EAAA,MAAQ,OAPEA,IAAAA,KAAA,CAAA,CAAA,GAUAC,sBAAAA,OACVA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,UAAU,WAPAA,IAAAA,KAAA,CAAA,CAAA,GAUAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,WAAW,YACXA,EAAA,cAAc,eACdA,EAAA,SAAS,UAJCA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,UAAU,WACVA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,aAAa,cACbA,EAAA,cAAc,eACdA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,OAAO,QACPA,EAAA,UAAU,WACVA,EAAA,aAAa,cACbA,EAAA,SAAS,UACTA,EAAA,OAAO,QAdGA,IAAAA,KAAA,CAAA,CAAA,GAiBAC,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,eAAe,gBACfA,EAAA,SAAS,UACTA,EAAA,MAAM,OACNA,EAAA,OAAO,QATGA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OACVA,EAAA,aAAa,cACbA,EAAA,WAAW,YAFDA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,MAAM,UACNA,EAAA,OAAO,WAFGA,IAAAA,KAAA,CAAA,CAAA,GAYAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,YAAY,KACZA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MATKA,IAAAA,KAAA,CAAA,CAAA,GA2BAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,cAAc,eAJJA,IAAAA,KAAA,CAAA,CAAA,GASAC,sBAAAA,OACVA,EAAAA,EAAA,WAAa,EAAA,IAAb,YACAA,EAAAA,EAAA,cAAgB,CAAA,IAAhB,eACAA,EAAAA,EAAA,OAAS,CAAA,IAAT,QACAA,EAAAA,EAAA,QAAU,CAAA,IAAV,SACAA,EAAAA,EAAA,SAAW,CAAA,IAAX,UACAA,EAAAA,EAAA,SAAW,CAAA,IAAX,UACAA,EAAAA,EAAA,SAAW,CAAA,IAAX,UACAA,EAAAA,EAAA,UAAY,CAAA,IAAZ,WACAA,EAAAA,EAAA,UAAY,CAAA,IAAZ,WACAA,EAAAA,EAAA,UAAY,CAAA,IAAZ,WAVUA,IAAAA,KAAA,CAAA,CAAA;AAoBL,MAAMC,IAAO,MAAY,MAEnBC,IAAY,MAAY;AAAC,GACzBC,IAAiB,CAAC,EAAE,UAAAC,QAAgEA;"}

package/build/esm/react-base/src/providers/BaseProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseProvider.js","sources":["../../../../../../react-base/src/providers/BaseProvider.tsx"],"sourcesContent":["import { FC, PropsWithChildren, createContext, useContext, useMemo } from 'react';\n\nimport { Theme } from '../theme';\n\nexport type BaseContextTypes = {\n useTheme: () => Theme;\n};\n\nconst BaseContext = createContext<BaseContextTypes \| null>(null);\n\nexport const useCustomTheme = (): Theme => {\n const context = useContext(BaseContext);\n\n if (!context) {\n throw new Error('useCustomTheme needs to be in a BaseProvider.');\n }\n\n return context.useTheme();\n};\n\nexport const BaseProvider: FC<PropsWithChildren<BaseContextTypes>> = ({ useTheme, children }) => {\n const value = useMemo(() => ({ useTheme }), [useTheme]);\n\n return <BaseContext.Provider value={value}>{children}</BaseContext.Provider>;\n};\n"],"names":["BaseContext","createContext","useCustomTheme","context","useContext","BaseProvider","useTheme","children","value","useMemo","jsx"],"mappings":";;AAQA,MAAMA,IAAcC,EAAuC,IAAI,GAElDC,IAAiB,MAAa;AACzC,QAAMC,IAAUC,EAAWJ,CAAW;AAEtC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,+CAA+C;AAGjE,SAAOA,EAAQ,SAAA;AACjB,GAEaE,IAAwD,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AAC/F,QAAMC,IAAQC,EAAQ,OAAO,EAAE,UAAAH,MAAa,CAACA,CAAQ,CAAC;AAEtD,SAAO,gBAAAI,EAACV,EAAY,UAAZ,EAAqB,OAAAQ,GAAe,UAAAD,EAAA,CAAS;AACvD;"}
1	+ {"version":3,"file":"BaseProvider.js","sources":["../../../../../../react-base/src/providers/BaseProvider.tsx"],"sourcesContent":["import { FC, PropsWithChildren, createContext, useContext, useMemo } from 'react';\r\n\r\nimport { Theme } from '../theme';\r\n\r\nexport type BaseContextTypes = {\r\n useTheme: () => Theme;\r\n};\r\n\r\nconst BaseContext = createContext<BaseContextTypes \| null>(null);\r\n\r\nexport const useCustomTheme = (): Theme => {\r\n const context = useContext(BaseContext);\r\n\r\n if (!context) {\r\n throw new Error('useCustomTheme needs to be in a BaseProvider.');\r\n }\r\n\r\n return context.useTheme();\r\n};\r\n\r\nexport const BaseProvider: FC<PropsWithChildren<BaseContextTypes>> = ({ useTheme, children }) => {\r\n const value = useMemo(() => ({ useTheme }), [useTheme]);\r\n\r\n return <BaseContext.Provider value={value}>{children}</BaseContext.Provider>;\r\n};\r\n"],"names":["BaseContext","createContext","useCustomTheme","context","useContext","BaseProvider","useTheme","children","value","useMemo","jsx"],"mappings":";;AAQA,MAAMA,IAAcC,EAAuC,IAAI,GAElDC,IAAiB,MAAa;AACzC,QAAMC,IAAUC,EAAWJ,CAAW;AAEtC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,+CAA+C;AAGjE,SAAOA,EAAQ,SAAA;AACjB,GAEaE,IAAwD,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AAC/F,QAAMC,IAAQC,EAAQ,OAAO,EAAE,UAAAH,MAAa,CAACA,CAAQ,CAAC;AAEtD,SAAO,gBAAAI,EAACV,EAAY,UAAZ,EAAqB,OAAAQ,GAAe,UAAAD,EAAA,CAAS;AACvD;"}

package/build/esm/react-base/src/theme/dropShadows.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropShadows.js","sources":["../../../../../../react-base/src/theme/dropShadows.ts"],"sourcesContent":["import type { DropShadows, Elevation } from './types/dropShadows';\nimport type { ThemeInitFn } from './types/theme';\n\nconst elevationToDropShadow = (elevation: Elevation[]): string =>\n elevation.map(({ blur, colour, offsetY }) => `drop-shadow(0px ${offsetY}px ${blur}px ${colour})`).join(' ');\n\nexport const themeToDropShadows: ThemeInitFn<DropShadows> = (theme) =>\n Object.fromEntries(\n Object.entries(theme.elevations).map(([key, elevation]) => [key, elevationToDropShadow(Object.values(elevation))]),\n ) as DropShadows;\n"],"names":["elevationToDropShadow","elevation","blur","colour","offsetY","themeToDropShadows","theme","key"],"mappings":"AAGA,MAAMA,IAAwB,CAACC,MAC7BA,EAAU,IAAI,CAAC,EAAE,MAAAC,GAAM,QAAAC,GAAQ,SAAAC,QAAc,mBAAmBA,CAAO,MAAMF,CAAI,MAAMC,CAAM,GAAG,EAAE,KAAK,GAAG,GAE/FE,IAA+C,CAACC,MAC3D,OAAO;AAAA,EACL,OAAO,QAAQA,EAAM,UAAU,EAAE,IAAI,CAAC,CAACC,GAAKN,CAAS,MAAM,CAACM,GAAKP,EAAsB,OAAO,OAAOC,CAAS,CAAC,CAAC,CAAC;AACnH;"}
1	+ {"version":3,"file":"dropShadows.js","sources":["../../../../../../react-base/src/theme/dropShadows.ts"],"sourcesContent":["import type { DropShadows, Elevation } from './types/dropShadows';\r\nimport type { ThemeInitFn } from './types/theme';\r\n\r\nconst elevationToDropShadow = (elevation: Elevation[]): string =>\r\n elevation.map(({ blur, colour, offsetY }) => `drop-shadow(0px ${offsetY}px ${blur}px ${colour})`).join(' ');\r\n\r\nexport const themeToDropShadows: ThemeInitFn<DropShadows> = (theme) =>\r\n Object.fromEntries(\r\n Object.entries(theme.elevations).map(([key, elevation]) => [key, elevationToDropShadow(Object.values(elevation))]),\r\n ) as DropShadows;\r\n"],"names":["elevationToDropShadow","elevation","blur","colour","offsetY","themeToDropShadows","theme","key"],"mappings":"AAGA,MAAMA,IAAwB,CAACC,MAC7BA,EAAU,IAAI,CAAC,EAAE,MAAAC,GAAM,QAAAC,GAAQ,SAAAC,QAAc,mBAAmBA,CAAO,MAAMF,CAAI,MAAMC,CAAM,GAAG,EAAE,KAAK,GAAG,GAE/FE,IAA+C,CAACC,MAC3D,OAAO;AAAA,EACL,OAAO,QAAQA,EAAM,UAAU,EAAE,IAAI,CAAC,CAACC,GAAKN,CAAS,MAAM,CAACM,GAAKP,EAAsB,OAAO,OAAOC,CAAS,CAAC,CAAC,CAAC;AACnH;"}

package/build/esm/react-base/src/theme/global.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"global.js","sources":["../../../../../../react-base/src/theme/global.ts"],"sourcesContent":["import type { GlobalsFn } from './types/global';\nimport type { ThemeInitFn } from './types/theme';\n\nexport const themeToGlobals: ThemeInitFn<GlobalsFn> = (theme) => (kind) => theme.variables[kind];\n"],"names":["themeToGlobals","theme","kind"],"mappings":"AAGO,MAAMA,IAAyC,CAACC,MAAU,CAACC,MAASD,EAAM,UAAUC,CAAI;"}
1	+ {"version":3,"file":"global.js","sources":["../../../../../../react-base/src/theme/global.ts"],"sourcesContent":["import type { GlobalsFn } from './types/global';\r\nimport type { ThemeInitFn } from './types/theme';\r\n\r\nexport const themeToGlobals: ThemeInitFn<GlobalsFn> = (theme) => (kind) => theme.variables[kind];\r\n"],"names":["themeToGlobals","theme","kind"],"mappings":"AAGO,MAAMA,IAAyC,CAACC,MAAU,CAACC,MAASD,EAAM,UAAUC,CAAI;"}

package/build/esm/react-base/src/theme/layer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"layer.js","sources":["../../../../../../react-base/src/theme/layer.ts"],"sourcesContent":["import type { Mode, ThemeInitFn } from './types/theme';\nimport {\n MODES_BY_PATH,\n MODES_DEFAULT_VALUES,\n PATH_BY_VARIABLE,\n Paths,\n PathKinds,\n Variables,\n type LayerFn,\n type VariableValues,\n type ModesType,\n type Modes,\n type VariablePath,\n PathDensityModes,\n PathDensityLayerModes,\n PathLayerModes,\n} from './types/layer';\n\nconst isPathAvailable = (\n obj: object,\n modes: (keyof typeof obj)[],\n searchKey: keyof typeof obj,\n maybeKey?: keyof (typeof obj)[typeof searchKey],\n) => {\n const endPath = modes.reduce((acc, mode) => acc?.[mode], obj);\n\n // eslint-disable-next-line sonarjs/prefer-single-boolean-return\n if (!endPath \|\| !endPath[searchKey] \|\| (maybeKey && !endPath[searchKey][maybeKey])) {\n return false;\n }\n\n return true;\n};\n\nconst findClosestVariablePathWithModes = (\n variables: Mode['variables'],\n mainPath: Paths,\n initialModes: ModesType[Modes][],\n modes: ModesType[Modes][],\n kind: PathKinds,\n maybePathLayer?: PathDensityModes \| PathDensityLayerModes \| PathLayerModes,\n): VariablePath => {\n const modeNames = MODES_BY_PATH[mainPath];\n\n if (\n !isPathAvailable(\n variables[mainPath],\n modes as (keyof (typeof variables)[typeof mainPath])[],\n kind as keyof (typeof variables)[typeof mainPath],\n maybePathLayer as keyof (typeof variables)[typeof mainPath][typeof kind &\n keyof (typeof variables)[typeof mainPath]],\n )\n ) {\n // if the path is not found, we get the first changed mode and set it to the default value\n const lastChangeIdx = modes.findIndex((modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]]);\n\n const initialLastChangeIdx = initialModes.findIndex(\n (modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]],\n );\n\n const newModes = modes.map((modeValue, idx) => {\n if (idx === lastChangeIdx) {\n return MODES_DEFAULT_VALUES[modeNames[idx]];\n }\n if (idx < lastChangeIdx && idx >= initialLastChangeIdx && lastChangeIdx !== initialLastChangeIdx) {\n return initialModes[idx];\n }\n\n return modeValue;\n });\n\n return findClosestVariablePathWithModes(variables, mainPath, initialModes, newModes, kind);\n }\n\n return modes.reduce(\n (acc, modeValue) => acc[modeValue as keyof typeof acc],\n variables[mainPath],\n ) as unknown as VariablePath;\n};\n\nconst getValueFromVariablePath = (variable: Variables, value: VariablePath): string => {\n const [, kind, maybePathLayer] = PATH_BY_VARIABLE[variable];\n\n if (kind === PathKinds.border \|\| kind === PathKinds.text) {\n return value[kind][maybePathLayer];\n }\n\n return value[kind];\n};\n\nexport const themeToLayer: ThemeInitFn<LayerFn> =\n ({ variables }) =>\n (modes = {}) => {\n if (!variables) {\n throw new Error('The provided Theme is not supported by the SDS. Please contact the SDS team for support.');\n }\n\n const wantedModesPerPath = Object.values(Paths).reduce(\n (accPaths, currentPath) => ({\n ...accPaths,\n [currentPath]: MODES_BY_PATH[currentPath].map((mode) => modes[mode] ?? MODES_DEFAULT_VALUES[mode]),\n }),\n {} as Record<Paths, ModesType[Modes][]>,\n );\n\n return Object.values(Variables).reduce((variableValues, variableName) => {\n const [mainPath, kind, maybePathLayer] = PATH_BY_VARIABLE[variableName];\n const closestVariablePath = findClosestVariablePathWithModes(\n variables,\n mainPath,\n wantedModesPerPath[mainPath],\n wantedModesPerPath[mainPath],\n kind,\n maybePathLayer,\n );\n const variableValue = getValueFromVariablePath(variableName, closestVariablePath);\n\n return { ...variableValues, [variableName]: variableValue };\n }, {} as VariableValues);\n };\n"],"names":["isPathAvailable","obj","modes","searchKey","maybeKey","endPath","acc","mode","findClosestVariablePathWithModes","variables","mainPath","initialModes","kind","maybePathLayer","modeNames","MODES_BY_PATH","lastChangeIdx","modeValue","index","MODES_DEFAULT_VALUES","initialLastChangeIdx","newModes","idx","getValueFromVariablePath","variable","value","PATH_BY_VARIABLE","PathKinds","themeToLayer","wantedModesPerPath","Paths","accPaths","currentPath","Variables","variableValues","variableName","closestVariablePath","variableValue"],"mappings":";AAkBA,MAAMA,IAAkB,CACtBC,GACAC,GACAC,GACAC,MACG;AACH,QAAMC,IAAUH,EAAM,OAAO,CAACI,GAAKC,MAASD,IAAMC,CAAI,GAAGN,CAAG;AAG5D,SAAI,GAACI,KAAW,CAACA,EAAQF,CAAS,KAAMC,KAAY,CAACC,EAAQF,CAAS,EAAEC,CAAQ;AAKlF,GAEMI,IAAmC,CACvCC,GACAC,GACAC,GACAT,GACAU,GACAC,MACiB;AACjB,QAAMC,IAAYC,EAAcL,CAAQ;AAExC,MACE,CAACV;AAAA,IACCS,EAAUC,CAAQ;AAAA,IAClBR;AAAA,IACAU;AAAA,IACAC;AAAA,EAAA,GAGF;AAEA,UAAMG,IAAgBd,EAAM,UAAU,CAACe,GAAWC,MAAUD,MAAcE,EAAqBL,EAAUI,CAAK,CAAC,CAAC,GAE1GE,IAAuBT,EAAa;AAAA,MACxC,CAACM,GAAWC,MAAUD,MAAcE,EAAqBL,EAAUI,CAAK,CAAC;AAAA,IAAA,GAGrEG,IAAWnB,EAAM,IAAI,CAACe,GAAWK,MACjCA,MAAQN,IACHG,EAAqBL,EAAUQ,CAAG,CAAC,IAExCA,IAAMN,KAAiBM,KAAOF,KAAwBJ,MAAkBI,IACnET,EAAaW,CAAG,IAGlBL,CACR;AAED,WAAOT,EAAiCC,GAAWC,GAAUC,GAAcU,GAAUT,CAAI;AAAA,EAC3F;AAEA,SAAOV,EAAM;AAAA,IACX,CAACI,GAAKW,MAAcX,EAAIW,CAA6B;AAAA,IACrDR,EAAUC,CAAQ;AAAA,EAAA;AAEtB,GAEMa,IAA2B,CAACC,GAAqBC,MAAgC;AACrF,QAAM,CAAA,EAAGb,GAAMC,CAAc,IAAIa,EAAiBF,CAAQ;AAE1D,SAAIZ,MAASe,EAAU,UAAUf,MAASe,EAAU,OAC3CF,EAAMb,CAAI,EAAEC,CAAc,IAG5BY,EAAMb,CAAI;AACnB,GAEagB,IACX,CAAC,EAAE,WAAAnB,EAAA,MACH,CAACP,IAAQ,CAAA,MAAO;AACd,MAAI,CAACO;AACH,UAAM,IAAI,MAAM,0FAA0F;AAG5G,QAAMoB,IAAqB,OAAO,OAAOC,CAAK,EAAE;AAAA,IAC9C,CAACC,GAAUC,OAAiB;AAAA,MAC1B,GAAGD;AAAA,MACH,CAACC,CAAW,GAAGjB,EAAciB,CAAW,EAAE,IAAI,CAACzB,MAASL,EAAMK,CAAI,KAAKY,EAAqBZ,CAAI,CAAC;AAAA,IAAA;AAAA,IAEnG,CAAA;AAAA,EAAC;AAGH,SAAO,OAAO,OAAO0B,CAAS,EAAE,OAAO,CAACC,GAAgBC,MAAiB;AACvE,UAAM,CAACzB,GAAUE,GAAMC,CAAc,IAAIa,EAAiBS,CAAY,GAChEC,IAAsB5B;AAAA,MAC1BC;AAAA,MACAC;AAAA,MACAmB,EAAmBnB,CAAQ;AAAA,MAC3BmB,EAAmBnB,CAAQ;AAAA,MAC3BE;AAAA,MACAC;AAAA,IAAA,GAEIwB,IAAgBd,EAAyBY,GAAcC,CAAmB;AAEhF,WAAO,EAAE,GAAGF,GAAgB,CAACC,CAAY,GAAGE,EAAA;AAAA,EAC9C,GAAG,CAAA,CAAoB;AACzB;"}
1	+ {"version":3,"file":"layer.js","sources":["../../../../../../react-base/src/theme/layer.ts"],"sourcesContent":["import type { Mode, ThemeInitFn } from './types/theme';\r\nimport {\r\n MODES_BY_PATH,\r\n MODES_DEFAULT_VALUES,\r\n PATH_BY_VARIABLE,\r\n Paths,\r\n PathKinds,\r\n Variables,\r\n type LayerFn,\r\n type VariableValues,\r\n type ModesType,\r\n type Modes,\r\n type VariablePath,\r\n PathDensityModes,\r\n PathDensityLayerModes,\r\n PathLayerModes,\r\n} from './types/layer';\r\n\r\nconst isPathAvailable = (\r\n obj: object,\r\n modes: (keyof typeof obj)[],\r\n searchKey: keyof typeof obj,\r\n maybeKey?: keyof (typeof obj)[typeof searchKey],\r\n) => {\r\n const endPath = modes.reduce((acc, mode) => acc?.[mode], obj);\r\n\r\n // eslint-disable-next-line sonarjs/prefer-single-boolean-return\r\n if (!endPath \|\| !endPath[searchKey] \|\| (maybeKey && !endPath[searchKey][maybeKey])) {\r\n return false;\r\n }\r\n\r\n return true;\r\n};\r\n\r\nconst findClosestVariablePathWithModes = (\r\n variables: Mode['variables'],\r\n mainPath: Paths,\r\n initialModes: ModesType[Modes][],\r\n modes: ModesType[Modes][],\r\n kind: PathKinds,\r\n maybePathLayer?: PathDensityModes \| PathDensityLayerModes \| PathLayerModes,\r\n): VariablePath => {\r\n const modeNames = MODES_BY_PATH[mainPath];\r\n\r\n if (\r\n !isPathAvailable(\r\n variables[mainPath],\r\n modes as (keyof (typeof variables)[typeof mainPath])[],\r\n kind as keyof (typeof variables)[typeof mainPath],\r\n maybePathLayer as keyof (typeof variables)[typeof mainPath][typeof kind &\r\n keyof (typeof variables)[typeof mainPath]],\r\n )\r\n ) {\r\n // if the path is not found, we get the first changed mode and set it to the default value\r\n const lastChangeIdx = modes.findIndex((modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]]);\r\n\r\n const initialLastChangeIdx = initialModes.findIndex(\r\n (modeValue, index) => modeValue !== MODES_DEFAULT_VALUES[modeNames[index]],\r\n );\r\n\r\n const newModes = modes.map((modeValue, idx) => {\r\n if (idx === lastChangeIdx) {\r\n return MODES_DEFAULT_VALUES[modeNames[idx]];\r\n }\r\n if (idx < lastChangeIdx && idx >= initialLastChangeIdx && lastChangeIdx !== initialLastChangeIdx) {\r\n return initialModes[idx];\r\n }\r\n\r\n return modeValue;\r\n });\r\n\r\n return findClosestVariablePathWithModes(variables, mainPath, initialModes, newModes, kind);\r\n }\r\n\r\n return modes.reduce(\r\n (acc, modeValue) => acc[modeValue as keyof typeof acc],\r\n variables[mainPath],\r\n ) as unknown as VariablePath;\r\n};\r\n\r\nconst getValueFromVariablePath = (variable: Variables, value: VariablePath): string => {\r\n const [, kind, maybePathLayer] = PATH_BY_VARIABLE[variable];\r\n\r\n if (kind === PathKinds.border \|\| kind === PathKinds.text) {\r\n return value[kind][maybePathLayer];\r\n }\r\n\r\n return value[kind];\r\n};\r\n\r\nexport const themeToLayer: ThemeInitFn<LayerFn> =\r\n ({ variables }) =>\r\n (modes = {}) => {\r\n if (!variables) {\r\n throw new Error('The provided Theme is not supported by the SDS. Please contact the SDS team for support.');\r\n }\r\n\r\n const wantedModesPerPath = Object.values(Paths).reduce(\r\n (accPaths, currentPath) => ({\r\n ...accPaths,\r\n [currentPath]: MODES_BY_PATH[currentPath].map((mode) => modes[mode] ?? MODES_DEFAULT_VALUES[mode]),\r\n }),\r\n {} as Record<Paths, ModesType[Modes][]>,\r\n );\r\n\r\n return Object.values(Variables).reduce((variableValues, variableName) => {\r\n const [mainPath, kind, maybePathLayer] = PATH_BY_VARIABLE[variableName];\r\n const closestVariablePath = findClosestVariablePathWithModes(\r\n variables,\r\n mainPath,\r\n wantedModesPerPath[mainPath],\r\n wantedModesPerPath[mainPath],\r\n kind,\r\n maybePathLayer,\r\n );\r\n const variableValue = getValueFromVariablePath(variableName, closestVariablePath);\r\n\r\n return { ...variableValues, [variableName]: variableValue };\r\n }, {} as VariableValues);\r\n };\r\n"],"names":["isPathAvailable","obj","modes","searchKey","maybeKey","endPath","acc","mode","findClosestVariablePathWithModes","variables","mainPath","initialModes","kind","maybePathLayer","modeNames","MODES_BY_PATH","lastChangeIdx","modeValue","index","MODES_DEFAULT_VALUES","initialLastChangeIdx","newModes","idx","getValueFromVariablePath","variable","value","PATH_BY_VARIABLE","PathKinds","themeToLayer","wantedModesPerPath","Paths","accPaths","currentPath","Variables","variableValues","variableName","closestVariablePath","variableValue"],"mappings":";AAkBA,MAAMA,IAAkB,CACtBC,GACAC,GACAC,GACAC,MACG;AACH,QAAMC,IAAUH,EAAM,OAAO,CAACI,GAAKC,MAASD,IAAMC,CAAI,GAAGN,CAAG;AAG5D,SAAI,GAACI,KAAW,CAACA,EAAQF,CAAS,KAAMC,KAAY,CAACC,EAAQF,CAAS,EAAEC,CAAQ;AAKlF,GAEMI,IAAmC,CACvCC,GACAC,GACAC,GACAT,GACAU,GACAC,MACiB;AACjB,QAAMC,IAAYC,EAAcL,CAAQ;AAExC,MACE,CAACV;AAAA,IACCS,EAAUC,CAAQ;AAAA,IAClBR;AAAA,IACAU;AAAA,IACAC;AAAA,EAAA,GAGF;AAEA,UAAMG,IAAgBd,EAAM,UAAU,CAACe,GAAWC,MAAUD,MAAcE,EAAqBL,EAAUI,CAAK,CAAC,CAAC,GAE1GE,IAAuBT,EAAa;AAAA,MACxC,CAACM,GAAWC,MAAUD,MAAcE,EAAqBL,EAAUI,CAAK,CAAC;AAAA,IAAA,GAGrEG,IAAWnB,EAAM,IAAI,CAACe,GAAWK,MACjCA,MAAQN,IACHG,EAAqBL,EAAUQ,CAAG,CAAC,IAExCA,IAAMN,KAAiBM,KAAOF,KAAwBJ,MAAkBI,IACnET,EAAaW,CAAG,IAGlBL,CACR;AAED,WAAOT,EAAiCC,GAAWC,GAAUC,GAAcU,GAAUT,CAAI;AAAA,EAC3F;AAEA,SAAOV,EAAM;AAAA,IACX,CAACI,GAAKW,MAAcX,EAAIW,CAA6B;AAAA,IACrDR,EAAUC,CAAQ;AAAA,EAAA;AAEtB,GAEMa,IAA2B,CAACC,GAAqBC,MAAgC;AACrF,QAAM,CAAA,EAAGb,GAAMC,CAAc,IAAIa,EAAiBF,CAAQ;AAE1D,SAAIZ,MAASe,EAAU,UAAUf,MAASe,EAAU,OAC3CF,EAAMb,CAAI,EAAEC,CAAc,IAG5BY,EAAMb,CAAI;AACnB,GAEagB,IACX,CAAC,EAAE,WAAAnB,EAAA,MACH,CAACP,IAAQ,CAAA,MAAO;AACd,MAAI,CAACO;AACH,UAAM,IAAI,MAAM,0FAA0F;AAG5G,QAAMoB,IAAqB,OAAO,OAAOC,CAAK,EAAE;AAAA,IAC9C,CAACC,GAAUC,OAAiB;AAAA,MAC1B,GAAGD;AAAA,MACH,CAACC,CAAW,GAAGjB,EAAciB,CAAW,EAAE,IAAI,CAACzB,MAASL,EAAMK,CAAI,KAAKY,EAAqBZ,CAAI,CAAC;AAAA,IAAA;AAAA,IAEnG,CAAA;AAAA,EAAC;AAGH,SAAO,OAAO,OAAO0B,CAAS,EAAE,OAAO,CAACC,GAAgBC,MAAiB;AACvE,UAAM,CAACzB,GAAUE,GAAMC,CAAc,IAAIa,EAAiBS,CAAY,GAChEC,IAAsB5B;AAAA,MAC1BC;AAAA,MACAC;AAAA,MACAmB,EAAmBnB,CAAQ;AAAA,MAC3BmB,EAAmBnB,CAAQ;AAAA,MAC3BE;AAAA,MACAC;AAAA,IAAA,GAEIwB,IAAgBd,EAAyBY,GAAcC,CAAmB;AAEhF,WAAO,EAAE,GAAGF,GAAgB,CAACC,CAAY,GAAGE,EAAA;AAAA,EAC9C,GAAG,CAAA,CAAoB;AACzB;"}

package/build/esm/react-base/src/theme/modes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modes.js","sources":["../../../../../../react-base/src/theme/modes.ts"],"sourcesContent":["import type { ApplyModesFn, ColorFromVariableFn } from './types/modes';\nimport type { ThemeInitFn } from './types/theme';\nimport { MODES_BY_PATH, PATH_BY_VARIABLE, type PathsType, type VariablesType } from './types/layer';\nimport { themeToLayer } from './layer';\n\nconst variableToCSSVariable = (variable: VariablesType) => `--${variable?.toLowerCase().replace(/[/ ]/gu, '-')}`;\n\nexport const themeToModes: ThemeInitFn<ApplyModesFn> =\n (theme) =>\n (modes = {}) => {\n const layer = themeToLayer(theme)(modes);\n\n const pathsTouchedByModes = Object.entries(MODES_BY_PATH)\n .filter(([, modesInPath]) => modesInPath.some((mode) => Object.keys(modes).includes(mode)))\n .map(([path]) => path as PathsType);\n const variablesToApply = Object.entries(PATH_BY_VARIABLE)\n .filter(([, variablePaths]) => pathsTouchedByModes.includes(variablePaths[0]))\n .map(([variableName]) => variableName as VariablesType);\n\n return {\n ...Object.fromEntries(variablesToApply.map((variable) => [variableToCSSVariable(variable), layer[variable]])),\n };\n };\n\nexport const colorFromVariable: ColorFromVariableFn = (variable) => `var(${variableToCSSVariable(variable)})`;\n"],"names":["variableToCSSVariable","variable","themeToModes","theme","modes","layer","themeToLayer","pathsTouchedByModes","MODES_BY_PATH","modesInPath","mode","path","variablesToApply","PATH_BY_VARIABLE","variablePaths","variableName","colorFromVariable"],"mappings":";;AAKA,MAAMA,IAAwB,CAACC,MAA4B,KAAKA,GAAU,cAAc,QAAQ,UAAU,GAAG,CAAC,IAEjGC,IACX,CAACC,MACD,CAACC,IAAQ,CAAA,MAAO;AACd,QAAMC,IAAQC,EAAaH,CAAK,EAAEC,CAAK,GAEjCG,IAAsB,OAAO,QAAQC,CAAa,EACrD,OAAO,CAAC,GAAGC,CAAW,MAAMA,EAAY,KAAK,CAACC,MAAS,OAAO,KAAKN,CAAK,EAAE,SAASM,CAAI,CAAC,CAAC,EACzF,IAAI,CAAC,CAACC,CAAI,MAAMA,CAAiB,GAC9BC,IAAmB,OAAO,QAAQC,CAAgB,EACrD,OAAO,CAAC,CAAA,EAAGC,CAAa,MAAMP,EAAoB,SAASO,EAAc,CAAC,CAAC,CAAC,EAC5E,IAAI,CAAC,CAACC,CAAY,MAAMA,CAA6B;AAExD,SAAO;AAAA,IACL,GAAG,OAAO,YAAYH,EAAiB,IAAI,CAACX,MAAa,CAACD,EAAsBC,CAAQ,GAAGI,EAAMJ,CAAQ,CAAC,CAAC,CAAC;AAAA,EAAA;AAEhH,GAEWe,IAAyC,CAACf,MAAa,OAAOD,EAAsBC,CAAQ,CAAC;"}
1	+ {"version":3,"file":"modes.js","sources":["../../../../../../react-base/src/theme/modes.ts"],"sourcesContent":["import type { ApplyModesFn, ColorFromVariableFn } from './types/modes';\r\nimport type { ThemeInitFn } from './types/theme';\r\nimport { MODES_BY_PATH, PATH_BY_VARIABLE, type PathsType, type VariablesType } from './types/layer';\r\nimport { themeToLayer } from './layer';\r\n\r\nconst variableToCSSVariable = (variable: VariablesType) => `--${variable?.toLowerCase().replace(/[/ ]/gu, '-')}`;\r\n\r\nexport const themeToModes: ThemeInitFn<ApplyModesFn> =\r\n (theme) =>\r\n (modes = {}) => {\r\n const layer = themeToLayer(theme)(modes);\r\n\r\n const pathsTouchedByModes = Object.entries(MODES_BY_PATH)\r\n .filter(([, modesInPath]) => modesInPath.some((mode) => Object.keys(modes).includes(mode)))\r\n .map(([path]) => path as PathsType);\r\n const variablesToApply = Object.entries(PATH_BY_VARIABLE)\r\n .filter(([, variablePaths]) => pathsTouchedByModes.includes(variablePaths[0]))\r\n .map(([variableName]) => variableName as VariablesType);\r\n\r\n return {\r\n ...Object.fromEntries(variablesToApply.map((variable) => [variableToCSSVariable(variable), layer[variable]])),\r\n };\r\n };\r\n\r\nexport const colorFromVariable: ColorFromVariableFn = (variable) => `var(${variableToCSSVariable(variable)})`;\r\n"],"names":["variableToCSSVariable","variable","themeToModes","theme","modes","layer","themeToLayer","pathsTouchedByModes","MODES_BY_PATH","modesInPath","mode","path","variablesToApply","PATH_BY_VARIABLE","variablePaths","variableName","colorFromVariable"],"mappings":";;AAKA,MAAMA,IAAwB,CAACC,MAA4B,KAAKA,GAAU,cAAc,QAAQ,UAAU,GAAG,CAAC,IAEjGC,IACX,CAACC,MACD,CAACC,IAAQ,CAAA,MAAO;AACd,QAAMC,IAAQC,EAAaH,CAAK,EAAEC,CAAK,GAEjCG,IAAsB,OAAO,QAAQC,CAAa,EACrD,OAAO,CAAC,GAAGC,CAAW,MAAMA,EAAY,KAAK,CAACC,MAAS,OAAO,KAAKN,CAAK,EAAE,SAASM,CAAI,CAAC,CAAC,EACzF,IAAI,CAAC,CAACC,CAAI,MAAMA,CAAiB,GAC9BC,IAAmB,OAAO,QAAQC,CAAgB,EACrD,OAAO,CAAC,CAAA,EAAGC,CAAa,MAAMP,EAAoB,SAASO,EAAc,CAAC,CAAC,CAAC,EAC5E,IAAI,CAAC,CAACC,CAAY,MAAMA,CAA6B;AAExD,SAAO;AAAA,IACL,GAAG,OAAO,YAAYH,EAAiB,IAAI,CAACX,MAAa,CAACD,EAAsBC,CAAQ,GAAGI,EAAMJ,CAAQ,CAAC,CAAC,CAAC;AAAA,EAAA;AAEhH,GAEWe,IAAyC,CAACf,MAAa,OAAOD,EAAsBC,CAAQ,CAAC;"}

package/build/esm/react-base/src/theme/theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.js","sources":["../../../../../../react-base/src/theme/theme.ts"],"sourcesContent":["import type { Theme, ThemeInitFn } from './types/theme';\nimport { themeToDropShadows } from './dropShadows';\nimport { themeToGlobals } from './global';\nimport { themeToLayer } from './layer';\nimport { typography } from './typography';\nimport { colorFromVariable, themeToModes } from './modes';\n\nexport const generateTheme: ThemeInitFn<Theme> = (theme) => ({\n __DEPRECATED_DO_NOT_USE__: theme,\n dropShadows: themeToDropShadows(theme),\n globals: themeToGlobals(theme),\n layer: themeToLayer(theme),\n applyModes: themeToModes(theme),\n cssVariable: colorFromVariable,\n typography,\n});\n"],"names":["generateTheme","theme","themeToDropShadows","themeToGlobals","themeToLayer","themeToModes","colorFromVariable","typography"],"mappings":";;;;;AAOO,MAAMA,IAAoC,CAACC,OAAW;AAAA,EAC3D,2BAA2BA;AAAA,EAC3B,aAAaC,EAAmBD,CAAK;AAAA,EACrC,SAASE,EAAeF,CAAK;AAAA,EAC7B,OAAOG,EAAaH,CAAK;AAAA,EACzB,YAAYI,EAAaJ,CAAK;AAAA,EAC9B,aAAaK;AAAA,EACb,YAAAC;AACF;"}
1	+ {"version":3,"file":"theme.js","sources":["../../../../../../react-base/src/theme/theme.ts"],"sourcesContent":["import type { Theme, ThemeInitFn } from './types/theme';\r\nimport { themeToDropShadows } from './dropShadows';\r\nimport { themeToGlobals } from './global';\r\nimport { themeToLayer } from './layer';\r\nimport { typography } from './typography';\r\nimport { colorFromVariable, themeToModes } from './modes';\r\n\r\nexport const generateTheme: ThemeInitFn<Theme> = (theme) => ({\r\n __DEPRECATED_DO_NOT_USE__: theme,\r\n dropShadows: themeToDropShadows(theme),\r\n globals: themeToGlobals(theme),\r\n layer: themeToLayer(theme),\r\n applyModes: themeToModes(theme),\r\n cssVariable: colorFromVariable,\r\n typography,\r\n});\r\n"],"names":["generateTheme","theme","themeToDropShadows","themeToGlobals","themeToLayer","themeToModes","colorFromVariable","typography"],"mappings":";;;;;AAOO,MAAMA,IAAoC,CAACC,OAAW;AAAA,EAC3D,2BAA2BA;AAAA,EAC3B,aAAaC,EAAmBD,CAAK;AAAA,EACrC,SAASE,EAAeF,CAAK;AAAA,EAC7B,OAAOG,EAAaH,CAAK;AAAA,EACzB,YAAYI,EAAaJ,CAAK;AAAA,EAC9B,aAAaK;AAAA,EACb,YAAAC;AACF;"}

package/build/esm/react-base/src/theme/types/layer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"layer.js","sources":["../../../../../../../react-base/src/theme/types/layer.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\n\n/*\n Modes are the different layers of the theme that can be applied to the components\n /\nexport enum Modes {\n Foundation = 'foundation',\n Sentiment = 'sentiment',\n State = 'state',\n SentimentProminence = 'sentimentProminence',\n SelectedProminence = 'selectedProminence',\n Muted = 'muted',\n Disabled = 'disabled',\n Brand = 'brand',\n TransparentRestingState = 'transparentRestingState',\n}\n\n/\n Paths are the different entrypoints for the theme values\n /\nexport enum Paths {\n onFoundation = 'onFoundation',\n onSentiment = 'onSentiment',\n onBrand = 'onBrand',\n onSelected = 'onSelected',\n}\n\nexport type PathsType = `${Paths}`;\n\n/\n Retrieve the modes applied to a Path\n * used to determine the order of the layers\n /\nexport const MODES_BY_PATH: { [key in Paths]: Modes[] } = {\n [Paths.onSentiment]: [\n Modes.SentimentProminence,\n Modes.Sentiment,\n Modes.TransparentRestingState,\n Modes.State,\n Modes.Foundation,\n Modes.Disabled,\n ],\n [Paths.onFoundation]: [Modes.Foundation, Modes.TransparentRestingState, Modes.State, Modes.Disabled],\n [Paths.onBrand]: [Modes.Muted, Modes.Brand, Modes.State, Modes.Foundation, Modes.Disabled],\n [Paths.onSelected]: [\n Modes.Muted,\n Modes.SelectedProminence,\n Modes.TransparentRestingState,\n Modes.State,\n Modes.Foundation,\n Modes.Disabled,\n ],\n} as const;\n\n/\n The type of the modes that can be applied to the theme\n /\nexport type ModesType = {\n [Modes.Foundation]?: FabricsVariables.FoundationType;\n [Modes.Brand]?: FabricsVariables.BrandType;\n [Modes.Sentiment]?: FabricsVariables.SentimentType;\n [Modes.SentimentProminence]?: FabricsVariables.SentimentProminenceType;\n [Modes.SelectedProminence]?: FabricsVariables.SelectedProminenceType;\n [Modes.Muted]?: FabricsVariables.MutedType;\n [Modes.Disabled]?: FabricsVariables.DisabledType;\n [Modes.TransparentRestingState]?: FabricsVariables.TransparentRestingStateType;\n [Modes.State]?: FabricsVariables.StateType;\n};\n\n/\n The default values for the modes\n /\nexport const MODES_DEFAULT_VALUES: Required<ModesType> = {\n [Modes.Foundation]: FabricsVariables.Foundations.Base,\n [Modes.Sentiment]: FabricsVariables.Sentiments.Neutral,\n [Modes.Brand]: FabricsVariables.Brands.Primary,\n [Modes.Muted]: FabricsVariables.Muteds.False,\n [Modes.TransparentRestingState]: FabricsVariables.TransparentRestingStates.False,\n [Modes.Disabled]: FabricsVariables.Disableds.False,\n [Modes.SentimentProminence]: FabricsVariables.SentimentProminences.Strong,\n [Modes.SelectedProminence]: FabricsVariables.SelectedProminences.Strong,\n [Modes.State]: FabricsVariables.States.Resting,\n} as const;\n\n/\n The different variables that are available on a layer\n /\nexport enum Variables {\n BackgroundFoundation = 'Background/Foundation',\n TextOnFoundationStrong = 'Text/On Foundation/Strong',\n TextOnFoundationSubtle = 'Text/On Foundation/Subtle',\n TextOnFoundationLink = 'Text/On Foundation/Link',\n TextOnFoundationLinkVisited = 'Text/On Foundation/Link Visited',\n BorderOnFoundationStrong = 'Border/On Foundation/Strong',\n BorderOnFoundationMedium = 'Border/On Foundation/Medium',\n BorderOnFoundationSubtle = 'Border/On Foundation/Subtle',\n BackgroundBrand = 'Background/Brand',\n TextOnBrandOnBackground = 'Text/On Brand/On Background',\n BorderOnBrandOnBackground = 'Border/On Brand/On Background',\n ForegroundOnBrand = 'Foreground/On Brand',\n TextOnBrandOnForeground = 'Text/On Brand/On Foreground',\n BorderOnBrandOnForeground = 'Border/On Brand/On Foreground',\n\n BackgroundSentiment = 'Background/Sentiment',\n TextOnSentimentOnBackground = 'Text/On Sentiment/On Background',\n BorderOnSentimentOnBackground = 'Border/On Sentiment/On Background',\n ForegroundOnSentiment = 'Foreground/On Sentiment',\n TextOnSentimentOnForeground = 'Text/On Sentiment/On Foreground',\n BorderOnSentimentOnForeground = 'Border/On Sentiment/On Foreground',\n\n BackgroundSelected = 'Background/Selected',\n TextOnSelectedBackgroundStrong = 'Text/On Selected Background/Strong',\n TextOnSelectedBackgroundSubtle = 'Text/On Selected Background/Subtle',\n BorderOnSelectedOnBackground = 'Border/On Selected/On Background',\n\n ForegroundOnSelected = 'Foreground/On Selected',\n TextOnSelectedForeground = 'Text/On Selected/On Foreground',\n BorderOnSelectedOnForeground = 'Border/On Selected/On Foreground',\n}\n\nexport type VariablesType = `${Variables}`;\n\nexport enum PathDensityModes {\n strong = 'strong',\n medium = 'medium',\n subtle = 'subtle',\n link = 'link',\n linkVisited = 'linkVisited',\n}\n\nexport enum PathLayerModes {\n onBackground = 'onBackground',\n onForeground = 'onForeground',\n}\n\nexport enum PathDensityLayerModes {\n onBackgroundStrong = 'onBackgroundStrong',\n onBackgroundSubtle = 'onBackgroundSubtle',\n onForeground = 'onForeground',\n}\n\nexport enum PathKinds {\n border = 'border',\n text = 'text',\n background = 'background',\n foreground = 'foreground',\n}\n\nexport type VariablePath = { [key in PathKinds.background \| PathKinds.foreground]: string } & {\n [key in PathKinds.border \| PathKinds.text]: {\n [kindKey in PathDensityModes \| PathDensityLayerModes \| PathLayerModes]: string;\n };\n};\n\ntype PathByVariableType = {\n [key in VariablesType]:\n \| [Paths, PathKinds.background \| PathKinds.foreground]\n \| [Paths, PathKinds.border \| PathKinds.text, PathDensityModes \| PathDensityLayerModes \| PathLayerModes];\n};\n\n/\n Retrieve the path applied to a variable to fetch the theme value\n * used to determine the order of the layers\n */\nexport const PATH_BY_VARIABLE: PathByVariableType = {\n [Variables.BackgroundFoundation]: [Paths.onFoundation, PathKinds.background],\n [Variables.TextOnFoundationStrong]: [Paths.onFoundation, PathKinds.text, PathDensityModes.strong],\n [Variables.TextOnFoundationSubtle]: [Paths.onFoundation, PathKinds.text, PathDensityModes.subtle],\n [Variables.TextOnFoundationLink]: [Paths.onFoundation, PathKinds.text, PathDensityModes.link],\n [Variables.TextOnFoundationLinkVisited]: [Paths.onFoundation, PathKinds.text, PathDensityModes.linkVisited],\n [Variables.BorderOnFoundationStrong]: [Paths.onFoundation, PathKinds.border, PathDensityModes.strong],\n [Variables.BorderOnFoundationMedium]: [Paths.onFoundation, PathKinds.border, PathDensityModes.medium],\n [Variables.BorderOnFoundationSubtle]: [Paths.onFoundation, PathKinds.border, PathDensityModes.subtle],\n\n [Variables.BackgroundBrand]: [Paths.onBrand, PathKinds.background],\n [Variables.TextOnBrandOnBackground]: [Paths.onBrand, PathKinds.text, PathLayerModes.onBackground],\n [Variables.BorderOnBrandOnBackground]: [Paths.onBrand, PathKinds.border, PathLayerModes.onBackground],\n [Variables.ForegroundOnBrand]: [Paths.onBrand, PathKinds.foreground],\n [Variables.TextOnBrandOnForeground]: [Paths.onBrand, PathKinds.text, PathLayerModes.onForeground],\n [Variables.BorderOnBrandOnForeground]: [Paths.onBrand, PathKinds.border, PathLayerModes.onForeground],\n\n [Variables.BackgroundSentiment]: [Paths.onSentiment, PathKinds.background],\n [Variables.TextOnSentimentOnBackground]: [Paths.onSentiment, PathKinds.text, PathLayerModes.onBackground],\n [Variables.BorderOnSentimentOnBackground]: [Paths.onSentiment, PathKinds.border, PathLayerModes.onBackground],\n\n [Variables.ForegroundOnSentiment]: [Paths.onSentiment, PathKinds.foreground],\n [Variables.TextOnSentimentOnForeground]: [Paths.onSentiment, PathKinds.text, PathLayerModes.onForeground],\n [Variables.BorderOnSentimentOnForeground]: [Paths.onSentiment, PathKinds.border, PathLayerModes.onForeground],\n\n [Variables.BackgroundSelected]: [Paths.onSelected, PathKinds.background],\n [Variables.TextOnSelectedBackgroundStrong]: [\n Paths.onSelected,\n PathKinds.text,\n PathDensityLayerModes.onBackgroundStrong,\n ],\n [Variables.TextOnSelectedBackgroundSubtle]: [\n Paths.onSelected,\n PathKinds.text,\n PathDensityLayerModes.onBackgroundSubtle,\n ],\n [Variables.BorderOnSelectedOnBackground]: [Paths.onSelected, PathKinds.border, PathLayerModes.onBackground],\n\n [Variables.ForegroundOnSelected]: [Paths.onSelected, PathKinds.foreground],\n [Variables.TextOnSelectedForeground]: [Paths.onSelected, PathKinds.text, PathDensityLayerModes.onForeground],\n [Variables.BorderOnSelectedOnForeground]: [Paths.onSelected, PathKinds.border, PathLayerModes.onForeground],\n} as const;\n\nexport type VariableValues = { [key in VariablesType]: string };\n\nexport type LayerFn = (modes?: ModesType) => VariableValues;\n"],"names":["Paths","MODES_BY_PATH","MODES_DEFAULT_VALUES","FabricsVariables","Variables","PathKinds","PATH_BY_VARIABLE"],"mappings":"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"}
1	+ {"version":3,"file":"layer.js","sources":["../../../../../../../react-base/src/theme/types/layer.ts"],"sourcesContent":["import { FabricsVariables } from 'acinguiux-ds-fabrics';\r\n\r\n/*\r\n Modes are the different layers of the theme that can be applied to the components\r\n /\r\nexport enum Modes {\r\n Foundation = 'foundation',\r\n Sentiment = 'sentiment',\r\n State = 'state',\r\n SentimentProminence = 'sentimentProminence',\r\n SelectedProminence = 'selectedProminence',\r\n Muted = 'muted',\r\n Disabled = 'disabled',\r\n Brand = 'brand',\r\n TransparentRestingState = 'transparentRestingState',\r\n}\r\n\r\n/\r\n Paths are the different entrypoints for the theme values\r\n /\r\nexport enum Paths {\r\n onFoundation = 'onFoundation',\r\n onSentiment = 'onSentiment',\r\n onBrand = 'onBrand',\r\n onSelected = 'onSelected',\r\n}\r\n\r\nexport type PathsType = `${Paths}`;\r\n\r\n/\r\n Retrieve the modes applied to a Path\r\n * used to determine the order of the layers\r\n /\r\nexport const MODES_BY_PATH: { [key in Paths]: Modes[] } = {\r\n [Paths.onSentiment]: [\r\n Modes.SentimentProminence,\r\n Modes.Sentiment,\r\n Modes.TransparentRestingState,\r\n Modes.State,\r\n Modes.Foundation,\r\n Modes.Disabled,\r\n ],\r\n [Paths.onFoundation]: [Modes.Foundation, Modes.TransparentRestingState, Modes.State, Modes.Disabled],\r\n [Paths.onBrand]: [Modes.Muted, Modes.Brand, Modes.State, Modes.Foundation, Modes.Disabled],\r\n [Paths.onSelected]: [\r\n Modes.Muted,\r\n Modes.SelectedProminence,\r\n Modes.TransparentRestingState,\r\n Modes.State,\r\n Modes.Foundation,\r\n Modes.Disabled,\r\n ],\r\n} as const;\r\n\r\n/\r\n The type of the modes that can be applied to the theme\r\n /\r\nexport type ModesType = {\r\n [Modes.Foundation]?: FabricsVariables.FoundationType;\r\n [Modes.Brand]?: FabricsVariables.BrandType;\r\n [Modes.Sentiment]?: FabricsVariables.SentimentType;\r\n [Modes.SentimentProminence]?: FabricsVariables.SentimentProminenceType;\r\n [Modes.SelectedProminence]?: FabricsVariables.SelectedProminenceType;\r\n [Modes.Muted]?: FabricsVariables.MutedType;\r\n [Modes.Disabled]?: FabricsVariables.DisabledType;\r\n [Modes.TransparentRestingState]?: FabricsVariables.TransparentRestingStateType;\r\n [Modes.State]?: FabricsVariables.StateType;\r\n};\r\n\r\n/\r\n The default values for the modes\r\n /\r\nexport const MODES_DEFAULT_VALUES: Required<ModesType> = {\r\n [Modes.Foundation]: FabricsVariables.Foundations.Base,\r\n [Modes.Sentiment]: FabricsVariables.Sentiments.Neutral,\r\n [Modes.Brand]: FabricsVariables.Brands.Primary,\r\n [Modes.Muted]: FabricsVariables.Muteds.False,\r\n [Modes.TransparentRestingState]: FabricsVariables.TransparentRestingStates.False,\r\n [Modes.Disabled]: FabricsVariables.Disableds.False,\r\n [Modes.SentimentProminence]: FabricsVariables.SentimentProminences.Strong,\r\n [Modes.SelectedProminence]: FabricsVariables.SelectedProminences.Strong,\r\n [Modes.State]: FabricsVariables.States.Resting,\r\n} as const;\r\n\r\n/\r\n The different variables that are available on a layer\r\n /\r\nexport enum Variables {\r\n BackgroundFoundation = 'Background/Foundation',\r\n TextOnFoundationStrong = 'Text/On Foundation/Strong',\r\n TextOnFoundationSubtle = 'Text/On Foundation/Subtle',\r\n TextOnFoundationLink = 'Text/On Foundation/Link',\r\n TextOnFoundationLinkVisited = 'Text/On Foundation/Link Visited',\r\n BorderOnFoundationStrong = 'Border/On Foundation/Strong',\r\n BorderOnFoundationMedium = 'Border/On Foundation/Medium',\r\n BorderOnFoundationSubtle = 'Border/On Foundation/Subtle',\r\n BackgroundBrand = 'Background/Brand',\r\n TextOnBrandOnBackground = 'Text/On Brand/On Background',\r\n BorderOnBrandOnBackground = 'Border/On Brand/On Background',\r\n ForegroundOnBrand = 'Foreground/On Brand',\r\n TextOnBrandOnForeground = 'Text/On Brand/On Foreground',\r\n BorderOnBrandOnForeground = 'Border/On Brand/On Foreground',\r\n\r\n BackgroundSentiment = 'Background/Sentiment',\r\n TextOnSentimentOnBackground = 'Text/On Sentiment/On Background',\r\n BorderOnSentimentOnBackground = 'Border/On Sentiment/On Background',\r\n ForegroundOnSentiment = 'Foreground/On Sentiment',\r\n TextOnSentimentOnForeground = 'Text/On Sentiment/On Foreground',\r\n BorderOnSentimentOnForeground = 'Border/On Sentiment/On Foreground',\r\n\r\n BackgroundSelected = 'Background/Selected',\r\n TextOnSelectedBackgroundStrong = 'Text/On Selected Background/Strong',\r\n TextOnSelectedBackgroundSubtle = 'Text/On Selected Background/Subtle',\r\n BorderOnSelectedOnBackground = 'Border/On Selected/On Background',\r\n\r\n ForegroundOnSelected = 'Foreground/On Selected',\r\n TextOnSelectedForeground = 'Text/On Selected/On Foreground',\r\n BorderOnSelectedOnForeground = 'Border/On Selected/On Foreground',\r\n}\r\n\r\nexport type VariablesType = `${Variables}`;\r\n\r\nexport enum PathDensityModes {\r\n strong = 'strong',\r\n medium = 'medium',\r\n subtle = 'subtle',\r\n link = 'link',\r\n linkVisited = 'linkVisited',\r\n}\r\n\r\nexport enum PathLayerModes {\r\n onBackground = 'onBackground',\r\n onForeground = 'onForeground',\r\n}\r\n\r\nexport enum PathDensityLayerModes {\r\n onBackgroundStrong = 'onBackgroundStrong',\r\n onBackgroundSubtle = 'onBackgroundSubtle',\r\n onForeground = 'onForeground',\r\n}\r\n\r\nexport enum PathKinds {\r\n border = 'border',\r\n text = 'text',\r\n background = 'background',\r\n foreground = 'foreground',\r\n}\r\n\r\nexport type VariablePath = { [key in PathKinds.background \| PathKinds.foreground]: string } & {\r\n [key in PathKinds.border \| PathKinds.text]: {\r\n [kindKey in PathDensityModes \| PathDensityLayerModes \| PathLayerModes]: string;\r\n };\r\n};\r\n\r\ntype PathByVariableType = {\r\n [key in VariablesType]:\r\n \| [Paths, PathKinds.background \| PathKinds.foreground]\r\n \| [Paths, PathKinds.border \| PathKinds.text, PathDensityModes \| PathDensityLayerModes \| PathLayerModes];\r\n};\r\n\r\n/\r\n Retrieve the path applied to a variable to fetch the theme value\r\n * used to determine the order of the layers\r\n */\r\nexport const PATH_BY_VARIABLE: PathByVariableType = {\r\n [Variables.BackgroundFoundation]: [Paths.onFoundation, PathKinds.background],\r\n [Variables.TextOnFoundationStrong]: [Paths.onFoundation, PathKinds.text, PathDensityModes.strong],\r\n [Variables.TextOnFoundationSubtle]: [Paths.onFoundation, PathKinds.text, PathDensityModes.subtle],\r\n [Variables.TextOnFoundationLink]: [Paths.onFoundation, PathKinds.text, PathDensityModes.link],\r\n [Variables.TextOnFoundationLinkVisited]: [Paths.onFoundation, PathKinds.text, PathDensityModes.linkVisited],\r\n [Variables.BorderOnFoundationStrong]: [Paths.onFoundation, PathKinds.border, PathDensityModes.strong],\r\n [Variables.BorderOnFoundationMedium]: [Paths.onFoundation, PathKinds.border, PathDensityModes.medium],\r\n [Variables.BorderOnFoundationSubtle]: [Paths.onFoundation, PathKinds.border, PathDensityModes.subtle],\r\n\r\n [Variables.BackgroundBrand]: [Paths.onBrand, PathKinds.background],\r\n [Variables.TextOnBrandOnBackground]: [Paths.onBrand, PathKinds.text, PathLayerModes.onBackground],\r\n [Variables.BorderOnBrandOnBackground]: [Paths.onBrand, PathKinds.border, PathLayerModes.onBackground],\r\n [Variables.ForegroundOnBrand]: [Paths.onBrand, PathKinds.foreground],\r\n [Variables.TextOnBrandOnForeground]: [Paths.onBrand, PathKinds.text, PathLayerModes.onForeground],\r\n [Variables.BorderOnBrandOnForeground]: [Paths.onBrand, PathKinds.border, PathLayerModes.onForeground],\r\n\r\n [Variables.BackgroundSentiment]: [Paths.onSentiment, PathKinds.background],\r\n [Variables.TextOnSentimentOnBackground]: [Paths.onSentiment, PathKinds.text, PathLayerModes.onBackground],\r\n [Variables.BorderOnSentimentOnBackground]: [Paths.onSentiment, PathKinds.border, PathLayerModes.onBackground],\r\n\r\n [Variables.ForegroundOnSentiment]: [Paths.onSentiment, PathKinds.foreground],\r\n [Variables.TextOnSentimentOnForeground]: [Paths.onSentiment, PathKinds.text, PathLayerModes.onForeground],\r\n [Variables.BorderOnSentimentOnForeground]: [Paths.onSentiment, PathKinds.border, PathLayerModes.onForeground],\r\n\r\n [Variables.BackgroundSelected]: [Paths.onSelected, PathKinds.background],\r\n [Variables.TextOnSelectedBackgroundStrong]: [\r\n Paths.onSelected,\r\n PathKinds.text,\r\n PathDensityLayerModes.onBackgroundStrong,\r\n ],\r\n [Variables.TextOnSelectedBackgroundSubtle]: [\r\n Paths.onSelected,\r\n PathKinds.text,\r\n PathDensityLayerModes.onBackgroundSubtle,\r\n ],\r\n [Variables.BorderOnSelectedOnBackground]: [Paths.onSelected, PathKinds.border, PathLayerModes.onBackground],\r\n\r\n [Variables.ForegroundOnSelected]: [Paths.onSelected, PathKinds.foreground],\r\n [Variables.TextOnSelectedForeground]: [Paths.onSelected, PathKinds.text, PathDensityLayerModes.onForeground],\r\n [Variables.BorderOnSelectedOnForeground]: [Paths.onSelected, PathKinds.border, PathLayerModes.onForeground],\r\n} as const;\r\n\r\nexport type VariableValues = { [key in VariablesType]: string };\r\n\r\nexport type LayerFn = (modes?: ModesType) => VariableValues;\r\n"],"names":["Paths","MODES_BY_PATH","MODES_DEFAULT_VALUES","FabricsVariables","Variables","PathKinds","PATH_BY_VARIABLE"],"mappings":";AAoBO,IAAKA,sBAAAA,OACVA,EAAA,eAAe,gBACfA,EAAA,cAAc,eACdA,EAAA,UAAU,WACVA,EAAA,aAAa,cAJHA,IAAAA,KAAA,CAAA,CAAA;AAaL,MAAMC,IAA6C;AAAA,EACvD,aAAoB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAAA;AAAA,EAED,cAAqB;AAAA,IAAC;AAAA,IAAkB;AAAA,IAA+B;AAAA,IAAa;AAAA;AAAA,EAAA;AAAA,EACpF,SAAgB;AAAA,IAAC;AAAA,IAAa;AAAA,IAAa;AAAA,IAAa;AAAA,IAAkB;AAAA;AAAA,EAAA;AAAA,EAC1E,YAAmB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAAA;AAEJ,GAoBaC,IAA4C;AAAA,EACtD,YAAmBC,EAAiB,YAAY;AAAA,EAChD,WAAkBA,EAAiB,WAAW;AAAA,EAC9C,OAAcA,EAAiB,OAAO;AAAA,EACtC,OAAcA,EAAiB,OAAO;AAAA,EACtC,yBAAgCA,EAAiB,yBAAyB;AAAA,EAC1E,UAAiBA,EAAiB,UAAU;AAAA,EAC5C,qBAA4BA,EAAiB,qBAAqB;AAAA,EAClE,oBAA2BA,EAAiB,oBAAoB;AAAA,EAChE,OAAcA,EAAiB,OAAO;AACzC;AAKO,IAAKC,sBAAAA,OACVA,EAAA,uBAAuB,yBACvBA,EAAA,yBAAyB,6BACzBA,EAAA,yBAAyB,6BACzBA,EAAA,uBAAuB,2BACvBA,EAAA,8BAA8B,mCAC9BA,EAAA,2BAA2B,+BAC3BA,EAAA,2BAA2B,+BAC3BA,EAAA,2BAA2B,+BAC3BA,EAAA,kBAAkB,oBAClBA,EAAA,0BAA0B,+BAC1BA,EAAA,4BAA4B,iCAC5BA,EAAA,oBAAoB,uBACpBA,EAAA,0BAA0B,+BAC1BA,EAAA,4BAA4B,iCAE5BA,EAAA,sBAAsB,wBACtBA,EAAA,8BAA8B,mCAC9BA,EAAA,gCAAgC,qCAChCA,EAAA,wBAAwB,2BACxBA,EAAA,8BAA8B,mCAC9BA,EAAA,gCAAgC,qCAEhCA,EAAA,qBAAqB,uBACrBA,EAAA,iCAAiC,sCACjCA,EAAA,iCAAiC,sCACjCA,EAAA,+BAA+B,oCAE/BA,EAAA,uBAAuB,0BACvBA,EAAA,2BAA2B,kCAC3BA,EAAA,+BAA+B,oCA9BrBA,IAAAA,KAAA,CAAA,CAAA,GAsDAC,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,OAAO,QACPA,EAAA,aAAa,cACbA,EAAA,aAAa,cAJHA,IAAAA,KAAA,CAAA,CAAA;AAuBL,MAAMC,IAAuC;AAAA,EACjD,yBAAiC;AAAA,IAAC;AAAA,IAAoB;AAAA;AAAA,EAAA;AAAA,EACtD,6BAAmC;AAAA,IAAC;AAAA,IAAoB;AAAA,IAAgB;AAAA;AAAA,EAAA;AAAA,EACxE,6BAAmC;AAAA,IAAC;AAAA,IAAoB;AAAA,IAAgB;AAAA;AAAA,EAAA;AAAA,EACxE,2BAAiC;AAAA,IAAC;AAAA,IAAoB;AAAA,IAAgB;AAAA;AAAA,EAAA;AAAA,EACtE,mCAAwC;AAAA,IAAC;AAAA,IAAoB;AAAA,IAAgB;AAAA;AAAA,EAAA;AAAA,EAC7E,+BAAqC;AAAA,IAAC;AAAA,IAAoB;AAAA,IAAkB;AAAA;AAAA,EAAA;AAAA,EAC5E,+BAAqC;AAAA,IAAC;AAAA,IAAoB;AAAA,IAAkB;AAAA;AAAA,EAAA;AAAA,EAC5E,+BAAqC;AAAA,IAAC;AAAA,IAAoB;AAAA,IAAkB;AAAA;AAAA,EAAA;AAAA,EAE5E,oBAA4B;AAAA,IAAC;AAAA,IAAe;AAAA;AAAA,EAAA;AAAA,EAC5C,+BAAoC;AAAA,IAAC;AAAA,IAAe;AAAA,IAAgB;AAAA;AAAA,EAAA;AAAA,EACpE,iCAAsC;AAAA,IAAC;AAAA,IAAe;AAAA,IAAkB;AAAA;AAAA,EAAA;AAAA,EACxE,uBAA8B;AAAA,IAAC;AAAA,IAAe;AAAA;AAAA,EAAA;AAAA,EAC9C,+BAAoC;AAAA,IAAC;AAAA,IAAe;AAAA,IAAgB;AAAA;AAAA,EAAA;AAAA,EACpE,iCAAsC;AAAA,IAAC;AAAA,IAAe;AAAA,IAAkB;AAAA;AAAA,EAAA;AAAA,EAExE,wBAAgC;AAAA,IAAC;AAAA,IAAmB;AAAA;AAAA,EAAA;AAAA,EACpD,mCAAwC;AAAA,IAAC;AAAA,IAAmB;AAAA,IAAgB;AAAA;AAAA,EAAA;AAAA,EAC5E,qCAA0C;AAAA,IAAC;AAAA,IAAmB;AAAA,IAAkB;AAAA;AAAA,EAAA;AAAA,EAEhF,2BAAkC;AAAA,IAAC;AAAA,IAAmB;AAAA;AAAA,EAAA;AAAA,EACtD,mCAAwC;AAAA,IAAC;AAAA,IAAmB;AAAA,IAAgB;AAAA;AAAA,EAAA;AAAA,EAC5E,qCAA0C;AAAA,IAAC;AAAA,IAAmB;AAAA,IAAkB;AAAA;AAAA,EAAA;AAAA,EAEhF,uBAA+B;AAAA,IAAC;AAAA,IAAkB;AAAA;AAAA,EAAA;AAAA,EAClD,sCAA2C;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAAA;AAAA,EAED,sCAA2C;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAAA;AAAA,EAED,oCAAyC;AAAA,IAAC;AAAA,IAAkB;AAAA,IAAkB;AAAA;AAAA,EAAA;AAAA,EAE9E,0BAAiC;AAAA,IAAC;AAAA,IAAkB;AAAA;AAAA,EAAA;AAAA,EACpD,kCAAqC;AAAA,IAAC;AAAA,IAAkB;AAAA,IAAgB;AAAA;AAAA,EAAA;AAAA,EACxE,oCAAyC;AAAA,IAAC;AAAA,IAAkB;AAAA,IAAkB;AAAA;AAAA,EAAA;AACjF;"}

package/build/esm/react-base/src/theme/types/typography.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"typography.js","sources":["../../../../../../../react-base/src/theme/types/typography.ts"],"sourcesContent":["import type { TypographyType } from 'acinguiux-ds-fabrics';\n\nexport type TypographyKind = keyof TypographyType;\nconst TYPOGRAPHY_WEIGHTED_KINDS = ['label', 'paragraph', 'heading'] as const;\nexport type TypographyWeightedKind = Extract<TypographyKind, (typeof TYPOGRAPHY_WEIGHTED_KINDS)[number]>;\n\nexport type TypographyWeights<Kind extends TypographyKind> = Kind extends TypographyWeightedKind\n ? keyof TypographyType[Kind]\n : never;\nexport type TypographySize<Kind extends TypographyKind> = Kind extends TypographyWeightedKind\n ? keyof TypographyType[Kind][TypographyWeights<Kind>]\n : keyof TypographyType[Kind];\n\nexport type TypographyElement<\n FontSize extends string \| number = number,\n LetterSpacing extends string \| number = number,\n LineHeight extends string \| number = number,\n ParagraphSpacing extends string \| number = number,\n> = {\n fontFamily: string;\n fontWeight: string;\n fontSize: FontSize;\n fontStyle: 'normal' \| 'italic';\n letterSpacing: LetterSpacing;\n lineHeight: LineHeight;\n paragraphSpacing: ParagraphSpacing;\n};\n\nexport type TypographyElementPx = TypographyElement<`${string}px`, `${string}px`, `${string}px`, `${string}px`>;\n\nexport type TypographyFn = <\n Kind extends TypographyKind,\n Size extends TypographySize<Kind>,\n Weight extends TypographyWeights<Kind>,\n>(\n kind: Kind,\n size?: Size,\n weight?: Weight,\n) => TypographyElementPx;\n\nexport const isTypographyWeighted = (kind: TypographyKind): kind is TypographyWeightedKind =>\n TYPOGRAPHY_WEIGHTED_KINDS.includes(kind as TypographyWeightedKind);\n"],"names":["TYPOGRAPHY_WEIGHTED_KINDS","isTypographyWeighted","kind"],"mappings":"AAGA,MAAMA,IAA4B,CAAC,SAAS,aAAa,SAAS,GAqCrDC,IAAuB,CAACC,MACnCF,EAA0B,SAASE,CAA8B;"}
1	+ {"version":3,"file":"typography.js","sources":["../../../../../../../react-base/src/theme/types/typography.ts"],"sourcesContent":["import type { TypographyType } from 'acinguiux-ds-fabrics';\r\n\r\nexport type TypographyKind = keyof TypographyType;\r\nconst TYPOGRAPHY_WEIGHTED_KINDS = ['label', 'paragraph', 'heading'] as const;\r\nexport type TypographyWeightedKind = Extract<TypographyKind, (typeof TYPOGRAPHY_WEIGHTED_KINDS)[number]>;\r\n\r\nexport type TypographyWeights<Kind extends TypographyKind> = Kind extends TypographyWeightedKind\r\n ? keyof TypographyType[Kind]\r\n : never;\r\nexport type TypographySize<Kind extends TypographyKind> = Kind extends TypographyWeightedKind\r\n ? keyof TypographyType[Kind][TypographyWeights<Kind>]\r\n : keyof TypographyType[Kind];\r\n\r\nexport type TypographyElement<\r\n FontSize extends string \| number = number,\r\n LetterSpacing extends string \| number = number,\r\n LineHeight extends string \| number = number,\r\n ParagraphSpacing extends string \| number = number,\r\n> = {\r\n fontFamily: string;\r\n fontWeight: string;\r\n fontSize: FontSize;\r\n fontStyle: 'normal' \| 'italic';\r\n letterSpacing: LetterSpacing;\r\n lineHeight: LineHeight;\r\n paragraphSpacing: ParagraphSpacing;\r\n};\r\n\r\nexport type TypographyElementPx = TypographyElement<`${string}px`, `${string}px`, `${string}px`, `${string}px`>;\r\n\r\nexport type TypographyFn = <\r\n Kind extends TypographyKind,\r\n Size extends TypographySize<Kind>,\r\n Weight extends TypographyWeights<Kind>,\r\n>(\r\n kind: Kind,\r\n size?: Size,\r\n weight?: Weight,\r\n) => TypographyElementPx;\r\n\r\nexport const isTypographyWeighted = (kind: TypographyKind): kind is TypographyWeightedKind =>\r\n TYPOGRAPHY_WEIGHTED_KINDS.includes(kind as TypographyWeightedKind);\r\n"],"names":["TYPOGRAPHY_WEIGHTED_KINDS","isTypographyWeighted","kind"],"mappings":"AAGA,MAAMA,IAA4B,CAAC,SAAS,aAAa,SAAS,GAqCrDC,IAAuB,CAACC,MACnCF,EAA0B,SAASE,CAA8B;"}

package/build/esm/react-base/src/theme/typography.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { Typography, type TypographyType } from 'acinguiux-ds-fabrics';\n\nimport {\n isTypographyWeighted,\n TypographyKind,\n TypographySize,\n TypographyWeights,\n type TypographyElement,\n type TypographyElementPx,\n type TypographyFn,\n} from './types/typography';\n\nconst transformValuesToPx = <T extends TypographyElement>(value: T): TypographyElementPx => ({\n ...value,\n fontWeight: `${value.fontWeight ?? 'normal'}`,\n fontSize: `${value.fontSize ?? 0}px`,\n lineHeight: `${value.lineHeight ?? 0}px`,\n paragraphSpacing: `${value.paragraphSpacing ?? 0}px`,\n letterSpacing: `${value.letterSpacing ?? 0}px`,\n});\n\n/*\n typography() is a function that returns a typography element with the specified values.\n \n @param kind the typography content type ('label', 'paragraph', 'heading' or 'display')\n * @param size the size of the typography content ('extraSmall', 'small', 'medium', 'large', 'extraLarge' or 'smallest')\n * @param weight the weight of the typography content ('regular' or 'strong')\n * @returns the typography element with the specified values\n \n @defaults typography('paragraph', 'medium', 'regular')\n */\nexport const typography: TypographyFn = <\n Kind extends TypographyKind,\n Size extends TypographySize<Kind>,\n Weight extends TypographyWeights<Kind>,\n>(\n kind: Kind,\n size = 'medium' as Size,\n weight = 'regular' as Weight,\n) =>\n isTypographyWeighted(kind)\n ? transformValuesToPx(Typography[kind][weight][size as keyof TypographyType[Kind][Weight]] as TypographyElement)\n : transformValuesToPx(Typography[kind][size as keyof TypographyType[typeof kind]] as TypographyElement);\n"],"names":["transformValuesToPx","value","typography","kind","size","weight","isTypographyWeighted","Typography"],"mappings":";;AAYA,MAAMA,IAAsB,CAA8BC,OAAmC;AAAA,EAC3F,GAAGA;AAAA,EACH,YAAY,GAAGA,EAAM,cAAc,QAAQ;AAAA,EAC3C,UAAU,GAAGA,EAAM,YAAY,CAAC;AAAA,EAChC,YAAY,GAAGA,EAAM,cAAc,CAAC;AAAA,EACpC,kBAAkB,GAAGA,EAAM,oBAAoB,CAAC;AAAA,EAChD,eAAe,GAAGA,EAAM,iBAAiB,CAAC;AAC5C,IAYaC,IAA2B,CAKtCC,GACAC,IAAO,UACPC,IAAS,cAETC,EAAqBH,CAAI,IACrBH,EAAoBO,EAAWJ,CAAI,EAAEE,CAAM,EAAED,CAA0C,CAAsB,IAC7GJ,EAAoBO,EAAWJ,CAAI,EAAEC,CAAyC,CAAsB;"}
1	+ {"version":3,"file":"typography.js","sources":["../../../../../../react-base/src/theme/typography.ts"],"sourcesContent":["import { Typography, type TypographyType } from 'acinguiux-ds-fabrics';\r\n\r\nimport {\r\n isTypographyWeighted,\r\n TypographyKind,\r\n TypographySize,\r\n TypographyWeights,\r\n type TypographyElement,\r\n type TypographyElementPx,\r\n type TypographyFn,\r\n} from './types/typography';\r\n\r\nconst transformValuesToPx = <T extends TypographyElement>(value: T): TypographyElementPx => ({\r\n ...value,\r\n fontWeight: `${value.fontWeight ?? 'normal'}`,\r\n fontSize: `${value.fontSize ?? 0}px`,\r\n lineHeight: `${value.lineHeight ?? 0}px`,\r\n paragraphSpacing: `${value.paragraphSpacing ?? 0}px`,\r\n letterSpacing: `${value.letterSpacing ?? 0}px`,\r\n});\r\n\r\n/*\r\n typography() is a function that returns a typography element with the specified values.\r\n \r\n @param kind the typography content type ('label', 'paragraph', 'heading' or 'display')\r\n * @param size the size of the typography content ('extraSmall', 'small', 'medium', 'large', 'extraLarge' or 'smallest')\r\n * @param weight the weight of the typography content ('regular' or 'strong')\r\n * @returns the typography element with the specified values\r\n \r\n @defaults typography('paragraph', 'medium', 'regular')\r\n */\r\nexport const typography: TypographyFn = <\r\n Kind extends TypographyKind,\r\n Size extends TypographySize<Kind>,\r\n Weight extends TypographyWeights<Kind>,\r\n>(\r\n kind: Kind,\r\n size = 'medium' as Size,\r\n weight = 'regular' as Weight,\r\n) =>\r\n isTypographyWeighted(kind)\r\n ? transformValuesToPx(Typography[kind][weight][size as keyof TypographyType[Kind][Weight]] as TypographyElement)\r\n : transformValuesToPx(Typography[kind][size as keyof TypographyType[typeof kind]] as TypographyElement);\r\n"],"names":["transformValuesToPx","value","typography","kind","size","weight","isTypographyWeighted","Typography"],"mappings":";;AAYA,MAAMA,IAAsB,CAA8BC,OAAmC;AAAA,EAC3F,GAAGA;AAAA,EACH,YAAY,GAAGA,EAAM,cAAc,QAAQ;AAAA,EAC3C,UAAU,GAAGA,EAAM,YAAY,CAAC;AAAA,EAChC,YAAY,GAAGA,EAAM,cAAc,CAAC;AAAA,EACpC,kBAAkB,GAAGA,EAAM,oBAAoB,CAAC;AAAA,EAChD,eAAe,GAAGA,EAAM,iBAAiB,CAAC;AAC5C,IAYaC,IAA2B,CAKtCC,GACAC,IAAO,UACPC,IAAS,cAETC,EAAqBH,CAAI,IACrBH,EAAoBO,EAAWJ,CAAI,EAAEE,CAAM,EAAED,CAA0C,CAAsB,IAC7GJ,EAAoBO,EAAWJ,CAAI,EAAEC,CAAyC,CAAsB;"}

package/build/esm/react-base/src/utils/circleSvgUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"circleSvgUtils.js","sources":["../../../../../../react-base/src/utils/circleSvgUtils.ts"],"sourcesContent":["const toDecimal = (percent: number) => {\n if (percent === 0) {\n return 0;\n }\n\n return percent / 100;\n};\n\nexport const getStrokeDashArray = (radius: number) => {\n const circumference = 2 * Math.PI * radius;\n\n return Math.round(circumference);\n};\n\nexport const getStrokeDashoffset = (radius: number, value: number) => {\n const strokeOffset = getStrokeDashArray(radius) - getStrokeDashArray(radius) * toDecimal(value);\n\n return Math.round(strokeOffset);\n};\n"],"names":["toDecimal","percent","getStrokeDashArray","radius","circumference","getStrokeDashoffset","value","strokeOffset"],"mappings":"AAAA,MAAMA,IAAY,CAACC,MACbA,MAAY,IACP,IAGFA,IAAU,KAGNC,IAAqB,CAACC,MAAmB;AACpD,QAAMC,IAAgB,IAAI,KAAK,KAAKD;AAEpC,SAAO,KAAK,MAAMC,CAAa;AACjC,GAEaC,IAAsB,CAACF,GAAgBG,MAAkB;AACpE,QAAMC,IAAeL,EAAmBC,CAAM,IAAID,EAAmBC,CAAM,IAAIH,EAAUM,CAAK;AAE9F,SAAO,KAAK,MAAMC,CAAY;AAChC;"}
1	+ {"version":3,"file":"circleSvgUtils.js","sources":["../../../../../../react-base/src/utils/circleSvgUtils.ts"],"sourcesContent":["const toDecimal = (percent: number) => {\r\n if (percent === 0) {\r\n return 0;\r\n }\r\n\r\n return percent / 100;\r\n};\r\n\r\nexport const getStrokeDashArray = (radius: number) => {\r\n const circumference = 2 * Math.PI * radius;\r\n\r\n return Math.round(circumference);\r\n};\r\n\r\nexport const getStrokeDashoffset = (radius: number, value: number) => {\r\n const strokeOffset = getStrokeDashArray(radius) - getStrokeDashArray(radius) * toDecimal(value);\r\n\r\n return Math.round(strokeOffset);\r\n};\r\n"],"names":["toDecimal","percent","getStrokeDashArray","radius","circumference","getStrokeDashoffset","value","strokeOffset"],"mappings":"AAAA,MAAMA,IAAY,CAACC,MACbA,MAAY,IACP,IAGFA,IAAU,KAGNC,IAAqB,CAACC,MAAmB;AACpD,QAAMC,IAAgB,IAAI,KAAK,KAAKD;AAEpC,SAAO,KAAK,MAAMC,CAAa;AACjC,GAEaC,IAAsB,CAACF,GAAgBG,MAAkB;AACpE,QAAMC,IAAeL,EAAmBC,CAAM,IAAID,EAAmBC,CAAM,IAAIH,EAAUM,CAAK;AAE9F,SAAO,KAAK,MAAMC,CAAY;AAChC;"}

package/build/esm/react-base/src/utils/colorsUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"colorsUtils.js","sources":["../../../../../../react-base/src/utils/colorsUtils.ts"],"sourcesContent":["import { Variables } from '../theme';\n\nexport const getColorName = (disabled?: boolean, invalid?: boolean, checked?: boolean) => {\n if (disabled) return Variables.TextOnFoundationSubtle;\n\n if (invalid) return Variables.TextOnSentimentOnBackground;\n\n if (checked) return Variables.TextOnSelectedBackgroundStrong;\n\n return Variables.TextOnFoundationStrong;\n};\n"],"names":["getColorName","disabled","invalid","checked","Variables"],"mappings":";AAEO,MAAMA,IAAe,CAACC,GAAoBC,GAAmBC,MAC9DF,IAAiBG,EAAU,yBAE3BF,IAAgBE,EAAU,8BAIvBA,EAAU;"}
1	+ {"version":3,"file":"colorsUtils.js","sources":["../../../../../../react-base/src/utils/colorsUtils.ts"],"sourcesContent":["import { Variables } from '../theme';\r\n\r\nexport const getColorName = (disabled?: boolean, invalid?: boolean, checked?: boolean) => {\r\n if (disabled) return Variables.TextOnFoundationSubtle;\r\n\r\n if (invalid) return Variables.TextOnSentimentOnBackground;\r\n\r\n if (checked) return Variables.TextOnSelectedBackgroundStrong;\r\n\r\n return Variables.TextOnFoundationStrong;\r\n};\r\n"],"names":["getColorName","disabled","invalid","checked","Variables"],"mappings":";AAEO,MAAMA,IAAe,CAACC,GAAoBC,GAAmBC,MAC9DF,IAAiBG,EAAU,yBAE3BF,IAAgBE,EAAU,8BAIvBA,EAAU;"}

package/build/esm/react-base/src/utils/mathUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mathUtils.js","sources":["../../../../../../react-base/src/utils/mathUtils.ts"],"sourcesContent":["export const normalizeValue = (value: number): number => {\n if (value > 100) {\n return 100;\n }\n if (value < 0) {\n return 0;\n }\n\n return value;\n};\n"],"names":["normalizeValue","value"],"mappings":"AAAO,MAAMA,IAAiB,CAACC,MACzBA,IAAQ,MACH,MAELA,IAAQ,IACH,IAGFA;"}
1	+ {"version":3,"file":"mathUtils.js","sources":["../../../../../../react-base/src/utils/mathUtils.ts"],"sourcesContent":["export const normalizeValue = (value: number): number => {\r\n if (value > 100) {\r\n return 100;\r\n }\r\n if (value < 0) {\r\n return 0;\r\n }\r\n\r\n return value;\r\n};\r\n"],"names":["normalizeValue","value"],"mappings":"AAAO,MAAMA,IAAiB,CAACC,MACzBA,IAAQ,MACH,MAELA,IAAQ,IACH,IAGFA;"}

package/build/esm/react-base/src/utils/resolutionUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"resolutionUtils.js","sources":["../../../../../../react-base/src/utils/resolutionUtils.ts"],"sourcesContent":["import { ResolutionsType } from '../types';\nimport { Resolutions } from '../consts';\n\nexport const resolutions: ResolutionsType = {\n [`${Resolutions.XXS}`]: 575,\n [`${Resolutions.XS}`]: 767,\n [`${Resolutions.S}`]: 1059,\n [`${Resolutions.M}`]: 1319,\n [`${Resolutions.L}`]: 1439,\n [`${Resolutions.XL}`]: 1539,\n [`${Resolutions.XXL}`]: 2559,\n};\n\nexport const mediaQueries = {\n [`${Resolutions.XXS}`]: `(min-width: ${resolutions[Resolutions.XXS]}px)`,\n [`${Resolutions.XS}`]: `(min-width: ${resolutions[Resolutions.XS]}px)`,\n [`${Resolutions.S}`]: `(min-width: ${resolutions[Resolutions.S]}px)`,\n [`${Resolutions.M}`]: `(min-width: ${resolutions[Resolutions.M]}px)`,\n [`${Resolutions.L}`]: `(min-width: ${resolutions[Resolutions.L]}px)`,\n [`${Resolutions.XL}`]: `(min-width: ${resolutions[Resolutions.XL]}px)`,\n [`${Resolutions.XXL}`]: `(min-width: ${resolutions[Resolutions.XXL]}px)`,\n /*\n @deprecated Please use Resolutions.XXS instead\n /\n mobileL: `(min-width: ${resolutions.xxs}px)`,\n /\n @deprecated Please use Resolutions.XS instead\n /\n tabletS: `(min-width: ${resolutions.xs}px)`,\n /\n @deprecated Please use Resolutions.S instead\n /\n tabletL: `(min-width: ${resolutions.s}px)`,\n /\n @deprecated Please use Resolutions.M instead\n /\n laptopS: `(min-width: ${resolutions.m}px)`,\n /\n @deprecated Please use Resolutions.L instead\n /\n laptopL: `(min-width: ${resolutions.l}px)`,\n /\n @deprecated Please use Resolutions.XL instead\n /\n desktopS: `(min-width: ${resolutions.xl}px)`,\n /\n @deprecated Please use Resolutions.XXL instead\n */\n desktopL: `(min-width: ${resolutions.xxl}px)`,\n};\n"],"names":["resolutions","Resolutions","mediaQueries"],"mappings":";AAGO,MAAMA,IAA+B;AAAA,EAC1C,CAAC,GAAGC,EAAY,GAAG,EAAE,GAAG;AAAA,EACxB,CAAC,GAAGA,EAAY,EAAE,EAAE,GAAG;AAAA,EACvB,CAAC,GAAGA,EAAY,CAAC,EAAE,GAAG;AAAA,EACtB,CAAC,GAAGA,EAAY,CAAC,EAAE,GAAG;AAAA,EACtB,CAAC,GAAGA,EAAY,CAAC,EAAE,GAAG;AAAA,EACtB,CAAC,GAAGA,EAAY,EAAE,EAAE,GAAG;AAAA,EACvB,CAAC,GAAGA,EAAY,GAAG,EAAE,GAAG;AAC1B,GAEaC,IAAe;AAAA,EAC1B,CAAC,GAAGD,EAAY,GAAG,EAAE,GAAG,eAAeD,EAAYC,EAAY,GAAG,CAAC;AAAA,EACnE,CAAC,GAAGA,EAAY,EAAE,EAAE,GAAG,eAAeD,EAAYC,EAAY,EAAE,CAAC;AAAA,EACjE,CAAC,GAAGA,EAAY,CAAC,EAAE,GAAG,eAAeD,EAAYC,EAAY,CAAC,CAAC;AAAA,EAC/D,CAAC,GAAGA,EAAY,CAAC,EAAE,GAAG,eAAeD,EAAYC,EAAY,CAAC,CAAC;AAAA,EAC/D,CAAC,GAAGA,EAAY,CAAC,EAAE,GAAG,eAAeD,EAAYC,EAAY,CAAC,CAAC;AAAA,EAC/D,CAAC,GAAGA,EAAY,EAAE,EAAE,GAAG,eAAeD,EAAYC,EAAY,EAAE,CAAC;AAAA,EACjE,CAAC,GAAGA,EAAY,GAAG,EAAE,GAAG,eAAeD,EAAYC,EAAY,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,EAInE,SAAS,eAAeD,EAAY,GAAG;AAAA;AAAA;AAAA;AAAA,EAIvC,SAAS,eAAeA,EAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAItC,SAAS,eAAeA,EAAY,CAAC;AAAA;AAAA;AAAA;AAAA,EAIrC,SAAS,eAAeA,EAAY,CAAC;AAAA;AAAA;AAAA;AAAA,EAIrC,SAAS,eAAeA,EAAY,CAAC;AAAA;AAAA;AAAA;AAAA,EAIrC,UAAU,eAAeA,EAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAIvC,UAAU,eAAeA,EAAY,GAAG;AAC1C;"}
1	+ {"version":3,"file":"resolutionUtils.js","sources":["../../../../../../react-base/src/utils/resolutionUtils.ts"],"sourcesContent":["import { ResolutionsType } from '../types';\r\nimport { Resolutions } from '../consts';\r\n\r\nexport const resolutions: ResolutionsType = {\r\n [`${Resolutions.XXS}`]: 575,\r\n [`${Resolutions.XS}`]: 767,\r\n [`${Resolutions.S}`]: 1059,\r\n [`${Resolutions.M}`]: 1319,\r\n [`${Resolutions.L}`]: 1439,\r\n [`${Resolutions.XL}`]: 1539,\r\n [`${Resolutions.XXL}`]: 2559,\r\n};\r\n\r\nexport const mediaQueries = {\r\n [`${Resolutions.XXS}`]: `(min-width: ${resolutions[Resolutions.XXS]}px)`,\r\n [`${Resolutions.XS}`]: `(min-width: ${resolutions[Resolutions.XS]}px)`,\r\n [`${Resolutions.S}`]: `(min-width: ${resolutions[Resolutions.S]}px)`,\r\n [`${Resolutions.M}`]: `(min-width: ${resolutions[Resolutions.M]}px)`,\r\n [`${Resolutions.L}`]: `(min-width: ${resolutions[Resolutions.L]}px)`,\r\n [`${Resolutions.XL}`]: `(min-width: ${resolutions[Resolutions.XL]}px)`,\r\n [`${Resolutions.XXL}`]: `(min-width: ${resolutions[Resolutions.XXL]}px)`,\r\n /*\r\n @deprecated Please use Resolutions.XXS instead\r\n /\r\n mobileL: `(min-width: ${resolutions.xxs}px)`,\r\n /\r\n @deprecated Please use Resolutions.XS instead\r\n /\r\n tabletS: `(min-width: ${resolutions.xs}px)`,\r\n /\r\n @deprecated Please use Resolutions.S instead\r\n /\r\n tabletL: `(min-width: ${resolutions.s}px)`,\r\n /\r\n @deprecated Please use Resolutions.M instead\r\n /\r\n laptopS: `(min-width: ${resolutions.m}px)`,\r\n /\r\n @deprecated Please use Resolutions.L instead\r\n /\r\n laptopL: `(min-width: ${resolutions.l}px)`,\r\n /\r\n @deprecated Please use Resolutions.XL instead\r\n /\r\n desktopS: `(min-width: ${resolutions.xl}px)`,\r\n /\r\n @deprecated Please use Resolutions.XXL instead\r\n */\r\n desktopL: `(min-width: ${resolutions.xxl}px)`,\r\n};\r\n"],"names":["resolutions","Resolutions","mediaQueries"],"mappings":";AAGO,MAAMA,IAA+B;AAAA,EAC1C,CAAC,GAAGC,EAAY,GAAG,EAAE,GAAG;AAAA,EACxB,CAAC,GAAGA,EAAY,EAAE,EAAE,GAAG;AAAA,EACvB,CAAC,GAAGA,EAAY,CAAC,EAAE,GAAG;AAAA,EACtB,CAAC,GAAGA,EAAY,CAAC,EAAE,GAAG;AAAA,EACtB,CAAC,GAAGA,EAAY,CAAC,EAAE,GAAG;AAAA,EACtB,CAAC,GAAGA,EAAY,EAAE,EAAE,GAAG;AAAA,EACvB,CAAC,GAAGA,EAAY,GAAG,EAAE,GAAG;AAC1B,GAEaC,IAAe;AAAA,EAC1B,CAAC,GAAGD,EAAY,GAAG,EAAE,GAAG,eAAeD,EAAYC,EAAY,GAAG,CAAC;AAAA,EACnE,CAAC,GAAGA,EAAY,EAAE,EAAE,GAAG,eAAeD,EAAYC,EAAY,EAAE,CAAC;AAAA,EACjE,CAAC,GAAGA,EAAY,CAAC,EAAE,GAAG,eAAeD,EAAYC,EAAY,CAAC,CAAC;AAAA,EAC/D,CAAC,GAAGA,EAAY,CAAC,EAAE,GAAG,eAAeD,EAAYC,EAAY,CAAC,CAAC;AAAA,EAC/D,CAAC,GAAGA,EAAY,CAAC,EAAE,GAAG,eAAeD,EAAYC,EAAY,CAAC,CAAC;AAAA,EAC/D,CAAC,GAAGA,EAAY,EAAE,EAAE,GAAG,eAAeD,EAAYC,EAAY,EAAE,CAAC;AAAA,EACjE,CAAC,GAAGA,EAAY,GAAG,EAAE,GAAG,eAAeD,EAAYC,EAAY,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,EAInE,SAAS,eAAeD,EAAY,GAAG;AAAA;AAAA;AAAA;AAAA,EAIvC,SAAS,eAAeA,EAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAItC,SAAS,eAAeA,EAAY,CAAC;AAAA;AAAA;AAAA;AAAA,EAIrC,SAAS,eAAeA,EAAY,CAAC;AAAA;AAAA;AAAA;AAAA,EAIrC,SAAS,eAAeA,EAAY,CAAC;AAAA;AAAA;AAAA;AAAA,EAIrC,UAAU,eAAeA,EAAY,EAAE;AAAA;AAAA;AAAA;AAAA,EAIvC,UAAU,eAAeA,EAAY,GAAG;AAC1C;"}